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

ワードプレステーマ別

ヘッダー

61
  • PHOTEK(TCD024)

TCDテーマPHOTEK:スマホ表示時のヘッダー・フッターのコピーライトの背景色を変更する方法

Q.スマホ閲覧時のヘッダーとフッターの色を黒から別の色に変えたいです。A.下記の方法でご対応ください。以下の記述を外観>TCDテーマオプション>基本設定内のカスタムCSSに入力して表示をご確認ください。〇を任意のカラーコードに変更してください。

  • ICONIC(TCD062)

TCDテーマICONIC:ヘッダーのキャッチフレーズの文字色を変更する方法

Q..ヘッダー部分のロゴマーク上のキャッチフレーズの文字色を変更したいです。▼変更箇所イメージA.下記の方法で対応してください。TCDテーマ>基本設定のカスタムCSSに入力して表示をご確認ください。〇を任意のカラーコードに変更してください。

  • CODE.(TCD090)

TCDテーマCODE.:固定ヘッダーの背景色・ヘッダーロゴテキスト時の文字色の変更方法

Q.ヘッダーロゴをテキスト表示したときの文字色とスクロール時のページ上部固定ヘッダーの背景色を変更したいです。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。

  • FAKE(TCD074)

TCDテーマFAKE:トップページのヘッダーコンテンツ上のグローバルメニューに背景色をつける方法

Q.トップページのヘッダーコンテンツ上のグローバルメニューが目立たないので、背景色をつけたいです。トップページヘッダーコンテンツに適用頂いている画像や動画の色(濃色が点在している)とメニュー項目のリンク文字色が近い色(黒)の場合などに、色のコントラストがつかずに目立ちにくくなることがございます。

  • ANTHEM(TCD083)

TCDテーマANTHEM:固定ページでヘッダー画像を表示しない設定にした際の上部の余白を調整する方法

Q.固定ページのヘッダー設定で「画像を表示しない」にチェックを入れた場合、コンテンツの上部に余白が表示されます。この余白部分の幅を調整できますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。固定ページの任意のページの「カスタムCSS」に入力してください。●

  • VOGUE(TCD051)

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

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

  • TOKI(TCD069)

TCDテーマTOKI:スマホ表示時、ヘッダーに表示される言語切り替えマークの文字色を変更する方法

Q.質問内容スマートフォン表示時、ヘッダー部分に表示される言語切り替えマークの文字色は変更できますか?▼変更箇所イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。〇を任意のカラーコ

  • AVANT(TCD060)

TCDテーマAVANT:固定ページでページヘッダーのタイトル表示位置を調整する方法

Q.質問内容固定ページを大きいサイズのブラウザで閲覧した際に、ページヘッダー設定内「① のタイトル」が文字数によっては右側の背景画像の方にはみ出してしまいます。はみ出さないようにすることはできますか。▼変更箇所イメージA.該当の固定ページ編集画面内「カスタムCSS」の

  • ICONIC(TCD062)

TCDテーマICONIC:固定ページヘッダー画像に表示されるキャッチフレーズのアニメーションを削除する方法

Q.固定ページ編集画面内【固定ページ用ヘッダー画像】に画像とキャッチフレーズを設定すると、ページを開いたときにキャッチフレーズが後から浮かび上がってくるアニメーションが設定されていますが、これを削除してキャッチフレーズが最初から表示されているようにすることはできますか。▼変更箇所

  • Tree(TCD081)

TCDテーマTree:ヘッダーバーにスクロール前から背景色を設定する方法

Q.質問内容トップページ等の一部ページでは、ヘッダーバーが最上部にあるときは背景が透明で、スクロールすると設定した背景色が反映されますが、これをスクロールする前から背景色を設定することはできますか。▼変更箇所イメージA.管理画面【TCDテーマ】→【基本設定】→「カスタ

  • BIRTH(TCD057)

TCDテーマBIRTH:ヘッダーを「ページ上部に固定表示」にしている場合の背景色と文字色の変更方法

Q.質問内容ヘッダーを「ページ上部に固定表示」に設定しています。この場合デフォルトで、背景色が白、文字色はグレー系になっていますが、これを変更することはできますか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最

  • VOGUE(TCD051)

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

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

  • Precious(TCD019)

TCDテーマPrecious:スマホ閲覧時にヘッダーメニューを固定する方法

