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

ワードプレステーマ別

文字色

114
  • BASARA(TCD100)

TCDテーマBASARA:トップページ「記事スライダー」のアローの背景色を変更する方法

Q.トップページの「記事スライダー」の左右矢印の色合い(背景色・アイコンの色・枠線)を変更したいです。アイキャッチ画像の色合いによってはアロー部分が見えづらいこともあるかもしれませんね。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCS

  • PORTAL(TCD095)

TCDテーマPORTAL:トップページヘッダーコンテンツの文字色を変更する方法

Q.トップページ>ヘッダーコンテンツ>テキストの各フォントカラーを白から変更したい。トップページのヘッダーコンテンツには、背景(画像・MP4動画・YouTube動画)のほかに「オーバーレイ」を設定頂けます。こちらを設定頂くことを想定しておりますため、文字色はテーマ側で白色に固定されております。

  • HORIZON(TCD093)

TCDテーマHORIZON:ヘッダーのドロップダウンメニューの背景色・文字色を変更する方法

Q.グローバルメニューのサブメニュー「ドロップダウンメニュー」の、背景色と文字色を変更したいです。HORIZONのヘッダーメニューのレイアウトについてはデモサイト内のブログ記事でもご紹介しております。A.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力

  • GAIA(TCD102)

TCDテーマGAIA:イベントカレンダーの「当日」マスの背景色・文字色を変更する方法

Q.カレンダーを表示させたときに、「当日」のマスを目立たせることは可能でしょうか?GAIAのイベントカレンダーでは、「当日」のほか「過去」「未来」のクラスが各日のマスに割り振られているので、背景色・文字色・枠線といった内容の装飾が可能です。関連記事以下の記事では、「定休日」と「特定の日付

  • ANTHEM(TCD083)

TCDテーマANTHEM:商品一覧で商品タイトルの文字色を変更する方法

Q.トップページの「商品一覧」や商品アーカイブの商品タイトルの文字色を変更したいです。トップページの「商品一覧」・商品アーカイブで、各商品の文字色は白色に固定されています。背景色は商品記事編集画面の【商品の情報設定 > 基本設定 > 色の設定 > メインカラー】から変更でき

  • GAIA(TCD102)

TCDテーマGAIA:イベントカレンダーの「定休日」と一部の日付の背景色・文字色を変更する方法

Q.イベントカレンダーで「定休日」とは別に背景色を変更したい日があります。当記事ではイベントカレンダーの以下の変更方法をご紹介しています。・特定の日の背景色・文字色の変更・「定休日」の背景色・文字色の変更GAIAを検討されている方へイベントカレンダー機能について詳しく知りたい方は以下

  • CODE.(TCD090)

TCDテーマCODE.:投稿者ページの記事件数部分の文字色を変更する方法

Q.各投稿者のプロフィールページの記事数「〇件」部分が表示されません。この箇所の背景色はテーマ側で黒色が指定されており、文字色にはTCDテーマ>基本設定>色の設定の「アクセントカラー」が適用されます。アクセントカラーを「黒」にした場合、背景色に同化して文字(記事件数部分)が見えなくなってしまいま

  • HORIZON(TCD093)

TCDテーマHORIZON:モバイルサイズ用メニューの背景色・文字色を変更する方法

Q.スマホ表示時のドロワーメニューの背景色と文字色を変更したいです。A.下記の方法でご対応ください。外観>カスタマイズ>追加CSSに入力してください。〇(背景色)・●(文字色・アイコン色)・◎(ドロップダウンメニューの背景色)を任意のカラーコードに変更してください。なお、カレント

  • Chill(TCD016)

TCDテーマChill:サイト内最上部のキャッチフレーズの文字色・文字サイズを変更する方法

Q.「キャッチフレーズ」の文字のサイズと色はどこで変更できますか?当該箇所は一般設定の「キャッチフレーズ」が反映されます。背景色はテーマオプションから変更頂けますが、文字サイズと文字色を変更頂けるオプション項目はございません。▼変更箇所イメージA.下記の方法でご対応く

  • CURE(TCD082)

