前回の基本管理画面の設定に引き続き、今回はヘッダー画像と背景の設定をおこないます。

基本管理画面の設定がまだの方は下記リンクからお願いします。

ヘッダー画像と背景の設定

WordPressにログインして、サイト上部の管理バーの[カスタマイズ]

top-image-setting-01

または、管理画面から、[外観] ⇒ [カスタマイズ]と進みます。

top-image-setting-09

カスタマイズメニューが表示されますので、ここで「サイト基本情報」「色」「ヘッダー画像」「背景画像」の4つを変更します。

top-image-setting-02

Ver.2では以上に加え、お好みで「ロゴ画像」や「サイトの配色」もカスタマイズできるようになりました。

サイト基本情報

前回の設定で「サイトのタイトル」と「キャッチフレーズ」は入力済みですので、その下のサイトアイコン画像を設定してください。

サイトアイコンはPCブラウザのサイト名の左に小さく表示されるアイコンで「ファビコン」とも呼ばれます。

top-image-setting-03

スマートフォンのホーム画面に登録したときのアイコンにもなります。

top-image-setting-10

サイトアイコンの設定は必須ではありませんが、見栄えやオリジナルサイトを運営するうえでもぜひおこなってみてください。

背景色、ヘッダー、フッター、見出しの色をカスタマイズします。

top-image-setting-04

背景に画像を使いたい場合は、白に指定しておいてください。

top-image-setting-05

マウスのドラッグで直感的に色を変更できます。

ヘッダー画像

トップページメニュー下に表示されるメイン画像です。

top-image-setting-06

1920px × 750pxの画像を使用すると、最も綺麗な解像度で表示が可能です。

背景画像

背景画像は、一枚絵フルスクリーンで見せるパターンと、シームレス画像を並べてタイル式にするパターンがあります。

top-image-setting-07

フルスクリーンは、コンテンツに隠れて中央付近の大部分が見えなくなるのであまりオススメしません。

つぎに、シームレス画像を並べるパターンですが、素材画像はこちらのサイトで無料で配布されています。

top-image-setting-08

背景スクロールをスクロールにするとマウスに合わせて背景がついてきます。固定にするとコンテンツだけが流れて背景は固定されます。

まとめと次回の内容

今回は初期設定のヘッダー画像と背景の設定をおこないました。

ヘッダーと背景はホームページで一番目立つ部分です。サイトの全ての雰囲気が決まりますので、ぜひ素敵な画像で彩ってください。

次回は主要固定ページとグローバルメニューの設定をおこないます。

Follow me

-Healerの初期設定
-

【初期設定②】ヘッダー画像と背景の設定
この記事はいかがでしたでしょうか。
是非Healerの最新ニュース情報を、
いいねしてチェックしてください!

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。