THE THOR初心者向け♪ブログの背景色をコピペで変更(^^)/

  • THE THOR下部の黒の背景色がイヤ
  • THE THORの背景色を自分の好きな色に変えたい!
  • THE THORの背景はどこで指定するの??

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


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


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

この記事では、CSSの追加する場所と、コピペする簡単なCSSコードを紹介します(^^♪
初心者向けなので、難しい言葉などは出てきません。

目指せ、簡単コードでちょこっとカスタマイズです(笑)

記事後半には、トップエリア、メインエリアの背景色の設定場所も紹介しています。

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

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

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

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

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

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

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初心者向け♪ブログの背景色をコピペで変更(^^)/ まとめ

久々に、cssのコードの記事を書いた気がします( ̄▽ ̄;)
フッターは黒のままでもいいか~といじっていなかったのですが、この記事を書くのにあたって変更しちゃいました(笑)
THE THORのフッターの色も自分好みに変えたい方の参考になれば嬉しいです(^^♪

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

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

最新情報をチェックしよう!
>

sora

プログラマーとして働いていたが結婚後を機に田舎に戻り、独学でHTML・Perlを勉強し自宅でWEBの仕事をはじめるも、アレルギー児の子育てで断念。 子供の手が離れたのを機にWorldpressの勉強をしながらブログをはじめました。

 そらのまなびぶろぐ について 


そらのまなびぶろぐでは、wordpressの有料テーマ【THE THOR(ザ・トール)】を使用して収益化ブログの作り方を初心者向けに紹介しています。 エディタの使い方、アドセンス申請に必要なページの書き方&作り方、ブログの装飾の方法までを紹介しています。