TCD LABOをリニューアルしました!

ヒーローヘッダー

11
  • VOGUE(TCD051)

TCDテーマVOGUE:モバイル閲覧時のトップページヒーローヘッダーの切り替え時間を変更する方法

Q.トップページのヒーローヘッダーについて、スマホ/タブレット画面でのスライドショー切替時間を変更したいです。A.下記の方法でカスタマイズしてください。1. 読み込むjsを変更する編集するファイル: functions.php編集する箇所: 129行目付近 ↓2. j

  • VOGUE(TCD051)

TCDテーマVOGUE:トップページのヒーローヘッダーで動画を画面全体に表示させる方法

Q.ヒーローヘッダーに動画を設定して表示させると、横幅が足らず両端が黒くなってしまいます。この箇所では、動画の縦幅100%表示に合わせて横幅が可変する仕様となっており、表示するウィンドウサイズによっては動画の左右に黒い背景が見えます。▼変更箇所イメージA.下記の方法で

  • VOGUE(TCD051)

TCDテーマVOGUE:トップページヒーローヘッダー上のキャッチフレーズの文字色と位置を変更する方法

Q.トップページのヒーローヘッダーで、キャッチフレーズの文字色や位置を変更したいです。カーソルを合わせると表示されるキャッチフレーズは通常白色で表示されます。設定している画像や動画によっては、文字が見づらくなることも考えられます。▼変更箇所イメージA.下記の方法でご対

  • VOGUE(TCD051)

TCDテーマVOGUE:スマホ閲覧時、ヒーローヘッダーの縦幅を短くする方法

Q.トップページのヒーローヘッダーですが、スマホ閲覧時でも設定した画像に合わせて横長に表示したいのですが、変更することは可能ですか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめく

  • AVANT(TCD060)

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

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

  • KADAN(TCD056)

TCDテーマKADAN:トップページのヒーローヘッダーをループさせない方法

Q.トップページの画像スライダーで、コンテンツ1→2→3が表示されたあと、ループさせないようにすることは可能でしょうか?A.下記の方法でカスタマイズしてください。編集するファイル: assets/js/front-page.min.js編集する箇所:ミニファイ化しておりますので、変更

  • VOGUE(TCD051)

TCDテーマVOGUE:スマホでのスライダー画像を全体表示する方法

Q.スマホでのスライダー画像を全体表示するにはどうしたらいいでしょうか?スマホ(iphone)でサイトを見た時に、トップページだけ画面右に縦に空きができて、トップ画像も縮小されず、一部分しか表示されません。A.下記の方法でカスタマイズください。スライダーの画像についてですが、

  • KADAN(TCD056)

TCDテーマKADAN:ヒーローヘッダーの表示秒数の変更方法

Q.ヒーローヘッダーの表示秒数を変更したいのですが、どうしたらよいでしょうか?トップページのヒーローヘッダー設定において、既定では、表示秒数が最高8秒の設定ですが、もう少し長く表示できるようにしたいです。A.下記の方法でカスタマイズください。テーマファイルのカスタマイ

  • KADAN(TCD056)

TCDテーマKADAN:トップページ画像スライダーのキャッチフレーズに影をつける方法

2020/7/3 記事を更新しました。Q.トップページのヒーローヘッダー設定で、画像スライダー上の文字に影をつけたいのですが、どうしたらよいでしょうか?A.下記の方法でご対応ください。カスタムCSSに下記のコードを記述いただくと、text-shadowを有効にすることができます。

  • VOGUE(TCD051)

TCDテーマVOGUE:【スマホ】ヒーローヘッダーの表示を1枚のみに変更したい

Q.スマホでもトップページのヒーローヘッダーの表示を一枚だけにしたいのですが設定の仕方を教えてください。A.下記のカスタマイズをしてください。下記ファイルの該当箇所をご変更くださいませ。編集するファイル:template-parts/hero-header.php変更

  • VOGUE(TCD051)

TCDテーマVOGUE:ヒーローヘッダーの表示を1枚のみに変更したい

Q.トップページのヒーローヘッダーの表示を一枚だけにしたいのですが設定の仕方を教えてください。「VOGUE」のトップページは、動画&静止画の組み合わせが可能なブラウザいっぱいに広がる四分割のヒーローヘッダーを実現しておりますが、分割せず1枚のみ表示したい場合は下記をご参照ください。A.カ