「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

VOGUE(TCD051)

記事数 24
  • VOGUE(TCD051)

TCDテーマVOGUE:ヘッダーバーを最初から表示させておく方法

Q.質問内容「VOGUE」のヘッダーバーはページが開いた後に時間差で上から降りてくるようになっていますが、これをページを開くとすでに表示されているようにしたいのですが可能ですか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記を

  • 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.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめく

  • VOGUE(TCD051)

TCDテーマVOGUE:「プラン」にmeta titleとmeta descriptionを設定する方法

Q.質問内容カスタム投稿タイプ「プラン」の記事編集画面内に、「meta title」と「meta description」の入力欄を設置することはできますか。A.管理画面【外観】→【テーマエディター】より該当ファイルを下記の方法でカスタマイズしてください。編集するファイル

  • VOGUE(TCD051)

TCDテーマVOGUE:トップページ右下にある、画面下部へスクロールするボタンを削除する方法

Q.質問内容トップページのヒーローヘッダーの右下に表示される、コンテンツビルダーの先頭にスクロールされるボタンを削除したいのですが可能でしょうか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー

  • VOGUE(TCD051)

TCDテーマVOGUE:ニュース詳細ページをワンカラム(サイドバーなし)で表示させる方法

Q.質問内容カスタム投稿タイプ「ニュース」の詳細ページですが、固定ページの様に「サイドバーなし」で表示させることは可能でしょうか。A.今回はカスタムCSSで簡単に対応する方法をご案内します。管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部

  • VOGUE(TCD051)

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

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

  • VOGUE(TCD051)

TCDテーマVOGUE:トップページのブログ&ニュースでブログのみ表示する方法

Q.トップページのコンテンツビルダー「ブログ&ニュース」でブログのみを表示させたいのですが、可能ですか?▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。▼変更後イメージ

  • VOGUE(TCD051)

TCDテーマVOGUE:固定ページヘッダーの高さを変更する方法

Q.固定ページでヘッダーの高さを小さくしたいのですが、変更することは可能ですか。▼変更箇所イメージA.該当の固定ページ編集画面下にございます「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。ご希望の表示になるように数値は適宜変更してくだ

  • VOGUE(TCD051)

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

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

  • VOGUE(TCD051)

TCDテーマVOGUE:パンくずリストのプラン一覧ページへのリンクを非表示にする方法

Q.プランページを作る際に自動でできてしまう『プラン一覧ページ』を表示しないようにしたいパンくずから外すか、親子構造を解除できるか何か方法はございますでしょうか?A.下記の方法でカスタマイズしてください。パンくずリストからプラン一覧ページの表記を非表示にする方法をご案内いたします。編

  • VOGUE(TCD051)

TCDテーマVOGUE:フッターメニュー「会社情報」の文字色の変更方法

Q.フッターの「フッターに表示する会社情報」のフォントカラーを任意に変更したい▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記を入力下さい。※●●●となっている部分は、お好きなカラーコードをご設定いた

  • VOGUE(TCD051)

TCDテーマVOGUE:トップページにニュースのみを表示し、背景色を変更する方法

Q.トップページにニュースだけ表示させ、その背景色を通常「黒色」から「白色」に変えることは可能でしょうか。A.下記の方法でカスタマイズください。外観>TCDテーマオプション>基本設定にある「カスタムCSS」にて、下記内容をご記述頂くことで実現可能です。

  • VOGUE(TCD051)

TCDテーマVOGUE:ページビルダー機能で作成したページへのボタンの設置について

Q.ページビルダー機能だけで作成した「タブ」の中にどうやってテキスト形式でボタンの指示をすれば良いでしょうか?A.下記の方法でカスタマイズください。pagebuilder/modules/tab.php内の下記箇所をご変更ください。カスタマイズをすることで、編集可能になり

  • VOGUE(TCD051)

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

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

  • VOGUE(TCD051)

TCDテーマVOGUE:スマートフォンでのプランリストの文字色を変更する方法

Q.プランリストをスマートフォンで見た時の文字の色を変えることは出来ますか?A.下記の方法でカスタマイズください。TCDテーマオプション>基本設定>カスタムCSSに下記内容をご記入ください。※色は赤にしております。お好みでご変更ください。尚、一般のブラウザでは、画

  • VOGUE(TCD051)

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

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

  • VOGUE(TCD051)

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

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

  • VOGUE(TCD051)

TCDテーマVOGUE:固定ページのパンくずリストを親子関係で階層化する方法

Q.パンくずリストを親子関係で階層化させる方法を知りたいです。VOGUE以外のテーマは下記記事の方法もご参照ください。→TCDテーマの固定ページのパンくずリストを親子関係で階層化させる方法A.下記箇所をご変更ください。編集するファイル:template-parts/bread