WordPressでホームページの表示を固定ページに変更する

2017.12.15トップページ, 固定ページ

こんにちは!
昨日、当サイトのトップページを「最新の投稿」から「固定ページ」に変更してみました!
お試しでやったので、すでに通常表示になっていますw
WordPressを使い始めてからずっと疑問に感じながらもそのままにしていた「表示設定」。
ま、無料ブログの時のように使うのであれば、最初の設定どおりトップページは「最新の投稿」でよかったわけですから。
ホームページの表示
今回は、トップページを固定ページに変更する手順をご紹介したいと思います。

ホームページの表示を固定ページにする

ここでホームページというのは、ドメインのトップページのことを差します。
このサイトでは https://martto.net のことです。

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

まず、ここの内容をどうするかが一番のハードルになるような気がします。それで困って、私はプラグインのお世話になりました><

プラグインPage Builder by SiteOriginを使う

あわせてSiteOrigin Widgets Bundleもインストールして有効化しておきます。
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle

固定ページを新規追加する

「固定ページ」「新規追加」から新しく固定ページを追加します。

タイトルを入力する

ここで入力されたタイトルはルクセリタスの設定で非表示にできますので、自分でわかりやすい名前にしておきましょう。
編集モードを「ページビルダー」に切り替えておきます。
新規固定ページを追加

事前構築済みレイアウトを挿入する

「Layouts」ボタンをクリックして、サンプルレイアウトから適当なレイアウトを選んで挿入します。(あくまで一例です)
Layouts

コンテンツを編集する

サンプルで挿入されたコンテンツを削除したり(または追加したり)編集したりして、自分のサイトのトップページを作ります。
なかなかパッと見てパッと操作出来る感じのプラグインではありませんので、一つ一つのパーツの使い方に関しては、またの機会に説明ができたらしたいと思います。
とりあず、プレビューを駆使して整えていくのがいいかと思います。
Page Builder by SiteOrigin

固定ページ(トップページ)を公開する

作成したトップページを「公開」にします。ここで公開ボタンを押しても、ページ自体はまだサイト内からリンクされておらず、どこにも表示されることはありません。
また「公開」にしておかいないと、ホームページに指定することができません。

投稿一覧用のページを準備する

ホームページに固定ページを表示すると、今まで表示されていた投稿記事の一覧が表示されなくなりますので、専用のページを準備しましょう。

記事一覧用に固定ページを追加する

タイトルに「投稿一覧(例)」と入力し、パーマリンクに「articles(例)」や「blog(例)」などと入力し、公開します。
固定ページの編集

テーマ(ルクセリタス)の外観をカスタマイズする

フロントページのカラム数を変更する

「外観」「カスタマイズ」「カラム操作」からフロントページのカラム数を選択します。
カラム操作

フロントページの記事タイトルを非表示にする

「外観」「カスタマイズ」「全体レイアウト」を開いてチェックを外します。
固定フロントページの記事タイトル表示

表示設定を変更する

「外観」「カスタマイズ」「ホームページ設定」を開きます。
「固定ページ」を選択し、それぞれに表示する固定ページを選択します。
ホームページ設定

「投稿ページ」へのリンクをはる

投稿ページは、そのままではサイト内からリンクされていません。トップページのコンテンツの中とメニューに、忘れずリンクを設定しておきましょう。

サイドバーの設定をする

1カラム以外を選択した場合、トップページに表示するサイドバーの内容を検討し設置しましょう。

設定の変更を公開する

以上で固定ページをフロントページにする設定は終わりです。あとは公開ボタンを押せば完了です!
でも、ちょっと公開するのは後で、という場合は、「公開」の横にある歯車マークをクリックして「下書きとして保存」しておくといいですよ!

あとがき

そのままでは、フロントページに既存のh2やh3のスタイルが適用されますので、トップページの作成にプラグインを使用した場合、個別にスタイルを書く必要のあるケースが出てくるかと思います。何かと大変!ということで、固定ページをトップページにする必要なんてなかったかもw
その後のトップページの作り方は下の記事で紹介しています。

0

2017.12.15各種設定

Posted by どらみ