WordPress の背景画像を設定する方法

20160510-182
  • このエントリーをはてなブックマークに追加

WordPress は初心者でも簡単にデザインをカスタマイズできるのが大きな特長の一つである。ここでは、サイトの背景画像を設定する方法を紹介する。

背景画像はフリーで配布されているものを自分で探すか、外部のデザイン会社に依頼して作ってもらうなど選択肢はいくらでもあるので、気に入った背景画像を設定しよう。

クリックの操作だけで簡単に設定できるので安心してほしい。

注:ローカル環境でテストしよう!
いきなり背景画像を設定してしまうと本公開されてしまう。ローカル環境でテストするようにしよう。ローカル環境の作り方は『WordPress のローカル環境の作り方』を読んで実践しよう。

1.背景画像の設定画面にアクセス

WordPress の管理画面の左メニューより「外観 → 背景」とクリックしよう。すると次の画面にアクセスする。

2.背景画像を選択する

次に「画像を選択」の「選択」ボタンをクリックする。メディアライブラリにアップロードして設定したい場合は「画像の選択」をクリックしよう。

下図のダイアログが表示されるので設定したい背景画像を選択しよう。

3.背景画像を設定する

選択した画像のファイル名が表示されたら「アップロード」をクリックする。

「背景を更新しました」と表示されたら問題なくアップロードが完了した。

思い通りの見映えになっているかプレビューを確認しよう。思い通りの表示でない時は「背景画像を削除」をクリックするとリセットされる。

4.背景画像の表示内容を調整する

また、背景画像をアップロードした後、下図の「表示オプション」が表れて背景画像の見え方が調整できる。

  • 位置:画像を左寄せ、中央揃え、右寄せに設定できる。
  • 繰り返し:画像をリピート表示して、背景に白紙など何も表示のない部分をなくすことができる。プレビューで確認しながら設定しよう。
  • スクロールの有無:ページをスクロールしたときに背景画像をスクロールに合わせていっしょに移動させるか、背景画像を固定させたままにするかが選択できる。

調整後、「変更を保存」ボタンをクリックしないと設定が反映されないので、忘れずにクリックしよう。ちゃんと反映されているかは、ブラウザで確認しておこう。

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

バズ部のWordPress無料オリジナルテーマ

cta_extension” Xeory (セオリー)”は、バズ部のノウハウをしっかり詰め込んだ、コンテンツマーケティングに特化したWordPressのテーマです。Xeory はWEBマーケティングで結果を出すために次の3つの特長を備えています。

  • ・お問合せなどにつなげる導線の実装が簡単
  • ・ソーシャルメディアと連携する仕組みが導入済み
  • ・内部構造をSEO化にこだわって徹底して改善

世の中に良質なコンテンツが溢れることを想い、テーマは無料でご提供しております。まずはダウンロードしてお試しください。


Xeory テーマを見る

最新の記事情報が取得できます

Facebook

「いいね!」ボタンを押すと、最新情報がすぐに確認できるようになります。

Twitter

「フォローする」ボタンを押すと、最新情報がすぐにツイート上で確認できるようになります。

コメントはこちらから