THE THOR見出し達と背景の設定を紹介

• THE THORの見出してどんな種類があるの？
• THE THORの見出しの設定ってどこでするの？
• THE THORのサイドの見出しの設定ってどこでするの？
• THE THORの背景はどこで設定するの？

THE THORの設定項目が沢山あって、細かな設定はどこでするのかを私も忘れてしまします(;’∀’)

この記事は初心者向けに見出しの設定、ヘッダー背景色の設定、フッターの背景色設定とコピペで簡単カスタマイズも紹介しています(^^♪

THE THORの見出しの設定場所

「外観」→「カスタマイズ」→「パーツスタイル設定」→「見出し設定」の順にクリックしてください。

THE THORの見出しのスタイルの種類

THE THORの見出しは、色をA/B/Cの３色を指定して、スタイルを選択する方法です。
基本のスタイルはA文字の色だけの指定ですので、ここでは紹介を省かせていただきます。

THE THORの見出し下線１０スタイル

「A」の文字色と「B」や「Ｃ」で下の線の色を指定します。
下線-２本の見出し画像です。

THE THORの見出し左線下線３スタイル

「A」の文字色と「B」が左側の縦線「Ｃ」で左横の縦線と下の線の色を指定します。
左下線－点線の見出し画像です。

THE THORの見出し背景１４スタイル

「A」の文字色と「B」は背景や線「Ｃ」は下線、左線、影などを指定します。
背景－ステッチの見出し画像です。

THE THORの見出しグラデスタイル10スタイル

「A」の文字色と「B」は背景や線「Ｃ」は下線、左線、影などを指定します。
この画像の見出しスタイルは上の色、下の色、上線の色を決めています。
グラデｰ上線角丸（白文字）の見出し画像です。

THE THORの見出しラインマーク５スタイル

ラインマーク-グラデ上線（白文字）の見出し画像です。

THE THORの見出し丸マーク５スタイル

丸マークｰ背景線角丸の見出し画像です。

THE THORの見出し先頭大４スタイル

先頭大-先頭下線の見出し画像です。

THE THORサイドエリアの見出しのデザインと色の変更場所

「外観」→「カスタマイズ」→「共通エリア設定」→「サイドカラムエリア設定」の順にクリックしてください。
「　ウィジェット見出しデザイン設定　」で見出しのデザインと色を設定できます。

THE THORウィジェットの項目行の色の変更場所

「外観」→「カスタマイズ」→「基本設定」→「基本スタイル設定」の順にクリックしてください。

「■テーマカラーを指定」で色を指定します。

THE THORフッターエリアの見出しのデザインと色の変更場所

「外観」→「カスタマイズ」→「共通エリア設定」→「フッターエリア設定」の順にクリックしてください。
「　ウィジェット見出しデザイン設定　」で見出しのデザインと色を設定できます。

THE THORフッターエリアの色のカスタマイズ

ブログ名が表示されるトップエリア、記事が表示されるメインエリアは設定で変更することが出来ますが、ブログの下部にあるフッターエリアの背景色は、設定の変更できる項目にありません。

THE　THORの設定はコピーライトの設定で表示させる文字（そらのまなびぶろぐ by FIT-Web Create. Powered by WordPress.）、そしてコピーライト文字を表示にするか非表示にするかの選択しかできません(;^_^A。

このエリアの背景色や文字色を変えるにはCSSを追加します♪

THE THOR♪CSSコードの張り付け場所

「外観」→「カスタマイズ」→「追加ｃｓｓ」の順にクリックしていきます。

THE THORフッター♪背景色を変えるためのコード

このコードをコピペすると、画像の様に色が変更されます。

THE THORフッター♪背景色を変えるためのコードの紹介

この１文しかないのですが(笑)
これは背景色を指定しています。

background:#E6E6FA;

background:#FAEBD7;

background:#FFD0B4;

background:#C6E4D5;

私の好きな淡い色合いを並べてみました(^^♪
この＃から始まるコードが色のコードになります。
色を変えたい場合はこのコードを変えます。
他の色にしたい場合は下の記事に色のコードを紹介していますので参考にしてみてください。

>>>【wordpress】文章の囲み枠で必要になる色のコードまとめ♪

THE THORフッター♪グレー文字の色を変えるためのコード

グレーの文字の色を変更しています。

THE THORフッター♪グレー文字の色を変えるためのコードの紹介

colorが文字色の指定になります。
＃から始まるカラーコードをご自分の好きな文字色のコードに変えて使用してください。
他の色にしたい場合は下の記事に色のコードを紹介していますので参考にしてみてください。

>>>【wordpress】文章の囲み枠で必要になる色のコードまとめ♪

THE THORフッター♪白文字の色を変えるためのコード

THE THORフッター♪グレー文字の色を変えるためのコードの紹介

グレーの文字同様の指定になります。
colorが文字色の指定になりますので、＃から始まるカラーコードをご自分の好きな文字色のコードに変えて使用してください。
他の色にしたい場合は下の記事に色のコードを紹介していますので参考にしてみてください。

>>>【wordpress】文章の囲み枠で必要になる色のコードまとめ♪

THE THORヘッダーエリアの背景色の変え方

「外観」→「カスタマイズ」→「共通エリア」→「ヘッダーアリア」の順にクリックしていきます。
「ヘッダーエリア設定」が表示されますので、その中の「ヘッダーの背景色を指定」で背景色を選択します。

THE THORメニューバーの色の変え方

メニューバーの背景色は設定でしていできません。
CSSを使用して変更します。
興味のある方は下の記事の「【THE THOR】メニューバーに背景色を付ける」を参考にしてください(^^♪

>>>コピペOK【ザ・トール】メニューバーの文字色をカスタマイズ♪　

THE THORメインエリアの背景色の変え方

「外観」→「カスタマイズ」→「基本設定」→「基本スタイル」の順にクリックしていきます。
「基本スタイル設定」が表示されますので、その中の「全体の背景色を指定」で背景色を選択します。
背景画像を使用したい場合は「全体の背景画像を登録」で背景に使用したい画像を選択します。

THE THOR見出しと背景の設定紹介　まとめ

新しくサイトを作ろうかと思うと、どこでどう設定すると、どう変わるんだっけ？とよく戸惑ってしまうそらです(笑)
ここを設定ると、ここが変わるのね、とすぐに思い出せるように記事にしておくことにしました(;^ω^)

ランキングサイトに参加していますのでクリックしていただけると嬉しいです♪

ランキングサイトに登録しているのでクリックしていただけると嬉しいです(^^♪