WordPressテンプレート、Xeoryのカスタマイズをする

現在使っているワードプレス・テンプレートのXeory。そのままでもシンプルでいいけれど、ちょっとずつ自分のブログ用にデザインをカスタマイズしていこうではないか。

背景画像の設定

記事などが入るコンテンツ部分の背景に画像を設定してみる。

手順

  1. 使いたい画像(タイルのように敷き詰められるもの)をメディアライブラリにアップロードする
  2. 「外観>テーマの編集」から、CSSを選ぶ
  3. 背景画像を設定したコードを書き込んで保存する

手順1のポイント

画像は右のナビゲーション部分の下にも敷き詰められるので、重なっても文字が見にくくならないものを選ぶ。個人的にはhttp://subtlepatterns.com/で探してくるのがオススメ。

手順2のポイント

特にないでごわす。画面右側に「スタイルシート(style.css)」というファイルをクリックすると編集できる。

手順3のポイント

挿入するコードは以下。場所は「/* all display」の上とかでもいいと思う。上手くいかなかったら一番下の行。


/* 背景画像変更 */
#content {
 background-image: url("メディアライブラリにアップロードした画像のURL");
}

もし上でオススメしたサイトから画像をもらってきた場合は「/* Background pattern from subtlepatterns.com */」も併せて記入しておくと作った人が喜ぶ。

ちなみにこの方法だと、もしテーマファイルのアップロードをした場合には設定が消えてしまう(上書きされてしまうので)。その時はもう一度同じことをするか子テーマを作ったりして対処する(ちょっと面倒)。

以下追記していく予定


コメントを残す

*

CAPTCHA