チャーリー・ブラウン

THE THOR(ザ・トール)カスタマイズ|フッタートップエリアの背景を動くグラデーションにする

フッタートップの背景を変更していきます(*^^*)

正直、トールを使ってる人はこの部分をデフォルトのまま使ってる人が多いですよね。

まぁ、デフォルトがおしゃれな分、自分で設定すると思ったようにならないことが多いと思います。

特にこのフッタートップは写真が引き伸ばされたり、思ったように表示できなかったりする部分です。

なので!

無難にグラデーションにしましょう(笑)

グラデーションにすることでとりあえずダサくはなりませんし、この部分をグラデーションにしている人もそんなにいないので被らないです。

カスタマイズ後はこんな感じです!

くまがいる部分がフッタートップエリアになります。

グラデってますね。しかもこのグラデ動いてます

目立ちますね。これはすごく目立ちますね。ぜひ使ってみてください!

カスタマイズの準備

カスタマイズをする前にこちらをお読みください。

カスタマイズをする者の心得ですね。

カスタマイズは自己責任にてお願いします(カスタマイズ前にバックアップ推奨)。コードを記入してもうまく反映されない場合があります。このカスタマイズは、あくまでもぼくのサイトで行ったものです。
くま
カスタマイズは仮に同じテーマであっても、100%成功する保証はありません。

ここにコードを書き込みましょう

カスタマイズでは「コード」を書き込む必要があります。

ですので、まずはその書き込む場所を開きましょう。

主に書き込む場所は

  • 追加CSS(初心者向け)おすすめ
  • style-user.css(慣れた人)

このどちらかです。

追加CSSを開く

追加CSSを開く手順は

外観カスタマイズ追加CSSです。

わからない方はこちらの記事を参考にしてください。

for men

ブログのカスタマイズをするなら「追加CSS」がおすすめ!WordPress初心者の方やあまりカスタマイズをしない方はこの…

menくん
では、コードを書き込む準備が整ったので、カスタマイズコードを書いていきますね

カスタマイズコード

こちらのコードをコピーして、先程開いた場所に貼り付けてくださいね!

カラーコードを変えるとオリジナルのグラデーションになりますよ\(^o^)/

カスタマイズ締め

カスタマイズコードを書き込んだら、最後に必ずキャッシュ削除して更新をしましょう

これを忘れてしまうとせっかくカスタマイズしたのにデザインに反映されません

キャッシュ削除
簡単な方法は Ctrl + F5 を押す方法です。またはF12を押した後に更新マークを右クリックして「キャッシュの消去とハード再読込」をクリックします。
仲良くしてくれってばよ
NO IMAGE

THE THOR|ザ・トール

集客・収益に徹底的にこだわったWord Pressテーマ

CTR IMG