基本設定(Basic setting)

AFFINGER6でトップページを固定ページにする方法|ブログ型からサイト型へ変更する手順

3247_toppage-setting

こんにちは "osaboo"です。"@osaboo_Bot"

AFFINGER6でトップページをブログ型からサイト型(固定ページ)に変更する手順を、初心者さん向けにわかりやすくご紹介します。

Question
Question

トップページを…ブログ型?サイト型?

AFFINGER6をインストールした初期状態(デフォルト設定)では、投稿一覧ページがトップページとして表示される、いわゆる「ブログ型」の設定になっています。
しかし、デザインの自由度を高めて多彩なコンテンツをトップページに配置したい場合は、「サイト型」に変更するのがおすすめです。
この記事では、その「ブログ型」から「サイト型」へトップページを変更する具体的な方法をわかりやすく解説します。

こんな方におすすめ!

  • AFFINGER6でトップページの見た目を変えたい
  • トップページをブログ形式からサイト型に切り替えたい
  • 企業サイトやポートフォリオ風のトップページにしたい
  • WordPressの固定ページ設定に不安がある
  • AFFINGER6のトップページカスタマイズ方法を知りたい

この記事でわかること!

  • AFFINGER6でトップページを固定ページに変更する具体的な手順
  • ブログ型トップページとサイト型トップページの違い
  • 固定ページをトップページに設定する際の注意点
  • トップページをサイト型にした後のカスタマイズのポイント

それではご覧ください。

はじめに…

WordPressテーマ「AFFINGER6」を使うと、トップページを「ブログ型」と「サイト型」のどちらかで表示できます。

「ブログ型」とは、最新の投稿記事が一覧で表示されるスタイルのこと。ブログ記事を中心に更新したい方に向いています。

一方「サイト型」は、固定ページをトップページとして設定し、企業サイトやポートフォリオのように自由にコンテンツを配置できるデザインです。

ブログ記事だけでなく、商品紹介や会社情報などをトップページにまとめて見せたい方は、サイト型に切り替えると表現の幅が広がります。

この記事では、初心者の方でも迷わずできるように、AFFINGER6でトップページをブログ型からサイト型(固定ページ)へ変更する手順を丁寧に解説していきます。

AFFINGER6でトップページをブログ型からサイト型に変更する準備

サイト型トップページに変更するには、まず「固定ページ」を用意する必要があります。

固定ページとは、ブログ投稿とは別に作成できるページのことで、例えば「会社概要」や「お問い合わせ」などが該当します。

今回は、この固定ページをトップページとして設定するので、あらかじめ表示させたい内容の固定ページを作成しておきましょう。

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

それでは、トップページ用の固定ページを作成していきます。

Menu 『WordPress管理>ダッシュボード>固定ページ>固定ページを追加』をクリックします。

3247-1|WordPress管理|ダッシュボード|固定ページ|固定ページを追加

エディター画面が表示されます。

トップページ(エディター画面での設定)

  • タイトルを追加:「サイト名やキャッチフレーズ 」など
  • アイキャッチ画像:「サイトのイメージ画像」
  • 抜粋:「サイトの説明文」
  • スラッグ:「homeやtoppage」など
  • メタキーワード:「サイトのキーワード」
  • メタディスクリプション:「サイトの説明文」

❶〜❻を設定します。

3247-2|固定ページ|エディター画面|各種設定(入力場所)

設定項目の入力が全て完了したら、『公開』をクリックします。 再度『公開』が表示されるのでもう1度クリックします。

以上で、トップページ用の固定ページが完成です。

トップページのデザイン等は後回しにして、投稿ページ用の固定ページを作成します。

投稿ページ用に固定ページを作成

続いて、投稿ページを表示するための、固定ページを作ります。

投稿ページは、WordPress管理の表示設定で投稿ページを選択しなければ固定ページを作る必要はありません。

トップページと投稿専用ページの両方を必要とする場合は以下の手順で作成します。

  • 詳細は、次の章「投稿ページと固定ページを切り替える」でご紹介します。

手順は、「トップページ用の固定ページ」と同様なので省略します。

エディター画面での設定は以下を参考にして下さい。

投稿ページ(エディター画面での設定)

  • タイトルを追加:「blog」や「記事一覧 」など
  • アイキャッチ画像:「サイトのイメージ画像」
  • 抜粋:「サイトの説明文」
  • スラッグ:「blog」など
  • メタキーワード:「サイトのキーワード」
  • メタディスクリプション:「サイトの説明文」

❶〜❻を設定します。

3247-2|固定ページ|エディター画面|各種設定(入力場所)

設定項目の入力が全て完了したら、『公開』をクリックします。 再度『公開』が表示されるのでもう1度クリックします。

以上で、投稿ページ用の固定ページが完成です。

投稿ページと固定ページを切り替える

作成した2つの固定ページをホームページと投稿ページに切り替えます。

Menu 『WordPress管理>ダッシュボード>設定>表示設定』をクリックします。

3247-3|WordPress管理|ダッシュボード|設定|表示設定

「表示設定」画面が表示されるので、「ホームページの表示」を設定します。

投稿ページと固定ページを切り替える

  • 最新の投稿 → 設定ページ(以下で選択)にラジオボタンを切り替えます。
  • ホームページの表示
    • トップページ用固定ページ :トップページ(ホームページ)に設定します。
    • 投稿ページ用固定ページ :記事一覧(投稿ページ)に設定します。
  • 『変更を保存』をクリックして完了です。

❶〜❸を設定します。

3247-4|WordPress管理|ダッシュボード|設定|表示設定|ホームページの表示

補足・その他の設定

  • 投稿ページ:記事一覧 は、必要に応じて選択してください。
    • (投稿ページが 不要であれば 選択しなくでもOKです。)
  • 1ページに表示する最大投稿数:自由に変更してください。
  • RSS/Atomフィードで表示する最新の投稿数:自由に変更してください。
  • フィードの各投稿に含める内容:抜粋(安全のため『抜粋』をおすすめします。)

以上で、トップページが「ブログ型」から「サイト型」に切り替わりました。

注意点

  • 固定ページのURL(パーマリンク)はシンプルにしておくと管理しやすいです。
  • ページの公開状態が「公開」になっていることを必ず確認してください。
  • 複数の候補ページがある場合は、トップページに設定するものを間違えないようにしましょう。

サイトを確認

Menu 『WordPress管理>ダッシュボード>固定ページ>固定ページ一覧』をクリックします。

固定ページ一覧に「投稿ページ」と「フロントページ」が表示されていればOKです。

3247-5|WordPress管理|ダッシュボード|固定ページ|固定ページ一覧

あとは…フロントページや投稿ページをおしゃれに作り込んでいくだけです
ここからが…がんばりどころです(笑)お疲れ様でした。

osaboo
osaboo

まとめAFFINGER6でトップページを固定ページにする方法|ブログ型からサイト型へ変更する手順

トップページを「ブログ型」から「サイト型」に切り替える方法をご紹介しました。切り替えは簡単ですが、上手にまとめるためには少し手間がかかるかと思います。「がんばりどころです
是非、かっこいいサイト作りにチャレンジしてください。この記事がお役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

-基本設定(Basic setting)