心豊かな「魂の時代」へ!

魂の時代・個の時代の到来!それは自己責任の時代!松田豊さんから学んでいるマインドセットを中心に配信しています。

WordPressの使い方

初心者向けにWordPressを解説します(配色の変更方法)

投稿日:2018年6月25日 更新日:

配色について知っておきたいこと

WEBサイトの配色の変更方法について解説します。

カラーバーから色調を選択するだけで、見出し、本文、リンクの色を自動的に同系色に変更することが出来ます。

色からン感じるイメージの影響は大きく、デザインにおいても重要な役割を担っています。

配色を決める際には、WEBサイトのイメージに合った色を選びましょう。

白字の背景色に黄色の文字色とかのように、コンストラストの比率が低いと文字が読みにくくなるので、読みやすい配色に配慮しましょう。

読みずらい配色コンストラストの例

読み易い配色コンストラストの例

配色を設定する

ヘッダー画像の色合いに合わせて、WEBサイトの配食を設定します。

管理画面<ダッシュボード>⇒<外観>⇒<カスタマイズ>クリックでカスタマイズ画面を開きます。

カスタマイズ画面が表示されたら、<色>をクリックして配色設定メニューを開きます。

<カスタム>をクリックし、カラーバーからヘッダー画像に合った色を選択します。

ここでは緑に設定しました。

プレビュー画面で配色が緑色に変更されていることが確認できます。

確認が出来たら、<公開>をクリックして保存します。

サイトタイトル・キャッチフレーズの色設定

先の手順で色の設定変更をしても、サイトタイトルとキャッチフレーズには反映されません。

サイトタイトルとキャッチフレーズの文字色を変更するには、ヘッダーテキスト色から選択します。

ヘッダーテキスト色が配色されます。

以上がWEBサイトの配色の変更方法についてです。

見出し、本文、リンクの色を色々変えてみて、個性のあるWEBサイトをつくるのに役立ててください。

製品を案内する外資系社員

-WordPressの使い方

執筆者:


コメントを残す

関連記事

初心者向けにWordPressを解説します(アイキャッチ画像の設定)

WordPressには本文中に挿入する画像のほかに、「アイキャッチ画像」と呼ばれる機能があります。 投稿内容に関連したアイキャッチ画像を設定し、視覚的にも情報が伝わるようにしましょう。 目次1 アイキ …

初心者向けにWordPressを解説します(レンタルサーバーの契約方法)

WEBサイトをインターネント上に公開するためには、サーバーが必要です。 自分でサーバーを設置するのは難しいので、ここではレンタルサーバーを契約する方法を解説します。 目次1 レンタルサーバーを契約する …

初心者向けにWordPressを解説します(テーブル「表」の作成方法)

WordPressの投稿エディタには、テーブル(表)を作成する機能がありません。 「TablePress」というプラグインを使って作成する方法を解説します。 目次1 「TablePress」でテーブル …

初心者向けにWordPressを解説します(アニメーションプラグイン設置方法)

目次1 図解で解説! WordPressプラグイン「アニメーション設置方法」2 アニメーションの一例2.1 関連 図解で解説! WordPressプラグイン「アニメーション設置方法」 今回は、文字や画 …

初心者向けにWordPressを解説します(プラグインのインストールと便利機能)

プラグインとは、アプリケーションに機能を付け加えるためのソフトウェアのことです。 プラグインを使うとWordPressで必要な機能を簡単に追加設定することが可能になります。 目次1 「WP Multi …

プロフィール

石川 勉

石川 勉

生れも育ちも四国は愛媛です。 50歳を過ぎて事業の失敗・借金・うつ病・離婚と人生のどん底を経験しました。 再起をかけて精神的・経済的成功を目指すため、マインドセットを学んでいます。 配信情報が皆様のお役に立てれば幸いです。 よろしくお願いします。

プロフィールを表示 →

検索

カテゴリー

アーカイブ