TCDテーマCURE:トップページのヘッダーコンテンツ上のグローバルメニュー項目のホバー時の文字色を変更する方法

Q.トップページで画面下部にスクロールする前のヘッダーコンテンツ上のヘッダーメニュー項目について、ホバー時のフォントカラーをメインカラーから変更したいです。当該箇所について、ホバー時の文字色には「TCDテーマ > サイト基本設定 > 色の設定 > メインカラー」が適用されま

  • GENSEN(TCD050)

TCDテーマGENSEN:子メニューの背景色だけを変更する方法

Q.子メニューの背景色だけを変更することはできますか?▼変更箇所イメージA.子メニューの背景色は、外観>TCDテーマオプション>基本設定>色の設定の「メインカラー」が反映される仕様です。メインカラーとは別に子メニューの背景色だけを変更したい場合、外観>TCDテーマオプ

  • SOLARIS(TCD088)

TCDテーマSOLARIS:メガメニューCのタイトルとサブタイトルのフォントカラーを変更する方法

Q.メガメニューCのタイトルとサブタイトルのフォントカラーは変更できますか?▼変更箇所イメージA.〇を任意のカラーコードに変更して【 TCDテーマ>基本設定>カスタムCSS 】に入力してください。カラーコード参考:https://www.colordic.or

  • GENSEN(TCD050)

TCDテーマGENSEN:フッターエリアコンテンツの文字色を変更する方法

Q.フッターエリアコンテンツの背景色を変更すると、文字が同化して見えづらくなりました。GENSENでは、外観>TCDテーマオプション>フッター>フッターエリアコンテンツの設定で「背景色」を変更頂けますが、この背景色には基本的に濃色を設定頂くことを想定しております。そのため、SNSアイコンやリ

  • MONOLITH(TCD042)

TCDテーマMONOLITH:トップページヘッダーコンテンツのキャッチフレーズの文字色を変更する方法

Q.トップページヘッダーコンテンツに表示されるキャッチフレーズの文字色は変更できますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定のカスタムCSSに下記CSSをご入力ください。〇を任意のカラーコードに

  • Beyond(TCD094)

TCDテーマBeyond:グローバルメニューの親項目ホバー時・子項目の背景色と文字色を変更する方法

Q.ヘッダー内「ドロップダウンメニュー」の背景色とフォントカラーは変更できますか?この記事では、メニュー項目ホバー時の背景色・文字色、およびドロップダウン・メガメニューB(サービス一覧)・メガメニューC(導入事例一覧)の背景色と文字色の変更方法をご案内します。▼変更箇所イメー

  • ICONIC(TCD062)

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

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

  • Switch(TCD063)

TCDテーマSwitch:フッターバナーの文字色を変更する方法

