TCDテーマNANO:スマホでトップページのヘッダーコンテンツ画像・動画を切り取られずに表示する方法
Q.スマホ表示の場合、設定した画像または動画が全画面表示になってしまい、切り取られて表示されます。▼左:画像(1740×840ピクセル) 右:動画(640×360ピクセル)の例A.下記のCSSを追加することで全画面表示を解消して全体が表示できます。スマホとPCでは縦横比が
Q.スマホ表示の場合、設定した画像または動画が全画面表示になってしまい、切り取られて表示されます。▼左:画像(1740×840ピクセル) 右:動画(640×360ピクセル)の例A.下記のCSSを追加することで全画面表示を解消して全体が表示できます。スマホとPCでは縦横比が
Q.トップページのヒーローヘッダーについて、スマホ/タブレット画面でのスライドショー切替時間を変更したいです。A.下記の方法でカスタマイズしてください。1. 読み込むjsを変更する編集するファイル: functions.php編集する箇所: 129行目付近 ↓2. j
Q.ヒーローヘッダーに動画を設定して表示させると、横幅が足らず両端が黒くなってしまいます。この箇所では、動画の縦幅100%表示に合わせて横幅が可変する仕様となっており、表示するウィンドウサイズによっては動画の左右に黒い背景が見えます。▼変更箇所イメージA.下記の方法で
Q.トップページのヒーローヘッダーで、キャッチフレーズの文字色や位置を変更したいです。カーソルを合わせると表示されるキャッチフレーズは通常白色で表示されます。設定している画像や動画によっては、文字が見づらくなることも考えられます。▼変更箇所イメージA.下記の方法でご対
Q.トップページのヒーローヘッダーですが、スマホ閲覧時でも設定した画像に合わせて横長に表示したいのですが、変更することは可能ですか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめく
Q.ヘッダーコンテンツのスライダー画像の上にかかっている色を無くしたい今回は画像のうえにある乗算(オーバーレイ)のカラー変更方法も並行してご案内します。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を各自入
Q.トップページの画像スライダーで、コンテンツ1→2→3が表示されたあと、ループさせないようにすることは可能でしょうか?A.下記の方法でカスタマイズしてください。編集するファイル: assets/js/front-page.min.js編集する箇所:ミニファイ化しておりますので、変更
Q.スマホでのスライダー画像を全体表示するにはどうしたらいいでしょうか?スマホ(iphone)でサイトを見た時に、トップページだけ画面右に縦に空きができて、トップ画像も縮小されず、一部分しか表示されません。A.下記の方法でカスタマイズください。スライダーの画像についてですが、
Q.ヒーローヘッダーの表示秒数を変更したいのですが、どうしたらよいでしょうか?トップページのヒーローヘッダー設定において、既定では、表示秒数が最高8秒の設定ですが、もう少し長く表示できるようにしたいです。A.下記の方法でカスタマイズください。テーマファイルのカスタマイ
2020/7/3 記事を更新しました。Q.トップページのヒーローヘッダー設定で、画像スライダー上の文字に影をつけたいのですが、どうしたらよいでしょうか?A.下記の方法でご対応ください。カスタムCSSに下記のコードを記述いただくと、text-shadowを有効にすることができます。
Q.スマホでもトップページのヒーローヘッダーの表示を一枚だけにしたいのですが設定の仕方を教えてください。A.下記のカスタマイズをしてください。下記ファイルの該当箇所をご変更くださいませ。編集するファイル:template-parts/hero-header.php変更
Q.トップページのヒーローヘッダーの表示を一枚だけにしたいのですが設定の仕方を教えてください。「VOGUE」のトップページは、動画&静止画の組み合わせが可能なブラウザいっぱいに広がる四分割のヒーローヘッダーを実現しておりますが、分割せず1枚のみ表示したい場合は下記をご参照ください。A.カ