はじめに
ブログ内のカラー設定の方法を画像付きで簡単にまとめていますので、参考にして自分好みのブログにカスタマイズしていってください!
ちなみに今回、例として使用しているのは、THE THOR(ザ・トール)というブログ外観の有料テーマとなります。
THE THOR?なんやそれ?って方は下記の記事をどうぞ~
↓↓↓実際に使用している有料テーマ「THE THOR(ザ・トール)」の紹介記事
ブログのカラー設定一覧
下記で色の変わる場所と設定する場所をまとめています。
初めて設定する場合は上から順に設定していくことをオススメします。
基本スタイル設定
■テーマカラー
ブログ内のウィジェット等の色設定。
※ウィジェットの見出しの色は別設定。(画像だと「カテゴリー」がウィジェットの見出しです。)
■全体の背景色を指定
ブログ全体の色設定。(背景)
■投稿内テキストリンク色を指定
投稿記事内のURLや広告リンクの色設定。
ヘッダーエリア設定
■ヘッダーの背景色を指定
ヘッダーの色設定。
■メニューパネルの設定
ヘッダーの「メニューパネル」の見出しの色設定。(表示する設定にしている場合のみ設定可能。)
ヘッダーボトムエリア設定
■ヘッダーの検索窓の表示設定
ヘッダー下の「検索窓」部分の色設定。(表示する設定にしている場合のみ設定可能。)
■ヘッダーお知らせの表示設定
ヘッダー下の「お知らせ」部分の色設定
メインカラムエリア設定
■ウィジェット設定
メインカラムエリア(ブログの中心部分)に設定している「ウィジェット」の見出しの色設定。
サイドカラムエリア設定
■ウィジェット見出しデザイン設定
サイドカラム(例は右サイド)に設定している「ウィジェット」の見出しの色設定。
(今回はプロフや検索、カテゴリーをのウィジェットを設定しています。)
フッタートップエリア設定
■フッターCTAの表示設定
フッターに設定した画像の色設定。
①画像設定
②画像を設定後、カラー設定なしVer
③カラー設定ありVer
フッターエリア設定
■SNSフォロー背景色の設定
フッターにある「SNSフォロー」部分の色設定。
■ウィジェット見出しデザイン設定
ブログに設定している「ウィジェット」の見出しの色設定。(例はカレンダーのウィジェットを設定しています。)
メインビジュアル設定
■静止画の設定
ヘッダー下の「メインビジュアル」部分の色設定。
■メインビジュアル下の注目エリア設定
ヘッダー下の「メインビジュアル」(羊の画像部分)下の色設定。
さいごに