WordPress CSS 壁紙を背景に簡単カスタマイズ!

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
  • 0

WordPress CSSで、全ての背景を壁紙にする簡単カスタマイズをご紹介します。

はじめに

このブログのテーマは「Simplicity」で作成しているのですが、「Simplicity」で背景に画像を設定出来るのは、フィールドエリア、サイドバーエリア、左サイドバーエリアを除いた背景エリアのみになります。

そこでそれ以外の全ての背景へ画像を設定して全面背景にするCSSカスタマイズをご紹介します。

Simplicity」背景設定(画像は全て拡大します。)

これがテーマ「Simplicity」での背景設定の画面です。

icon-hand-o-down 今背景に画像を設定してある状態がこれです。icon-hand-o-down

%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e2%91%a0

Simplicity」背景設定該当エリア

icon-hand-o-down背景に画像を設定しない状態がこちらですicon-hand-o-down

%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e2%91%a1

この白い状態のエリアへCSSで画像を壁紙にしていきます。

メインエリア

icon-hand-o-downメインエリアに画像を設定しない状態がこちらですicon-hand-o-down

%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e2%91%a2

フィールドエリアとサイドバーエリアレフトの間に白い隙間が出来ています。

わかりにくいですが、その箇所がメインエリアに該当します。

フィールドエリア

icon-hand-o-downフィールドエリアに画像を設定しない状態がこちらです

%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e2%91%a6

フィールドエリア=記事エリアとなります。

サイドバーエリア

icon-hand-o-downサイドバーエリアに画像を設定しない状態がこちらですicon-hand-o-down

%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e2%91%a4

サイドバーエリアレフト

icon-hand-o-downサイドバーエリアレフトに画像を設定しない状態がこちらですicon-hand-o-down

%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e2%91%a5

ここがポイントロゴ

背景を画像にまとめ

さいごに

当ブログは特に3カラム構成の為、細かい修正を兼ねて見栄えが良くなかった箇所を隠す意味でも、全面を画像背景へと設定した経緯があります。

もちろん3カラムでなくとも全面画像にするとブログによってはデザインが上品になったり、オシャレな感じに出来たりと、知っていて損はしないカスタマイズだと思います。

皆さまのブログスタイルに合わせて使える部分だけカスタマイズして下さい。

少しでも皆様のお役に立てれば幸いです。

合わせて読みたい。

コピペで簡単設置!アドセンス等広告上スポンサーリンク!
Googleアドセンス等の広告上に、表示されている『スポンサーリンク』はアドセンスに限らず広告を表示させるにあたって必ず表示させる義務があります。その『スポンサー...
Googleアドセンス ページ単位の広告の紹介 5分で設定!
Googleアドセンス で広告を出されている方でGoogle Adsenseホームに、ページ単位の広告の紹介が表示されているかと思います。モバイル用のアドセンス広告なのですが、そ...
WordPress CSS ヘッダー領域にウィジェットを5分でカスタマイズ設置!
WordPress CSSで、ヘッダー領域にウィジェットを設置出来ない、テーマにウィジェットエリアを、5分で簡単設置出来るようにするカスタマイズをご紹介します。はじめにこ...
WordPress CSSカスタマイズ 回転するサムネイル画像3種
WordPress CSSで、このブログで使用している回転するサムネイル画像3種類のカスタマイズをご紹介します。コピペしてすぐ使用して頂けます。CSSカスタマイズ各回転サ...
WordPressブログカードと、TOC目次を1分で中央寄せに。
WordPressの、ブログカード(テーマ「Simplicity」の場合)と、プラグインTable of Contents Plusの目次タイトルを簡単に1分で中央寄せるカスタマイズです。CSSカス...
アドセンス他広告プライバシーポリシー『ブログ用テンプレ』
Googleアドセンス広告を貼り付けてブログ及びサイトを運営していくには、プライバシーポリシーの設置が必要となってきます。今回は「なまたまご情報局」で設置したもの...
WordPressお問い合わせページを5分で作成。
WordPressでお問い合わせページをプラグイン、Contact Form 7、で5分で作成してしまうという記事です。  Contact Form 7ブログを作成したら、固定ページにお問い合わせ...
WordPressで広告を任意に設置するプラグイン
WordPressでアフィリエイトを、記事だけに設置して、固定ページ内には設置したくない、もしくはその逆とか任意に設置を指定出来るプラグイン、Widget Logicを記事にした...

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存

フォローする


スポンサーリンク

トップへ戻る