WordPressでテキストの色を変更する方法
WordPress サイトのテキストの色を変更する方法を知りたいですか?この記事には、それを実現するための複数の方法が含まれています。
に オラトゥンボスン・アドソエ | | 2023 年 2 月 28 日更新 | 10分 読む
この記事では、最初に特定の WordPress ページまたは投稿のテキストの色を変更する方法を学びます。次に、WordPress サイト全体でテキストの色を調整する方法をいくつか紹介します。
これらの方法には、単純な CSS コードと WordPress テーマ カスタマイザーの使用が含まれます。
そうは言っても、この記事の最後の部分に FAQ セクションがあります。予想どおり、そのセクションでは、表示されているトピックに関連するよくある質問のいくつかに回答しています。
特定の WordPress 投稿/ページでテキストの色を変更する方法
デフォルトの WordPress ブロックエディターを使用して、特定の WordPress ページまたは投稿のテキストの色を変更できます。その方法については、以降の手順と以下の画像に従ってください。
- 管理者アカウントで WordPress Web サイトのバックエンド ダッシュボードにログインします。次に、テキストの色を調整したい場所に応じて、左クリックします 投稿 また ページ ダッシュボードの左ペインにあります。
- 次に、テキストの色を変更したいページまたは投稿のタイトルをクリックして開きます。このデモンストレーションでは、WordPress Web サイトで「Changing Colors」というタイトルの投稿を選択します。
- 投稿/ページが開いたら、テキストの色を変更するテキスト ブロックを選択します。その後、 設定 ページの右上隅にあるアイコンをクリックし、必ず ブロック タブ。
- の中に ブロック タブ、クリック 文章 下 色 カテゴリー。
- 次に、上のグレーと白の領域をクリックします テーマ 表示されるカラー ピッカーのカラー オプション。
- その結果、カラー パレットが表示されます。したがって、カラー パレットからテキストの色を選択できます。
WordPress サイト全体でテキストの色を変更する方法
WordPress サイト全体でテキストの色を変更するには、主に 2 つの方法があります。したがって、WordPress テーマ カスタマイザーまたは特定の CSS コードを使用して、これを行うことができます。
次のサブセクションでは、これらの方法を使用して WordPress サイト全体のテキストの色を変更する方法を示します。
テーマ カスタマイザーを使用して WordPress サイト全体のテキストの色を変更する
この方法の手順は、WordPress サイトが使用するテーマによって若干異なる場合があります。ご存知のように、このデモンストレーションには Astra テーマが使用されました。- 管理者アカウントを使用して、WordPress Web サイトのバックエンドにログインします。次に、マウスを 外観 左ペインで カスタマイズ .
- 次に、選択します グローバル テーマ カスタマイザー ページの左側のペインにあります。
- それに続いて、選択 色 ページの左側のペインにあります。
- それを行った後、横にある地球のアイコンをクリックします 本文 の下のオプション テーマカラー セクション。
- その結果、カラー パレットが表示されます。したがって、このカラー パレットを使用して、WordPress サイトの新しいテキストの色を選択します。
- すべての操作が完了したら、青色の 公開 の上部の下部 カスタマイズ 変更を保存するページ。
CSS を使用して WordPress サイト全体でテキストの色を調整する
- 管理者として、WordPress サイトのバックエンドにログインします。次に、マウス ポインターを 外観 左ペインのメニューの中から カスタマイズ .
- それを行った後、選択します 追加の CSS の左側のペインにあるオプションの中から カスタマイズ ページ。
- 続いて、以下のCSSコードを 追加の CSS 入力ボックス。ただし、「#990000」を好みの色の 16 進コードに置き換えてください。
p { color:#990000; }たとえば、テキストの色を青に変更したい場合、CSS コードは次のようになります。#0000FF は青の 16 進コードです。
p { color:#0000FF; }
WordPress サイトのヘッダーのテキストの色を変更する場合は、上記のコードの「p」を好みの見出しタグに置き換えます。見出しタグの例は、「h2」、「h3」、および「h4」です。
- その結果、WordPress サイトのすべての段落のテキストの色が青に変更されます。最後に、 公開 の上部にあるボタン カスタマイズ 変更を保存するページ。
よくある質問
タスクを達成する方法のステップバイステップガイドは次のとおりです。
a) 管理者アカウントで WordPress Web サイトのバックエンド ダッシュボードにログインします。
b) 次に、テキストの色を変更したい場所に応じて、左クリックします 投稿 また ページ ダッシュボードの左ペインにあります。
c) 次に、テキストの色を変更したいページまたは投稿のタイトルをクリックして開きます。
d) 投稿/ページが開いたら、テキストの色を変更するテキスト ブロックを選択します。
e) その後、 設定 ページの右上隅にあるアイコンをクリックし、必ず ブロック タブ。
f) で ブロック タブ、クリック 文章 下 色 セクション。
g) 上のグレーと白の領域をクリックします。 テーマ 表示されるカラー ピッカーのカラー オプション。
h) その結果、カラー パレットが表示されます。したがって、カラー パレットからテキストの色を選択できます。
はい、簡単な CSS コードを使用して、WordPress サイトのテキストの色を変更できます。
3. ウェブサイトに最適なテキストの色は?一般に、ウェブサイトのテキストの色としては、黒とダーク グレーが安全なオプションです。とにかく、ウェブサイトの特定のニーズに合った色を試して選択することが常に最善です.
4. 訪問者を最も惹きつけるウェブサイトの色は? 最も多くの訪問者を引き付ける Web サイトの色は、業界、ターゲット ユーザー、Web サイトの目的など、いくつかの要因によって異なります。ただし、一部の色は他の色よりも人気があり効果的です。
これらの色には、青、緑、オレンジ、紫、赤などがあります。
プロのウェブサイトの色は通常、真面目で信頼できる雰囲気を作り出す傾向がある中間色です。それらの中には、黒、紺、濃い灰色、深緑、栗色などがあります。
Facebookモバイルで友達を提案する方法
私の最終的な考え
WordPress Web サイトの所有者がサイトのテキストの色を調整したい理由はさまざまです。サイトのテキストの色を変更する理由に関係なく、このガイドではそれを実現するためのさまざまな方法を示しました。
具体的には、WordPress ブロック エディターを使用して特定の WordPress 投稿/ページのテキストの色を調整する方法について説明しました。それがすべてではありません;また、WordPress サイト全体でテキストの色を変更する 2 つの方法も提供しました。
これらには、WordPress テーマ カスタマイザーと CSS コードの使用が含まれます。
この WordPress ガイドの手順が理解しやすく、役立つことを願っています。もしよろしければ、コミュニティ フォーラムのコミュニティ プラットフォームでご意見をお寄せいただければ幸いです。
コミュニティ フォーラムでは、考えを共有するだけでなく、フィードバックを送信したり、このガイドに関するさまざまな質問をしたりすることができます。私たちのチームと一部のコミュニティ メンバーは、できるだけ迅速に対応させていただきます。
最後に、より役立つ WordPress ガイドについては、こちらをご覧ください。 WordPress とウェブサイトのハウツー ページ。
