SWELLのトップページをサイト型に設定したい！【SWELL設定方法】

どうも、ダルメです。

当ブログはワードプレステーマ「SWELL」を使用しています。

そんなSWELLですが、ホームページをサイト型（１カラム）にしたいと思ったことはありませんか？

ホームページをサイト型にするだけで一気に個人ブログ感が抜けます。

完成イメージはこんな感じです。

他の個人ブログと差をつけたい！と思うならこの記事を読んでみてください！

この記事ではSWELLユーザー向けにサイト型のホームページを作る方法を解説しています！

気になる方は是非ご覧ください。

サイト型とブログ型の違い

ブログのホームページには2種類あります。

2つの違いは投稿の方法です。

ブログ型

トップページには新着投稿が表示される。

ブログ型のサイトは主に新着記事で構成されていて細かい設計がなされていないです。

サイト型

トップページは企業サイトのように構成が意識して作られている

サイト型はオススメ記事やカテゴリーなど新着記事の他にコンテンツを用意しているサイトです。

サイト型とブログ型の比較画像

画像はサイト型とブログ型ホームページの見た目が全然違います。
サイト型にすると以下のようなコンテンツも設置することができます。

• メインビジュアル
• お知らせページ
• 記事スライダーなど

サイト型にすると記事への導線も用意できるのでPV上昇、見てもらいたい記事に集客がしやすいです。

SWELLをサイト型にする方法

SWELLをサイト型にするには4つの手順でトップページを作成します。

ホームページを変更していない場合はまず①、②から行います。

事前準備：投稿ページとトップページを作成

SWELLでブログをサイト型にするには投稿ページとホームページを別々にする必要があります。

ワードプレスの初期設定ではホームページが新着投稿ページと同じになっています。

新着記事とホームページを別々にすることでホームページをカスタマイズできるようになります。

新着記事とトップページ作成方法

まずは記事のベースを作成します。

記事の割り当て

上記で作成した固定ページを「新着記事」と「トップページ」に割り当てます。

ホームページをサイト型にする

まずはサイトのひな形を作ることから始めていきます。

ひな形とは、サイト全体の土台になる部分です。サイトの全体の形のこと。テンプレートです。

サイトを１カラムにする

SWELLのホームページをサイト型にするには、サイトを１カラムにします。

サイトを１カラムにする

フルワイドでひな形をつくる

SWELLの機能「フルワイドブロック」でひな形を作ります。

SWELLにはホームページに超便利な機能「フルワイドブロック」が搭載されています。

画像の赤い四角（波々の部分）から下はフルワイドブロックで作っています。

SWELL機能「フルワイドブロック」

フルワイドブロックは画面横いっぱいにエリアを展開できるブロックです。

SWELLの機能「フルワイドブロック」に記事をいれることで１つのコンテンツができます。

フルワイドブロックでできること

以下の３つができます。

背景色変更

背景色変更

SWELLではフルワイドブロックの上下を４種類に変更できます。

そして、フルワイド内のテキストは白か黒に変更できます。

記事コンテンツの作り方

方法は以下のとおりです。

• フルワイドを設置
• タイトルを付ける
• 投稿リストを設置

フルワイドブロックを設置

①【タイトル】を入力

②【投稿リスト】ブロックを挿入

ちなみにタイトルは手前に透過した画像を配置するとオシャレに見えます

そしてSWELLの投稿リストは以下の選択ができます

• 新着順で表示
• 人気順で表示
• カテゴリ指定
• タグで指定

これにより、新着記事、記事ランキング、カテゴリ記事、オススメ記事が指定できます。

投稿リストの選び方

• 新着記事を出したい：新着順で表示
• 記事ランキングにしたい：人気順で表示
• カテゴリごと出したい：カテゴリ指定
• オススメ記事を出したい：オススメしたい記事にタグ付け⇒タグで指定

フルワイドをたくさん使っていくことでトップページを構成していきます。

ちなみに当ブログでは新着記事、オススメ記事、カテゴリ別に用意しています。

まとめ：ブログをサイト型にしよう！

ブログをサイト型にするのは以下の手順でできます。

ブログをサイト型にすると他のサイトと差別化ができます。

自分だけのカスタマイズをして他ブログと違いを作りましょう！

では。