ワードプレス

TCDテーマ「CORE」で新着記事に付く”NEW”の文字色と背景色の変更方法

こんにちは、マツコ・ミニマムです。

今回はTCDのテーマ「CORE」で新着記事に付く”NEW”の文字色と背景色の変更方法について紹介していきます。

私のTCDカスタマイズ備忘録も兼ねているので同じような環境の方の参考になればと思います。

スポンサードリンク



“NEW”の文字色と背景色の変更方法

WordPress管理画面から「外観 > テーマの編集」へと進み、「style.css」を開きます。

次に、F3キーで以下の文字を検索してください。

これが新着記事に”NEW”と表示させるための文字列です。

color:#fff」が文字色

background:#333」が背景色

を表しているので「#〇〇〇」という部分を変更することで色が変わります。

色コードはこちらのサイトで探すと見やすくて便利です。

“NEW”以外の文字にする場合

新着記事の表示を”NEW”意外にする場合、上記のコード内にあるNEWの文字を変更します。

ただし、全角で5文字以上だとレイアウトが崩れる可能性があるので、もし崩れた場合は「width:45px」の数字の箇所を変更すれば解決できます。

 

最後まで読んでいただきありがとうございました。


当ブログでは TCDのWordPressテーマ「CORE」を使用しています。

WordPressテーマ「CORE (TCD027)」

スポンサードリンク

関連記事

  1. 賢威7でh2(見出し)h3(見出し3)の文字色や背景色をコピペで…
  2. TCDテーマ「CORE」で関連記事の数を変更する方法
  3. 賢威7でヘッダーのロゴ画像上下にある余白を消す方法
  4. TCDテーマ「CORE」で記事タイトルをh1タグで出力する方法
  5. TCDテーマ「CORE」でFacebookのシェア数をカウントす…
  6. TCDテーマ「CORE」でサイトのレイアウトをカスタマイズしてみ…
  7. 賢威7のアイキャッチ画像の役割、サイズを変更する方法
  8. TCDテーマ「CORE」でAll in one SEO pack…
スポンサードリンク
スポンサードリンク

過去ログ

PAGE TOP