【WordPress】トップページを作成編集してみた

みなさん、いかがお過ごしでしょうか。今日はトップページについてです。「なんか寂しいな～」と思って作ることにしました。

とういうわけで、トップページの作成と編集について簡単に紹介したいと思います。

WordPressのトップページ

WordPressのトップページは、WEBサイトにある一番上位にあるページになります。そして、テーマによってレイアウトが異なります。

テーマで最初に設定されていた構成のままではなく、自分が使いやすいように変更することができます。編集するには、下記の通りに進んでください。

トップページを変更する

まず、WordPress管理画面の「設定」にある「 表示設定」を選択します。

次に、初期状態の「ホームページの表示」には「最新の投稿」が設定されています。これを「固定ページ」に設定します。

WordPressのトップページの編集

WordPressトップページの編集は、WordPressの新規投稿ができるくらいの知識でだれでも簡単に編集することができます。

メニューバーの作成

ページのヘッダー部分に表示するメニューバー(グローバルナビゲーション)を設定します。

メニューバー作成は、サイト内にある特定ページなどユーザーを誘導するためのリンクの集まりになります。サイトに訪れた方にとって利便性が向上するのでぜひ作成してください。

メニュー項目を作成

メニューに表示する項目を作成します。まず、WordPress管理画面の「ダッシュボード」から「外観」の「メニュー」を選択します。

次に、「メニュー構造」の画面で新しいメニューを作成します。

問題なければ「メニューを作成」を選択します。なお、「メニュー設定」に関して後から変更が可能です。また、選択しなくてもメニューを作成することは可能です。

作成したメニューに項目を追加します。

メニュー項目は以下の4つから追加することができます。

追加した項目は、下三角▼で項目の編集が可能です。

メニュー作成は以上になります。

ウィジェットの作成と変更

次に、トップページに表示させたいコンテンツの設定です。その際に必要なのが「ウィジェット」です。ウィジェットとは、サイトのヘッダー、フッター、サイドバーなどに配置できるパーツのことです。

ではウィジェットの作成をみていきます。まず、WordPress管理画面から「外観」を選択して「ウィジェット」を選択します。

次に「利用できるウィジェット」の中から、追加したいウィジェットを選択します。

追加したウィジェットは追加先の下三角▼で編集することができます。設定が完了すると画面サイドに設定した項目が表示されます。

ウィジェットによっては先ほど作成したメニューバー(グローバルナビゲーション)も設定できます。また、追加したウィジェットの位置はドラッグ＆ドロップで変更することができます。

ちなみに私はサイドバーに以下のウィジェットを設定しています。

見た目のホーム画面はできるだけシンプルな仕上げとなっていると思います。

ウィジェットの作成と編集は以上になります。

トップページ用の固定ページ作成

固定ページは、独立した単体のページを作成したい時に使います。以下の内容に使用されることが主です。

ここで投稿記事と固定ページの違いを簡単説明します。

投稿記事の特徴

固定ページの特徴

以上を踏まえて作成方法をみていきます。

WordPress管理画面の「固定ページ」から「新規追加」を選択します。

作成したいページのタイトルと本文を追加します。

本文にはブロックの追加も可能です。投稿記事を作成するような感じで作成できます。プレビューで確認して問題なければ「公開」ボタンで公開して完了です。

パーマリンクについて、トップページに設定する固定ページは設定したパーマリンクよりトップページのリンクが優先されます。

トップページ用の固定ページ作成は以上になります。

トップページ用の固定ページを割り当て

ではまず、固定ページを作成したら実際にトップページに変更してみましょう。

WordPress管理画面の「設定」にある「 表示設定」を選択します。

次に「ホームページの表示」の設定を変更します。

最後に「変更を保存」ボタンを押して作成した固定ページがトップページに反映されます。

まとめ

いかがだったでしょうか。トップページの作成は意外と簡単に作成ができることがわかったと思います。

トップページはサイト内の顔であり印象を決める要素の一つです。ぜひオリジナルの作ってみてください。