Q.ページをスクロールするとヘッダーメニューが見えなくなってしまいますが、これを常にページ上部に固定させることはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。PC表

  • Precious(TCD019)

TCDテーマPrecious:PC閲覧時にヘッダーを固定する方法

Q.ページをスクロールするとヘッダーバーが見えなくなってしまいますが、これを常にページ上部に固定させることはできますか。A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。スマホ表示

  • ZERO(TCD055)

TCDテーマZERO:グローバルメニュー上の背景色の変更方法

Q.ヘッダー(グローバルメニュー)上にある説明文の背景色の変更をしたい。▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力下さい。※●●●となっている部分は、 お好きなカラーコードをご設定いただく

  • ORION(TCD037)

TCDテーマORION:スマホ表示時のヘッダーの背景色を変更したい

Q.スマホ表示時のヘッダーの背景色は変更可能でしょうか?A.可能です。下記、変更方法です。外観>TCDテーマオプション>基本設定のカスタムCSSに下記を入力下さい。※●に任意のカラーコードを指定下さい。カラーコードにつきましては下記参考サイトをご確認ください。

  • BEAUTY(TCD054)

TCDテーマBeauty:ヘッダーとグローバルメニューに背景画像を挿入、ヘッダーの高さを変更、グローバルメニューに背景画像を挿入する方法

Q.ヘッダーとグローバルメニューについて教えて下さい。ヘッダーに背景画像を挿入したり、ヘッダーの高さを変更するにはどうしたら良いでしょうか?またグローバルメニューに背景画像を挿入するにはどうしたらいいでしょうか?A.下記の方法でご対応ください。外観>TCDテーマオプション>基

  • AMORE(TCD028)

TCDテーマAMORE:スマホにてヘッダーとフッターロゴの大きさを同じにする方法

Q.スマホにて、ヘッダーとフッターロゴの大きさを同じにするにはどうしたらよいでしょうか?A.下記のファイルを修正してください。下記の方法で該当ファイルを修正ください。修正ファイル:amore.css上記heightの値を変更してください。※スマホ用のヘッダ

  • SOURCE(TCD045)

TCDテーマSOURCE:トップページのスクロール前のグローバルメニューに背景色を付ける方法

Q.スクロール前のトップページのグローバルメニューに最初から背景色をつける方法は?トップページのファーストビューではヘッダー背景色が透明になっております。スクロールすることによってTCDテーマオプションメインカラーの色が反映されたヘッダーが表示されます。そのファーストビューの背景色をつける方法で

  • BEAUTY(TCD054)

TCDテーマBeauty:ヘッダーのグローバルメニューの上、電話番号の右か左にリンクボタンなどを設置したい

Q.ヘッダーのグローバルメニューの上、電話番号の右か左にリンクボタンなどを設置したいのですが方法をお教えください。 header.phpをカスタマイズいただくことで対応可能です。バックアップを取得の上お試しください。※別途CSSにて細かい調整は必要です。カスタムCSSをご利用ください

  • STORY(TCD041)

TCDテーマSTORY:ヘッダーの高さを調整する方法

Q.ブログ記事ページのヘッダーを小さくして、ファーストビューで記事本文を表示させたい。▼変更後のイメージ  →変更前例:デモサイトブログ記事A.下記の方法でご対応ください。適用させたい範囲にあわせて、以下のいずれかのカスタムCSSに入力してください。・外観>TCDテーマオ

  • ORION(TCD037)

TCDテーマORION:スマホで見た際のトップページ(ヘッダー)背景色を変更する方法

TCDテーマORIONをスマホ見た際の背景色は白になっています。こちらの背景色を画像に合う色(オリジナル)に変更したい場合はありませんか?今回は以下のカスタマイズ方法をご案内します。※カスタマイズをされる場合は必ずバックアップしてからおこなってください。1.カスタ

  • AGENT(TCD033)

TCDテーマAGENT:スマホ表示の追従ヘッダーの透明度を調整する

Q.TCDテーマAGENTの追従ヘッダーの透明度を調整したい「スマホのグローバルヘッダーの背景が透明なのを不透明か色を変えたいです。不透明なのは、どうしても見にくいのでこれはどうしても変更したいです。」とのことでしたので、そのカスタマイズ方法をご説明します。A.下記のph