ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

ヘッダーコンテンツ

63
  • BEAUTY (TCD054)

TCDテーマBeauty:トップページヘッダーコンテンツ上のキャッチフレーズ・ボタンの表示タイミング調整方法

Q.トップページのヘッダーコンテンツのキャッチフレーズとボタンの表示するタイミングを変更することは可能でしょうか。この記事では、上記箇所のアニメーションの表示タイミングを調整する方法と、最初から表示させる(アニメーションをなくす)方法をご紹介します。A.下記の方法でご対応ください。外観>

  • ORION (TCD037)

TCDテーマORION:ヘッダーコンテンツの文字色を変更する方法

Q.トップページのヘッダーコンテンツ上に表示されるサイトのタイトルとキャッチフレーズの文字色を変更することはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。< #ff

  • AVANT (TCD060)

TCDテーマAVANT:ヘッダーコンテンツのYouTube動画をリピート再生させる方法

Q.質問内容トップページのヘッダーコンテンツ設定を「YouTube」にしています。動画をループ再生させる方法はありますか。A.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカスタマイズしてください。編集するファイル: hero.php (templ

  • GLAMOUR (TCD073)

TCDテーマGLAMOUR:トップページ分割スライダーのホバーエフェクトをなくす方法

Q.トップページのヘッダーコンテンツ「分割スライダー」にマウスをのせた際にズームアウトさせず固定したいのですが、可能でしょうか。※この箇所では、テーマオプション基本設定のホバーエフェクトは適用されません。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してくだ

  • STORY (TCD041)

TCDテーマSTORY:PC表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツの画像スライダーの高さの変更方法を教えて下さい。スマホ表示時の同箇所変更方法については、下記の記事をご参照ください。→TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法A.下記の方法でご対応ください。外観>TC

  • FAKE (TCD074)

TCDテーマFAKE:トップページの画像スライダーアニメーションを変更する方法

Q.トップページヘッダーコンテンツの画像スライダーのアニメーションですが、従来の左から右へ流れるスライド形式のものに変更したいです。FAKEの画像スライダーのアニメーションは、ストライプ状に交錯するユニークなアクションで、左右や上下の動きを適用できますが、従来の「スライダー」でイメージする左から

  • Switch (TCD063)

TCDテーマSwitch:トップページヘッダーコンテンツのmp4動画のループ再生を停止する方法

Q.トップページのヘッダーコンテンツで動画を設定した際に、ループ再生されるのを解除したいです。YouTube動画を設定した際のループ再生の停止方法は下記の記事をご参照ください。 →TCDテーマSwitch:トップページヘッダーコンテンツに設定したYoutube動画のループを解除する方法A

  • MIKADO (TCD071)

TCDテーマMIKADO:スマホ表示時のトップページヘッダーコンテンツの高さを変更する方法

Q.スマホ表示のときに、トップページのヘッダーコンテンツに設定したスライダー画像の高さを変更したいです。A.下記の方法でご対応ください。いずれの場合も、TCDテーマ>基本設定のカスタムCSSに入力ください。1. ヘッダーコンテンツのタイプ:画像スライダー2. ヘッダーコンテンツの

  • ORION (TCD037)

TCDテーマORION:スマホでトップページのスライダー・スライダー上のロゴを表示しない方法

Q.スマホ表示時のみ、トップページのヘッダーコンテンツ(画像スライダー)を表示しない方法はありますか。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力ください。画像スライダーと、「トップページヘッダーコンテンツのロゴ」を非表示にしています。

  • TOKI (TCD069)

TCDテーマTOKI:トップページの動画背景の縦幅を調整する方法

Q.トップページのヘッダーコンテンツ動画背景で、縦幅を縮小して表示したいトップページのファーストビューである「ヘッダーコンテンツ」では、インパクトを持たせるため動画が大きく表示される仕様となっております。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力ください

  • STYLY (TCD052)

TCDテーマSTYLY:トップページの画像スライダーを1枚に固定する方法

Q.ヘッダーコンテンツの画像をスライドさせずに1枚固定にできないでしょうか?2番目以降の画像スライダーのアイテム項目を消去してもキャッチフレーズの部分にスライド動作が入ってしまうようです。A.下記の方法でカスタマイズしてください。1. スライド動作を停止させる編集するファイル: he

  • ZERO (TCD055)

TCDテーマZERO:トップページのヘッダーコンテンツ画像スライダーの画像にリンクを貼る方法

Q.トップのスライダーの画像にリンクを貼りたいのですが、可能ですか?外観>TCDテーマオプション>トップページのヘッダーコンテンツ画像スライダーで各スライダーのリンク先を設定出来ますが、キャッチフレーズ部のみにリンクが適用されます。▼変更前のリンク適用箇所イメージ 緑枠内がリ

  • GLAMOUR (TCD073)

TCDテーマGLAMOUR:ヘッダーコンテンツの非表示方法

Q.ヘッダーメニュー上にある、黒い帯で右側に会員登録やカゴなどが表示されているヘッダーバーを表示しない方法があれば教えてください。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力ください。

  • OOPS! (TCD048)

TCDテーマOOPS!:トップページヘッダーコンテンツの文字と画像の位置を左右入れ替える方法

Q.トップページの画像スライダーで、キャッチフレーズと画像の位置を逆にする方法を教えてください。テーマオプションの「アニメーションタイプ」でフェードイン・スライド2を選択した場合は、文字が左・画像が右に表示されます。スライド1を選択した場合は、画像が左・文字が右に表示されます。&

  • BEAUTY (TCD054)

TCDテーマBeauty:トップページ画像スライダーのキャッチフレーズ内で改行する方法

Q.トップページのヘッダーコンテンツ「画像スライダー」で、キャッチフレーズを改行させたいです。テーマオプションのトップページ内、画像スライダー1~5>キャッチフレーズでは改行が出来ない仕様となっており、HTMLタグも無効化されますので&lt;br&gt;タグを入力しても改行は反映されません。

  • STORY (TCD041)

TCDテーマSTORY:スマホ表示時、トップページヘッダーコンテンツの高さを変更する方法

Q.トップページのヘッダーコンテンツをスマホで見た時、スライダーの高さを抑えたいのですが、変更方法を教えて下さい。▼変更箇所イメージ(左:変更前 右:変更後)A.下記の方法をお試しください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力※○vhの

  • AVANT (TCD060)

TCDテーマAVANT:ヘッダースライダーのオーバーレイ消去、および色変更方法

Q.ヘッダーコンテンツのスライダー画像の上にかかっている色を無くしたい今回は画像のうえにある乗算(オーバーレイ)のカラー変更方法も並行してご案内します。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を各自入

  • ORION (TCD037)

TCDテーマORION:スマホ表示時のヘッダーロゴの大きさ変更方法

Q.スマホ表示の際のヘッダーのロゴの大きさを変えたい▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力下さい。※●の部分に、任意の数値をお入れください。※あまりにも大きい数値を入れてしまいますと、

  • OOPS! (TCD048)

TCDテーマOOPS!:トップページのヘッダーコンテンツで動画ループを停止させる方法

Q.トップページのヘッダーコンテンツに動画を使用したいのですが、ループさせずに止めるにはどこで解除をすれば良いのでしょうか?A.下記の方法でカスタマイズしてください。mp4動画を背景に表示する場合編集するファイル:テーマフッター (footer.php)編集する箇所: 227行目

  • OOPS! (TCD048)

TCDテーマOOPS!:ヘッダーコンテンツ画像スライダーのアニメーション表示速度を変更する方法

Q.ヘッダーコンテンツのキャッチフレーズ、説明文、ボタン、画像などに適用されるアニメーション(フェードイン、スライド1、スライド2)の速度を変更することは可能でしょうか?A.下記にてご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力して下さい。補足)○

  • Switch (TCD063)

