【ワードプレス有料テーマ】「SWELL」でトップページをサイト型にカスタマイズする方法〈１時間で出来ます〉

ワードプレスの有料テーマ「SWELL」って、ブロックエディターに最適化されていてブロックを組み合わせて行くことでサクサク思いの形にできるのが良いですよね。

しかし初期設定ではトップページの表示は新着順なので、サイト型にするには少し設定が必要です。

今回はその手順を説明します。

「SWELL」でサイト風なおしゃれなトップページを作る

ワードプレスでブログを作っていると、誰しも一度は悩むのがトップページのカスタマイズ。

初期状態ではトップページは新着順になっていますが、せっかくなら思い通りのトップページを作ってみたいですよね。

ワードプレステーマの「SWELL」はサイト型のトップページを作る機能を持っていて、これがとても簡単で直感的です。

COCOONなどの無料テーマでもサイト風にすることは可能ですが、一部HTMLを利用せねばならず特に初心者の方にはハードルが高いです。

私が運営している別サイト「14blog」のトップページも「SWELL」を利用してカスタマイズしています。

トップページの全体像はこんな感じ。

このトップページを再現する形で紹介します。

シンプル美と機能性を両立させた、
最高峰の国産WordPressテーマ『SWELL』。

＼圧倒的な使い心地！／

サイト型トップページの制作工程

「SWELL」でトップページをサイト型にするための全体工程は以下のとおりです。

それでは順に説明していきます。

新着用の固定ページを用意

まずは新着用の固定ページを用意します。

「固定ページ」▶︎「新規追加」をクリックし、ページタイトルを「新着記事」などにします。

パーマリンク名は「NEW」に変更します。

これで新着用の固定ページができたので、この状態で一旦公開します。

公開設定にしていますが、この時点ではどこにも紐づいておらずブログ上にはまだ表示されません。

トップ用の固定ページを用意

次にトップ用の固定ページを作成していきます。

「固定ページ」▶︎「新規追加」をクリック。

パーマリンク名をhomeに変更し、下書き保存しておきます。

このページはトップページとなるので、作り込みをしてから公開します。

トップ用の固定ページを作り込み

次に、トップページの作り込みです。

現在のトップページの全体像は以下のとおり。

シンプル美と機能性を両立させた、
最高峰の国産WordPressテーマ『SWELL』。

＼他テーマからの乗り換えサポートも充実！／

トップページを作り込む

では実際にトップページを作っていきますが、全体を５つのパートに分けて説明していきます。

①「新着記事」パートの制作手順

新着部分は最新記事をアイコン付きで表示し、２番目の新着から３つをテキスト表示にします。

このように右と左を別々の形にする場合は「カラム」を使用します。

②「おすすめ記事」パートの制作手順

次は「おすすめ記事」部分。

ここはカラムの設定をせずに、そのまま投稿リストブロックを使用します。

③「カテゴリー記事1・２」パート制作手順

「カテゴリー記事１」と「カテゴリー記事２」の制作手順は全く同じ。

違いは表示する投稿リストの「Picup」にて表示したいカテゴリーを変える点と、「もっと見る」のリンク先だけです。

④「カテゴリー記事3」パート制作手順

最後の「カテゴリー記事３」は再びカラムを設置します。

シンプル美と機能性を両立させた、
最高峰の国産WordPressテーマ『SWELL』。

＼他テーマからの乗り換えもサポート！／

トップページの公開設定

作成した固定ページ（home）をトップページとして読み込む設定をしていきます。

設定はダッシュボードのカスタマイズで行います。

カスタマイザーにてホームページ設定をする

「ダッシュボード」▶︎「サイトをカスタマイズ」▶︎「WordPress設定」▶︎「ホームページ設定」と進みます。

「ホームページ設定」を開いたら、下記のように設定します。

選んだら公開します。

以上で終了です。

SWELLで固定ページ作成は本当に１時間でできる

「SWELL」は、ワードプレス初心者にこそぜひ使ってほしいテーマです。

冒頭述べたとおり、この記事のとおりに作成すれば１時間もかからずに作成することができます。

★SWELLを使うならSWELLで必ず入れるべきプラグインについても要チェックです。