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

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

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

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

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

2016年06月15日

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

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

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

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

サイト基本情報

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

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

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

色

サイトのイメージカラーを設定しましょう。

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

あまりたくさんの色を使いすぎると、訪問者の目が疲れてしまいますし、
デザイン素人まるだしのかっこ悪いサイトになってしまうので気を付けましょう。

どんな色の組み合わせがいいか迷う方は、「配色パターン　組み合わせ」などで検索すると参考になるサイトがありますのでご覧になってみてください。

ヘッダー画像

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

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

背景画像

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

パターン画像を並べることもできます。

素材画像がダウンロードできるサイトも多数あるので探してみてください。
「パターン画像　シームレス　素材」などで検索すると見つかると思います。

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

まとめと次回の内容

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

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

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

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

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

2016年06月18日