TCDテーマSwitch:ヘッダーコンテンツの画像スライダーの高さを変更する方法

Q.トップページのヘッダーコンテンツで、画像スライダーの高さを変更したい。A.下記にてご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。併せて、ヘッダー中央に表示するキャッチフレーズの表示位置の変更についても記述しています。・PC想定幅に対する調整・ス

  • SOURCE (TCD045)

TCDテーマSOURCE:スマホトップページの画像スライダーの高さを変更する方法

Q.スマホ表示でトップページ画像スライダーの縦幅が大きく、横が見切れるので調整したい。A.下記の方法でカスタマイズしてください。カスタムCSSに下記の内容を記載下さい。●に任意の値を設定ください。(デフォルトは90です)(補足)通常ですと、画面のスクロールに合わせてス

  • Switch (TCD063)

TCDテーマSwitch:タイピングエフェクトの速度を変更する、エフェクトをなくす方法

Q.トップページのスライダー上、下層ページのヘッダー画像上のキャッチフレーズのタイピングエフェクトの速度を変更したい。エフェクト自体をなくしたい。A.下記の方法でご対応ください。1. スピードを調節したい▼編集するファイルと変更箇所トップページ: front-page.min.j

  • BEAUTY (TCD054)

TCDテーマBeauty:トップページのスライダーの高さを調整する方法

