テーマEsplanade スライダーアイキャッチ画像 カスタマイズ

Visits: 370

2013年12月現在Esplanade Theme使用

アイキャッチ画像を少し小さくして全体のバランスを取ることが目的
Themaoptionでかなりのことができます。

外観→Themaoption→design
レイアウトを選択できます。

wp-esplanade02
カラムの幅を自由に変更できます。
wp-esplanade01

ここから
外観→CSSスタイルシートエディターで以下画像のように記述。
( スタイルシートエディターは加える事はできても、削除するには 本体CSSを書き換えなければなりません。なるべく本体には手を加えたくないのでこの方法)
*以前にプログパーツを入れて正常に見えるようにサイドバーの幅を書き換えました。
テーマ変更 Esplanade参照

*アイキャッチ画像のヘッダーの記事の画像が大きすぎてバランスが取れない。
アイキャッチ用にサイズを変更して同じ画像を2枚上げれば問題は解決するのですが、スライダーに表示するアイキャッチ画像の表示を変更してみました。
max-width: 30%; ←画像の表示を小さくする
float: right;← 右寄せにする。
wp-esplanade03

さあて キッチンの大掃除始めますw



◆◇◆記事を読んだご感想をお聞かせください◆◇◆
  • 素晴らしい (0)
  • 役に立った (0)
  • いいね (0)
  • マダム好き (0)
  • つまんない (0)

コメントを残す