気になる情報をお届け

気になリンゴ

gushカスタマイズ WordPressテーマ

Gushカスタマイズ フッターに背景画像を入れる

投稿日:

このブログはワールドプレスを使って運営していますが、テンプレートは「Gush」を使わせていただいています。

GushはEloraさんが無料で提供されているテンプレートなのですが、これがとても使いやすくシンプルで、多少の知識があれば思う通りのカスタマイズができる優れものなのです。

このブログももうすでにちょこちょことカスタマイズが施されていますが、自分への覚書としてgushカスタマイズを記録していきたいと思います。

スポンサーリンク

フッターに背景画像を入れる

まずは簡単なカスタマイズから。
デフォルトではこのようなフッターになっています。
gush_footer1

 

これをブログのイメージに合わせた画像に変えていきます。
スタイルシート (style.css)のこの部分、

[css]
/*————————————–
フッター
————————————–*/

#footer {
padding: 24px 0;
color: #fff;
text-align: center;
background-color : #444;
overflow: hidden;
}
[/css]

このcssの 【background-color : #444;】部分を好みの色のコードに替えれば好きな色に変更できますが、今回はここを画像に置き換えてみます。

好みの画像を用意したらフォルダーにアップロードをしておきます。そして、先ほどのcssに下記のように書き足します。

[css]
#footer {
padding: 24px 0;
color: #fff;
text-align: center;
background: url(images/画像url) ;
overflow: hidden;
   }
[/css]

これで完成です。

gush_footer2

くれぐれもカスタマイズをする前にcssのコピーを取っておくことをおススメします。バックアップさえしてあれば、恐れることなくチャレンジできますね。

-gushカスタマイズ, WordPressテーマ
-, , ,

Copyright© 気になリンゴ , 2018 All Rights Reserved Powered by AFFINGER4.