2021/1/26 記事を更新しました。Q.トップページのヘッダーコンテンツの高さ(縦幅)を変更したいのですが、方法を教えて下さい。A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定にある「カスタムCSS」にて、下記内容をご記述頂くことで、実現可能です。・PC

  • ORION (TCD037)

TCDテーマORION:スライダー画像が見切れる時の対処方法

Q.スライダー画像が見切れてしまいますがどうしたらいいでしょうか?A.下記の方法でご対応ください。スライダー部分は、設定された画像を背景画像として表示しておりますが、画面全体を覆う形になるように画像を拡大・縮小する仕様となっております。その際、画像の縦横比は保持されるため、画像のサイ

  • KADAN (TCD056)

TCDテーマKADAN:トップページのヒーローヘッダーでMP4動画が再生されない場合の対処方法

2021/9/7 記事を更新しました。Q.トップページのヒーローヘッダーでMP4動画を背景にすると、高い確率で動画が動かないのですが、どうしたらよいでしょうか?A.下記の方法でご対応ください。MP4動画に関するトラブルは、動画サイズに起因するケースが多いです。重いファイルの場合は、読

  • Switch (TCD063)

TCDテーマSwitch:トップページヘッダーコンテンツに設定したYoutube動画のループを解除する方法

Q.ヘッダーコンテンツにYoutube動画を設定すると自動でループ再生がオンになりますが、ループの解除方法を教えてください。A.下記のjsファイルの該当箇所を編集します編集するファイル:youtube.js (assets/js/youtube.js)編集する箇所:※

  • RUMBLE (TCD058)

TCDテーマRUMBLE:トップページのスライダーサイズや色を変更したい。

Q.トップページのスライダーのサイズを小さく変更したいのですが、方法はありますか?A.該当ファイルをカスタムCSSに追加してくださいスライダーの調整についてですが、当テーマのスライダーは大きいことが特徴となっておりますため、テーマオプションでは設定箇所がございません。つきましては、C

  • ORION (TCD037)

TCDテーマORION:ヘッダーの動画(MP4、YouTube)を連続再生させない方法

Q.トップページのヘッダーを動画にした時の、連続再生を止めたいトップページのヘッダーコンテンツで、MP4動画(もしくはYouTube動画)を設定しましたが、動画がループ再生されるのを停止したいです。A.下記のPHPファイルの該当箇所を編集します・MP4動画編集するファイル: head