SWELLでトップページを彩る方法【カスタマイズは無限大】

こう考える方も多いのではないでしょうか？

結論からいうと、トップページには記事一覧と固定ページの２種類があり、SWELLでおしゃれなトップページは固定ページをカスタマイズして作ります。

記事一覧のトップページは管理者からすると楽なのですが、公開日の古い記事は埋もれやすくなります。
従って、ユーザビリティを考えるならトップページは固定ページで作るのがオススメです。

ということです、今回のテーマは「SWELLを使ったトップページの作り方」。

また、当サイトのトップページにする方法にも触れてみました。

ぜひ最後までご覧ください。

SWELLのトップページは2種類

SWELLのトップページは、大きく分けて「記事一覧」か「固定ページ」の２種類です。

SWELLのトップページに記事一覧を設定した場合、メインエリアには記事が新着順に並びます。

また、固定記事を設定した場合は、「新着エリア」「ピックアップエリア」のように配置を自在に変更できます。

SWELLのトップページを切り替える

SWELLのトップページは、上記の表示設定より「最新の投稿」「固定ページ」を選択します。

固定ページを選択する場合は、事前に『トップ画面用』『投稿ページ用』の固定ページをそれぞれ作成しておきましょう。

そして、ドロップダウンメニューより作成したページを選択します。

SWELLでトップページを作る

SWELLのトップページを彩る方法を解説します。
当サイト(AkaroaBlog)のトップページになるように固定ページをカスタマイズします。

①：新着記事エリア

SWELLのトップページで「NEW(新着記事)」を設定します。

②：ピックアップ記事エリア

SWELLのトップページで「PickUp(新着記事)」を設定します。

③：紹介エリア

SWELLのトップページで「オススメ商品」等を紹介します。

当サイトではWPテーマSWELLを使用していますので、『ブロックパーツと広告タグ』で作成したSWELL広告を掲載しています。

バナー広告とは違って、ちょっとオシャレにしているのがポイントです♪

作り方は以下の記事を参考にしてください。

④：紹介エリア

SWELLのトップページで「オススメ商品」等を紹介します。

当サイトではSEOに関する本を２冊紹介しています。
どちらもブログ運営に欠かせない『上位表示のノウハウ』が書かれているため、ぜひ読んでいただきたい思いで掲載しています。

ちなみに、おすすめ本の広告リンクは「もしもアフィリエイト」のかんたんリンクで作成しています。

作り方は以下の記事を参考にしてください。

SWELLでトップページを彩る方法【カスタマイズは無限大】まとめ

今回は、SWELLでトップページをカスタマイズする方法を解説してきました。

SWELLなら洗練されたデザインでおしゃれなトップページができますね。
ただ、SWELLは控えめのデザインなので、大胆にカスタマイズするくらいで丁度良いと思います。

お好みのデザインを作り上げてくださいね♪