アフィリエイト Wordpress stinger

Stinger5の初期設定1(外観)

更新日:

Stinger5の初期設定 1回目は簡単な外観の変更です。
サイト全体の印象を変えますので、お好みでカスタマイズしてください。
以下には、基本的な部分の簡単なカスタマイズを掲載します。

事前にヘッダー画像用の画像を用意しておくとスムーズです。

スポンサーリンク

全体のデザイン

WordPressのダッシュボードから【テーマ】―【カスタマイズ】をクリックするとカスタマイズ用の画面が開きます。
この中では、大枠の全体デザインを変更できます。

 

ロゴ画像

サイトの最上部のサイト名をロゴ画像に変更できます。
横幅は300pxまでで、これを超えると画像がリサイズされます。

大きなロゴ画像にしたい方は、
【style.css】に下記のコードを追加してください

.sitename img {
max-width: 100%;
}

 

サイトタイトルとキャッチフレーズ

その名の通り、サイトの名称(タイトル)と、タイトルの下に小さく表示されるキャッチフレーズが変更できます。
stinger5ではどちらもpタグのようですので、中には、タイトルを画像にして、キャッチフレーズは消してしまう方もいるようです。

ですが、タイトルはtitleタグにも影響しますので、タイトルはキーワードを重視してしっかり決めましょう。

 

基本色(キーカラー)

背景では無く、文字や文字背景を決められます。
もっともシンプルなのは、全てデフォルトの形でしょうか?

サイトの内容によって、青系や緑系、ピンク系など統一感を持たせると良いかと。
例えば下記のように、グループ4とグループ5を見やすく色を変えるなどおすすめです。

グループ1(ブログタイトル色など):#1a1a1a(デフォルト)
グループ2(吹き出し背景など):#f3f3f3(デフォルト)
吹き出し内の文字(H2):#1a1a1a(デフォルト)
グループ3(淡い色推奨):#f3f3f3(デフォルト)
グループ4(RSS):#707070
グループ5(検索バー):#c6c6c6

 

背景色を変更できます。
デフォルトは少し色がついていますが、そのままでも
白:#ffffffなどにすれば無難でしょう。

 

ヘッダー画像

ヘッダー部の画像を変更できます。
デフォルトでは、STINGER という落ち着いた画像が入っていますが、サイトにあった画像に変更しましょう。

推奨の大きさは横幅980px、高さ250pxです。
画像をアップロードして、「変更を保存」ボタンを押すと、画像が変わります。

 

背景画像

背景の画像をセットできます。
最近は背景に画像を使っている方をお見かけしませんが、使う場合は、可能な限り画像サイズ(容量)を小さくした方が良いでしょう。

 

ウィジェット

ウィジェットをここで変更できますが、【外観】-【ウィジェット】メニューの方が操作しやすいのでそちらで説明します。

 

-アフィリエイト, Wordpress, stinger

Copyright© 上善如水 , 2019 All Rights Reserved.