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

ワードプレステーマ別

背景色

109
  • SOURCE(TCD045)

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

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

  • ZERO(TCD055)

TCDテーマZERO:ウィジェットのタイトル部分の背景色を変える方法

Q.ウィジェットのタイトル部分の背景色を変えられますか?ウィジェットのタイトル部分(カテゴリー、人気記事ランキングなど)の背景色を別の色に変えたいですが、できますか?A.可能です。カスタムCSSを編集してください。外観>TCDテーマオプション>基本設定にカスタムCSSがありま

  • ZERO(TCD055)

TCDテーマZERO:ヘッダーメニューの色を変更する方法

Q.ヘッダーメニューの背景色、文字色を変更したいTCDテーマオプションにて色の変更がされないメニューの色を変更したいのですが、可能でしょうか。A.可能です。カスタムCSSを編集してください。以下のCSSをカスタムCSSに記述いただくことをお試しください。カスタムCSSに記述いただ

  • LOTUS(TCD039)

TCDテーマLOTUS:スマホ表示時のハンバーガーメニューまわりの背景色や文字色を変更する方法

Q.スマホで閲覧した際のヘッダーの三本線メニュー(ハンバーガーメニュー)を開いたときの背景色や文字色を変更したい。<変更箇所イメージ>A.下記の方法でご対応ください。以下の記述を外観>TCDテーマオプション>基本設定のカスタムCSSに入力して表示をご確認ください。※○

  • ORION(TCD037)

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

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

  • MONOLITH(TCD042)

TCDテーマMONOLITH:フッターとコピーライトの背景色を変更する方法

Q.フッターの背景色がデフォルトではグレー、そしてその下のCopyrightの背景色が黒に設定されていますが、そのどちらも背景色を変更したいです。▼変更箇所イメージ(❶フッター ❷コピーライト)A.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムC

  • MONOLITH(TCD042)

TCDテーマMONOLITH:プロジェクトカテゴリーのカレント・ホバー時の文字色・背景色を変更する方法

Q.プロジェクトページのカテゴリーソート部分で、選択されている状態とマウスカーソルをあわせたときのプロジェクトカテゴリー文字色・背景色を変更したいテーマ仕様では、背景色には外観>基本設定>色の設定>メインカラーの設定が適用されます。文字色は白色に固定されています。before  →MON

  • AVALON(TCD040)

TCDテーマAVALON:下層ページのフッター(店名などの部分)の背景色を変更する方法

Q.ブログ記事などで、店名と電話番号が表記されたフッター部分の背景色を変更したい。▼変更箇所イメージA.下記の方法でご対応ください。外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してください。

  • LUXE(TCD022)

TCDテーマLUXE:トップページスライダーの背景色を変更する方法

Q.トップページのスライダーの背景の灰色を変更したいスライダーの背景である灰色と同じく灰色のサムネイル部分の背景色を変更したいA.下記のphpファイルの該当箇所を編集してください下記に示す各箇所の「「background」で指定されているカラーコードを任意のものにご変更ください。

  • IZM(TCD034)

TCDテーマIZMのトップページ黒色の部分を変更する方法

Q.色の変更をしたいIZMのメインカラーやサブカラーではなく、トップページ中央にある記事の上の黒部分やフッターの黒部分の色を変更したい。A.下記の該当箇所を編集します編集するテーマファイル:style.cssまたはカスタムCSS■中央にある記事の上の黒部分■フッタ

  • テーマ共通

グローバルナビやフッターナビのリストメニューで一部のリストだけデザイン(文字や色、背景)の変更を行いたい

ナビゲーションの一部のリストだけデザイン変更を行う方法についてご説明します。こちらは弊社LUXEのデモサイトです。Google Cromeのデベロッパーツールでソースを確認します↓↓たとえばダウンロードの文字を大きくしたい場合、ダウンロードのid名は「menu-item-

  • INNOVATE HACK(TCD025)

カテゴリーアーカイブページのカテゴリー見出しの文字色、背景色を変更する

Q.カテゴリーアーカイブページのカテゴリー見出しの文字色、背景色を変更したいA.下記のcssファイルの該当箇所を編集します編集するファイル:style.css編集する箇所:↓※●●●に任意のカラーコードをご設定ください。

  • Chill(TCD016)

TCDテーマChill:背景色を変更したい。

Q.背景色の変更方法を教えてください。A.下記のcssファイルの該当箇所を編集します「Chill」の場合、背景画像をコンテンツ部分に適用しているため、その画像をご変更頂く必要があります。尚、ヘッダーおよびフッターのグラデーション部分やベタ塗り部分には背景画像は適用されませんのでご注意

  • AGENT(TCD033)

TCDテーマAGENT:ウィンドウサイズを変更した際のグローバルメニューの背景色を変更する方法

Q.ウィンドウサイズを変更した際のグローバルメニューの背景色を変更したい特定のウィンドウサイズでメニューの背景色を固定する方法をご紹介します。A.下記のcssファイルの該当箇所を編集します編集するファイル:agent.css編集する箇所:一番下に以下のコードを付加して下さい。

  • テーマ共通

スマホ表示時の黒の背景色を異なる色に変更する方法

Q.スマホ表示時の黒の背景色を異なる色に変更したいデフォルトではスマホ表示時は、ヘッダーの背景と一番下部のcopyrightの背景、いくつかの見出しの背景色が黒色になってますが、この色を変更する以下の方法で可能です。A.下記ファイルの該当箇所を編集します編集するファイル:style_

  • AMORE(TCD028)

TCDテーマAMORE:グローバルメニューの色変更の方法

Q.グローバルメニューの色を変更したいデフォルトのグローバルメニューでは、黒にちょっと透明がかっていますが、これを不透明にする方法を教えてください。A.テーマオプションのカスタムCSSに下記を追記ください※rgbaの設定は左からred・green・blue・alphaとなります。

  • Opinion(TCD018)

TCDテーマOpinion:スライダー部分の背景色を変更する

Q.トップページスライダー部分の背景色の変更をしたいスライダー部分の黒い背景色やタイトル、日付やカテゴリーの文字色の変更方法を教えてください。A.下記のcssファイルの該当箇所を編集します編集するファイル:style_pc.css編集する箇所:※background:#2

  • SWEETY(TCD029)

TCDテーマSWEETY:トップページのブロックコンテンツの背景色を変更する

Q.2段目と4段目コンテンツのグレーの背景色を変更したい2段目(スライダーの下に表示するコンテンツ)、4段目(商品コンテンツの下に表示するコンテンツ)の背景色を変更することはできますか?A.テーマオプションの基本設定タブ内下部のカスタムCSSに下記コードを記述ください①スライダー