WordPressの使い方

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

投稿日:

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

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

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

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

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

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

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

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

配色を設定する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

-WordPressの使い方

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

初心者向けにWordPressを解説します(写真の一覧表示)

WordPressには複数の写真を並べて表示されるための、ギャラリーという機能があります。 通常の画像機能では、複数の写真をきれいに横並びで配置することが難しいのですが、このギャラリー機能を覚えておく …

初心者向けにWordPressを解説します(固定ページの作成)

固定ページは、主にWEBサイトに欠かせない「店舗情報」や「会社概要」といったブログの記事ではない、普通のWEBページを作成するときに使います。 目次1 見本ページを削除する。2 固定ページを作成する。 …

初心者向けにWordPressを解説します(フロントページ投稿とページの表示設定)

フロントページを作ろう デフォルト(初期設定)のトップページは、投稿記事が新着順に表示されます。 ブログサイトではトップページに投稿記事があっても普通ですが、会社のホームページとして使いたい場合や店舗 …

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

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

初心者向けにWordPressを解説します(サイトマップの設定)

BEN

BEN

【経歴】 生れも育ちも四国は愛媛です。 配信情報が皆様のお役に立てれば幸いです。 どうぞ宜しくお願いします。

プロフィールを表示 →

カテゴリー

アーカイブ

最近のコメント