《ワードプレス》style.cssを使って文字の色を変更する方法

ブログの記事がずっと同じ色だと、見栄えが悪いですよね。

<b style="color: #20b2aa;">と書けば文字の色は変わりますが、正直これは面倒くさいです。

それに、テーマを変更したり、サイトのデザインを変えた時に文字の色を調整するのが大変です。

そこで、今回の記事では、style.cssを活用して文字の色を変更する方法を説明します。

Diverでアプリーチの表示崩れを直す方法

2018.10.10

 Diverでアプリーチの表示崩れを直す方法 当ブログではワードプレステーマ『Diver』を使用しています。 iOSやAndroidのアプリをご紹介するときはアプリーチを使ってご紹介しているのですが、今年に入って新コードの配布が始まって以降表示が崩れるようになりました。 これでは見栄えが悪いですね...

style.cssに文字の色を変更するCSSを追加する

style.cssに以下のCSSを、テキストエディタに以下のHTMLを入力してください。(今回は文字の色を青色にします。)

入力したら必ずキャッシュを削除してください。

文字の色を変更、調整したい時も、style.cssのカラーコードを変更することで文字の色を変更することができます。

カラーコードはWEB色見本 原色大辞典というサイトに見本が載っています。

文字の色をさらに簡単に入力するお手伝いMacやWindowsのユーザ辞書機能で文字を登録して、簡単に変換できるようにする方法

2018.4.22

ブログを書くときにいつも思うんですが タグをいちいち入力するの面倒くさい というのも、記事は主にタグ打ちで書いているのですが、同じようなタグを何度も入力しないといけないので、これがかなり面倒くさいのです。 タグ打ちとは、ウェブサイトを作るときに用いる言語のHTMLを用いて文章を入力すること。下の画像...

他のウェブサイトが使っているカラーコードを調べるChrome拡張機能『ColorPick Eyedropper』を使って、ウェブサイトのカラーを調べる方法

2018.4.26

Google Chromeの拡張機能『ColorPick Eyedropper』を使って、ウェブサイトのカラーを調べる方法 ブログ制作や、デザインをしているときにウェブサイトやホームページを見ると このウェブサイトの色、どんな色だろう？ って思う事がありませんか？ 今回は、ウェブサイト上で使われてい...

まとめ

以上、style.cssを使って文字の色を変更する方法でした。