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

global-menu-setting-thumbnail

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

ヘッダー画像と背景カスタマイズの設定がまだの方はこちらからお願いします。

top-image-setting-thumbnail
基本管理画面の設定に引き続き、 今回はヘッダー画像と背景の設定をおこないます。 基本管理画面の設定がまだの方はこちらからお願いします

固定ページを作成する

メニューのリンク先の固定ページを作ります。

WordPress管理画面から[固定ページ]を選択し、
自由に必要な固定ページを作成してください。

固定ページの属性

右側にある固定ページの属性は「親なし」を選択します。

テンプレートは2カラムがよければ「デフォルトテンプレート」、
1カラムにしたい場合は「1カラム」を選択します。

固定ページの属性

固定ページの属性

1カラムの表示デモは以下のページでご覧いただけます。

healerver2-thumbnail
このページはHealerの1カラムデザインデモページです。 1カラムへの変更方法 1カラムにするには、編集ページの[属性]のテン

アイキャッチ画像

アイキャッチは投稿ごとに必ず設定してください。
TwitterやFacebookにシェアされたときに表示される画像となります。

アイキャッチ画像

アイキャッチ画像

アイキャッチ画像サイズは、横600px × 縦315px以上にしましょう。
最適な画像サイズは、横1200px × 縦630pxで最も綺麗に表示されます。
参考ウェブサイトとモバイルアプリのシェアのベストプラクティス

デフォルトテンプレート以外の使い方

固定ページは基本的にデフォルトテンプレートを選択していただければ大丈夫ですが、以下のような場合のみ特別なテンプレートを選択してください。

サイトマップ

[サイトマップ]はサイトマップページを作成するテンプレートです。

詳しくは以下のページをご覧ください。

healer-sitemap-setting-thumbnail
「サイトマップ」の設定方法を説明します。 サイトマップとは サイトマップとは名前の通り、 Webサイトの構造を表した地

ブログ

[ブログ]はブログ一覧ページを作成するテンプレートです。

詳しくは以下のページをご覧ください。

healer-blog-setting-thumbnail
「ブログ」一覧ページの設定をおこないます。 「ブログ」一覧ページの設定 Healerはフロントページが固定ページになっているため

1カラム

[1カラム]はサイドバーなしのページを作成するテンプレートです。

詳しくは以下のページをご覧ください。

healerver2-thumbnail
このページはHealerの1カラムデザインデモページです。 1カラムへの変更方法 1カラムにするには、編集ページの[属性]のテン

グローバルメニューを表示する

固定ページが作成出来たら、グローバルメニューを作成しましょう。

管理画面の[外観] → [メニュー]と進みます。

[新規メニュー作成]をクリックし、メニューを作成してください。

メニュー作成画面

メニュー作成画面

作った固定ページにチェックを入れ、[メニューに追加]をクリックします。

右側のメニュー構造に固定ページ名が並ぶので、
テーマの位置をヘッダー用メニューを選びます。

メニュー名は何でも覚えやすい名前をつけてください。
日本語よりは英語表記が望ましいです。

全て終わったら「メニューを保存」をクリックします。

これでグローバルメニューの設定は終わりです。
ヘッダー部に以下のようなメニューが表示されればOKです。

グローバルメニュー表示例

グローバルメニュー表示例

フッターも同じ要領で設定してください。

スマホのみ、ヘッダーに固定するメニューを作成できます。

詳しくは以下のページをご覧ください。

fixed-menu-thumbnail
ヘッダーに固定されるメニューの表示方法を紹介します。 このメニューはスマホ閲覧時にのみ表示されます。 PC・タブレットでは表示さ

まとめと次回の内容

今回は固定ページとグローバルメニューの設定をおこないました。

今回作った固定ページは、
ホームページの中でもお客様がよく見る主要なページとなります。

写真なども駆使しながら、
見込み客が見たときにどう感じるかを考えて分かりやすく有益のあるページ作りをおこなってください。

次回はフロントページのカスタマイズをおこないます。

front-page-setting-thumbnail
前回の固定ページとグローバルメニューの設定に引き続き、 今回はフロントページの作成をおこないます。 固定ページとグローバルメニューの
global-menu-setting-thumbnail
この記事が良かったら、いいねして
最新記事をチェックしてください!

Twitterで

コメントを残す

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