ステップ6 サイトのフロントページを作成しましょう

ここでは、WordPressでサイトの入り口となるフロントページの作成とメニューの設定について説明します。

ステップ6 サイトのフロントページを作成しましょう

みなさん、記事はいくつか完成しましたか?それでは、フロントページを作成してみましょう。

フロントページその1  固定ページの新規作成1

・WordPressのフロントページって何なの?

はい、みなさんは固定ページや投稿を書かれたと思いますが今のサイトはその投稿が新しい順に出てくるだけです。これでは初めて来てくれた方にはわかりにくいですよね。そこでサイトの玄関となるページを作り、そこにそのサイトの趣旨やメニューを整理して配置しておくととても分かりやすいサイトになります。ベースは固定ページですので作成の仕方は同じです。

それでは、固定ページと同じ要領ですのでフロントページを書いてみましょう。

① 固定ページの新規追加をします。

左のメニューの「固定ページ」の「新規追加」をクリックします。

② 固定ページのタイトルを書きます。

サイト名をタイトルに入力します。私のサイトは「あおぞら自転車」です。

簡単なサイトの紹介も書きましょう。

③ 固定ページのパーマリンクを編集します。

取り敢えず「top」とします。

④ アイキャッチ画像も設定しましょう。

「アイキャッチ画像を設定」をクリックします。

画像を選び、「選択」をクリックします。

これで、アイキャッチ画像の設定は完了です。

⑤ それでは、作成した固定ページを公開してみましょう。

ページの右上の「公開する」をクリックします。

確認画面になりますので、再度「公開」をクリックします。

  公開されました。

フロントページその2  固定ページの新規作成2

・フロントページを作ったらブログ用の固定ページがいるの?

はい、そうなんです。フロントページを設定していなければ、投稿が新しい順に表示されていただけなんですが、フロントページを指定するとブログのページではなくなります。よって、もう一つブログを表示するページが必要になります。これは固定ページで作成しますが取り敢えずページを作るだけなので簡単です。

それではまた、固定ページを書いてみましょう。もうみなさん大丈夫ですね(^^)/

① 固定ページの新規追加をします。

左のメニューの「固定ページ」の「新規追加」をクリックします。

② 固定ページのタイトルを書きます。

サイトのブログ名を書きましょう。

私は「あおぞら自転車ブログ」にしました。そのままですけど^^;

私のサイトは「あおぞら自転車」です。

③ 固定ページのパーマリンクを編集します。

取り敢えず「blog」とします。

⑤ それでは、作成した固定ページを公開しましょう。

ページの右上の「公開する」をクリックします。

確認画面になりますので、再度「公開」をクリックします。

公開されました。

フロントページその3  フロントページと投稿のページの設定

それでは、その1の固定ページをフロントページに、その2の固定ページをブログ用ページに設定しましょう。

① 表示設定をします。

左のメニューの「設定」の「表示設定」をクリックします。

② ホームページの表示を変更します。

1 「固定ページ」をクリック
2 ホームページにはその1で作ったフロントページを選択
3 投稿ページにはその2で作ったブログ用ページを選択
4 「変更を保存」をクリック

フロントページが変更されました。

フロントページその4  フロントページにメニューを設定する

 

① メニューの設定をします。

左のメニューの「外観」の「メニュー」をクリックします。

② メニューを作成します。

1 メニュー名(例:メインメニュー)を入力
2 「メニューを作成」をクリック

メニューが作成されました。

③ メニューにメニュー項目を追加します。

追加したい項目を選択します。

1 「固定ページ」をクリック
2 メニューに入れたい項目を選択
3 「メニューに追加」をクリック

同様に、投稿、カスタムリンク、カテゴリーからも選択できます。

④ メニュー構造を設定します。

メニューの項目をドラッグして、項目の順番を入れ替えます。

メニューの位置を設定しましょう。

1 メニューの位置を選択しクリック
2 「メニューを保存」をクリック

それでは、フロントページを表示して、メニューを確かめてみましょう。

 メニューが完成したら、ステップ7へ!

 

ステップ7へ