新@kyotapyな日々

思いついたら書く… wordpress,iPad,美味しいもの,観光

WordPressのテーマ「stinger5」のカスタマイズその3(色調整)

      2015/12/25

stinger5のカスタマイズ。前回までで一通り終わったので、色の調整をしてみました。

WordPressのテーマ「stinger5」のカスタマイズその1(webフォント) | 新@kyotapyな日々

WordPressのテーマ「stinger5」のカスタマイズその2(全体デザイン) | 新@kyotapyな日々

ヘッダ、メニュー、メイン、サイドバーと全ての背景色を白にしていたため、各エリアの境界が無く、のっぺりした印象になっていたため、色の変更を行いました。

背景色を薄いグレーに変更

  • 背景色を薄いグレー(#e9e9e9)に設定。

 

メニューの背景色、フォント色、境界線の位置と色を変更

  • メニューの背景色をテーマ色のオレンジ(#ff9900)に設定し、フォント色を白(#ffffff)に変更
  • 境界線の色と線種を実線に変更。
  • メニュー文字の左に境界線が設定されていて、背景色をつけると”ホーム”の先頭に境界線の白い色が出てしまうため、境界線の位置をメニュー文字の左から右へ変更。

*コメント部分に"9/24変更"を記載されている箇所が今回の変更点

 

サイドバーの”NEW POST”の記事一覧の背景色を変更

*コメント部分に"9/24変更"を記載されている箇所が今回の変更点

各エリアの境界がはっきりして全体的に締まった印象になりました。

新@kyotapyな日々変更前
新@kyotapyな日々変更後

 - テーマ ,

  プロフィール  PR:無料HP  北播ドライビングスクール  横手自動車学校  純正中古部品の通販  スタッドレスタイヤ はきかえ  タイヤ パッソ 激安  自動車 専門学校 夜間  クラウン純正ホイール  加南加賀自動車学校  開運パワーストーン  岡山 合宿免許  音楽 専門学校 福岡  タイヤ 取り付け 柏市  リノベーションローン