【初期設定②】ヘッダー画像と背景の設定

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

基本管理画面の設定がまだの方はこちらからお願いします。

【初期設定①】基本管理画面の設定

Healerでサイト運営していくための初期設定方法を解説していきます。 Healerはどなたでも簡単に使えるような設計にしていますが、

2016年06月15日

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

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

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

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

サイト基本情報

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

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

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

色

背景色、グローバルメニュー、見出しなどの色をカスタマイズします。

デフォルトでは緑系統になっているので、
サイトイメージに合わせて変更してください。

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

ヘッダー画像

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

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

背景画像

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

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

参考Subtle Patterns | Free textures for your next web project.

ほかにも「シームレス画像　無料」で検索するとサイトが見つかると思います。

「ページと一緒にスクロール」にチェックすると、
マウスに合わせて背景がついてきます。

まとめと次回の内容

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

ヘッダーと背景はホームページで一番目立つ部分です。

サイトの全ての雰囲気が決まりますので、
ぜひ吟味して素敵な画像・色で彩ってください。

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

【初期設定③】固定ページとグローバルメニューの設定

ヘッダー画像と背景カスタマイズの設定に引き続き、 今回は固定ページとグローバルメニューの設定をおこないます。 ヘッダー画像と背景カス

2016年06月18日