Q.フッターPRエリアのバナーで、背景色と文字色が同化してしまいます。TCDテーマ>フッター>PR エリア設定>PR エリアのタイプで「テンプレート」を選択した際のバナー文字色には【TCDテーマ>基本設定>色設定>第2カラー】が適用されます。この第2カラーに白色や淡色を設定した場合、背景色(白色

  • FALCON(TCD089)

TCDテーマFALCON:ショールーム詳細ページのフッターカルーセルの背景色と見出しの文字色を変更する方法

Q.「ショールーム」詳細ページのフッターカルーセルで背景色・文字色を変更したい。▼変更箇所イメージA.下記の方法で対応してください。以下の記述をTCDテーマ>基本設定のカスタムCSSに入力してください。〇(背景色)と●(見出しの文字色)を任意のカラーコードに変

  • GLAMOUR(TCD073)

TCDテーマGLAMOUR:特集一覧のサムネイル画像上のテキスト文字色を変更する方法

Q.特集のアーカイブページ・トップページの特集一覧コンテンツで、サムネイル画像上に表示されている記事タイトルなどの文字色を変更したいです。▼変更箇所イメージ(トップページの特集一覧コンテンツ)A.下記の方法でご対応ください。〇を任意のカラーコードに変更して【 TCDテ

  • Rebirth(FREE001)

TCDテーマRebirth:グローバルメニューのリンク文字色を変更する方法

Q.ヘッダーのメニューの文字色を変更したいです。テーマ仕様では、ヘッダーまわりについては【TCDテーマ>基本設定>色の設定】の設定内容が以下のように適用されます。ヘッダーの背景色:キーカラー1カレント表示文字色・ホバー時文字色:ホバーカラーしかしながら

  • OOPS!(TCD048)

TCDテーマOOPS!:パンくずリストにカーソルを合わせた時のカラーを変更する方法

Q.質問内容パンくずリストにカーソルを合わせた時のカラーは変更できますか?▼変更箇所イメージA.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記CSSを入力してください。〇を任意のカラーコードに変更して

  • GENSEN(TCD050)

TCDテーマGENSEN:トップページカルーセルスライダーの説明文、抜粋文のカラーを変更する方法

Q.トップページカルーセルスライダーの説明文、抜粋文のカラーを変更することはできますか?▼変更箇所イメージ※❶が説明文、❷が抜粋文A.下記の方法でカスタマイズしてください。外観>TCDテーマオプション>基本設定>カスタムCSSに下記CSSを入力してください。

  • GENSEN(TCD050)

TCDテーマGENSEN:ハンバーガーメニュー内の矢印の色を変更する方法

Q.スマホでハンバーガーメニューを開いた際に表示される矢印の色を変えたい。メニューが階層化されている場合、スマホ閲覧時にはハンバーガーメニューを開くと親メニューのみが表示され、右端の「v 」をクリックで子メニュー以下が表示されます。この矢印の色は変更できますか。▼変更箇所イメ

  • CODE.(TCD090)

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

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

  • CODE.(TCD090)

TCDテーマCODE.:サイドメニューの背景色・キャッチフレーズの文字色・ハンバーガーメニューの色を変更する方法

Q.サイドメニューの背景色やキャッチフレーズの文字色、ハンバーガーメニューの色を変更したいのですが、可能でしょうか。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ>基本設定のカスタムCSSに入力してください。〇を任意のカラーコードに変更してくだ

  • QUADRA(BIZ001)

TCDテーマQUADRA:フッターメニュー一番上の項目の文字色を変更する方法

Q.フッターのメインメニュー(一番上の項目)の文字色を変更したいです。フッターメニューでは、先頭のメニュー項目がTCDテーマ>基本設定>色の設定の『キーカラー1』で表示されます。▼変更箇所イメージA.下記の方法でご対応ください。以下の記述をTCDテーマ>基本設定の

  • OOPS!(TCD048)

TCDテーマOOPS!:トップページニュースティッカーの文字色・背景色を変更する方法

Q.トップページのアイキャッチ画像下に表示されるニュースティッカーの文字色と背景色を変更したいのですが、どのようにすればいいでしょうか?ニュースティッカーの部分のみ色を変更頂くオプション項目・機能は搭載されておりません。ニュースティッカー箇所の色につきましては、【外観>TCDテーマオプシ

  • ROCK(TCD068)

TCDテーマROCK:フッターのリンク色・文字色を変更する方法

Q.フッターの背景色で濃色を設定したところ、リンク文字色が同化して見づらいです。文字色を変更するにはどうすればいいでしょうか?ROCKでは、【TCDテーマ>フッター>フッターウィジェット設定>背景色】でフッターウィジェットエリアの背景色を設定頂けますが、薄色を設定頂くことを想定しており、リンク文

  • TENJIKU(TCD091)

TCDテーマTENJIKU:トップページ記事カルーセルの日付の色を変更する方法

Q.トップページの「記事カルーセル」で日付部分の色を変えたいです。トップページコンテンツビルダーの「記事カルーセル」は、背景画像を設定頂くことを想定した仕様となってございます。また、背景画像のオーバーレイ(画像に重ねる色)の設定も可能であるため、テーマ側で日付部分は白色に設定されております。