【SWELLデモサイト集】シンプルでおしゃれなWordPressテーマ【サイト型・ブログ型】

お悩み

おしゃれなWordPressテーマ「SWELL」が使いたいけど、どんなサイトが作れるんだろう?

こんなお悩みの方に向けて、この記事では私が実際にSWELLで作ったデモサイトを紹介します。

いろんなデザインでSWELLの魅力がお伝えできれば幸いです。

この記事でわかること
  • SWELLで作ったおしゃれなデモサイト集が実際に見れる
  • SWELL×ブログ型のデモサイト(美容・食品・キャンプ)
  • SWELL×サイト型のデモサイト(雑記×2・旅行・ライフスタイル)
  • 各デモサイトのデザインポイントの解説

この記事でご紹介するデモサイトは、すべてSWELLのデフォルト機能で作れます。

筆者はこんな人

  • 本業は企業のマーケティング担当(ブログは月100万PV超)
  • 副業ブログ6ヶ月目
  • 4ヶ月目で5桁達成
  • 5ヶ月目で月3万円達成
  • 最高収益5.6万円(5.5~6.5ヶ月の期間)
こやん

よろしくお願いします!

目次

今大人気のWordPressテーマ「SWELL」とは

SWELLはシンプルでおしゃれなブログがノーコードで作れる、今話題沸騰中のWordPressテーマです。

swell公式サイト
商品名WordPressテーマ SWELL
販売価格¥17,600(税込)
(※ お支払いは一度限りです。月額や年額ではありません。)

SWELLの特徴・メリット

  1. SWELLは高速化機能でSEOをサポート
  2. コード不要!ノンデザイナーでもおしゃれなブログが作れる
  3. 簡単&快適な記事作成で作業が大幅スピードアップ
  4. PV数や滞在時間が大幅アップが期待できる機能搭載
  5. 収益化をサポートする広告管理機能
  6. 利便性を重視した定期的なアップデート
  7. 購入後も安心のサポート体制
  8. SWELL自体がアフィリエイトプログラム対応
  9. 楽しいブログ運営を望むならSWELLが正解!

SWELLの魅力については以下の記事で詳しくご紹介しています。

SWELL × 美容ブログのデモサイト

swell,デモサイト
DEMO1

SWELLで作った美容ブログのデモサイトです。

ブログ型で作成しました。スキンケアコスメのパッケージが際立つよう、白背景で統一しました。

シンプルでクリーンなデザインに仕上がりました。

レビュー

  • デザイン:
  • わかりやすさ:
  • みやすさ:

SWELL×美容ブログでできること

  1. レビュー
  2. 注文方法ステップ
  3. 使い方ステップ
  4. 商品紹介
  5. 経過観察
  6. 美容雑学

など

SWELL×美容ブログのおすすめポイント

星レビュー機能は美容ブロガーさんにとてもおすすめの機能です。

商品の紹介がしやすいですし、ランキング記事も作りやすいです。

写真や広告が増えてもページ全体のバランスが保てるのは、SWELLの余白のバランスが良いからです。

シンプルなデザインを維持できます。

おしゃれなコスメのパッケージングまで活かせるおしゃれなブログが作れます。

SWELL × 食品ブログのデモサイト

swell,デモサイト
DEMO2

SWELLで作った食品ブログです。

ブログ型で作成しました。食品の鮮やかさと活気が伝わるようにキーカラーをオレンジにしました。

目的ごとに記事が探せるよう、トップページの上部にカテゴリ分けをしています。

レビュー

  • デザイン:
  • わかりやすさ:
  • みやすさ:

SWELL×食品ブログでできること

  1. レビュー
  2. 比較
  3. 宅配食品の注文方法
  4. レシピ紹介
  5. 商品紹介
  6. 健康雑学

など

SWELL×食品ブログのおすすめポイント

SWELLにデフォルトでついているランキング機能は商品紹介がとてもしやすいです。

食品カテゴリは商品数が多いのでランキング機能はとても活躍しそうです。

ステップ機能ではレシピの紹介や注文の流れをよりわかりやすく説明することができます。

基本的なデザインがシンプルなので食品の写真がよりヘルシーで新鮮に扱えます。

ポータルサイトのような作りでも面白そうです。

SWELL × 雑記ブログのデモサイト

swell,デモサイト
DEMO3

SWELLで作った雑記ブログです。

サイト型で作成しました。トップページは「記事一覧」ではなく「固定ページ」で設定しています。

読ませたい記事を上部に集めたり、トップページでカテゴライズした記事を表示できたり、ブログ型よりもシンプルなデザインにできます。

レビュー

  • デザイン:
  • わかりやすさ:
  • みやすさ:

SWELL×雑記ブログでできること

  1. わかりやすいカテゴリ分け
  2. 記事の整理

など

SWELL×雑記ブログのおすすめポイント

雑記ブログはカテゴリの豊富さが楽しいブログです。

カテゴリが増えると記事がごちゃついてしまいがちですが、投稿リストブロックでみやすいレイアウトを作ればブログ全体が整います。

SWELLはアフィリエイトリンクに対応したボタン機能が付いていますので商品紹介もしやすいです。

SWELL × 旅行ブログのデモサイト

swell,デモサイト
DEMO4

SWELLで作った旅行ブログです。

サイト型で作成しました。

旅の魅力的な写真をダイナミックに伝えるフルスクリーンを使用しています。

作り方手順は以下の記事で詳しくご紹介しています。

レビュー

  • デザイン:
  • わかりやすさ:
  • みやすさ:

SWELL×旅行ブログでできること

  1. 旅先レビュー
  2. ホテル紹介・比較
  3. ホテル予約手順
  4. クレジットカード紹介・比較
  5. 旅先グルメ情報
  6. チケット予約案内

など

SWELL×旅行ブログのおすすめポイント

SWELLの固定ページをサイトのトップページに設定することで、旅行ブログならではの美しい写真をダイナミックに表現できます。

インパクトのあるメインビジュアルには動きをつけることができます。

次の写真が見たくなる「スライド」表示と、エモさ溢れる「フェード」表示です。

記事投稿は写真の美しさを活かして1カラムにしてみました。

旅行ブログは旅先のレビューはもちろん、クレジットカード・ホテル・チケット・グルメ・マナーなど話題が尽きません。

SWELLの使いやすいブロックエディタで記事ごとに印象を変えるのも面白そうです。

SWELL × ライフスタイルブログのデモサイト

swell.デモサイト,カスタマイズ,サイト型
DEMO5

SWELLで作ったライフスタイルブログです。

サイト型で作成しました。

コーポレートサイトのようなブログらしくないウェブサイトを意識して作りました。

作り方手順は以下の記事でご紹介しています。

レビュー

  • デザイン:
  • わかりやすさ:
  • みやすさ:

今回は「ウェブサイトっぽさ」を重要視したので、記事の露出が多くありません。

そのため、ブログとしてのみやすさや分かりやすさは少し下がります。

SWELL×ライフスタイルブログでできること

  1. グッズの紹介
  2. インテリアの紹介(レンタル含む)
  3. ミニマリスト
  4. アソシエイト型の物販
  5. 暮らし方のアイディア

など

SWELL×ライフスタイルブログのおすすめポイント

WordPressでありながら、ウェブサイトのような美しいデザインが作れます。

カテゴリ分けがきちんとされており、メインメニューや記事内のサイドバーなどで回遊率を向上させることもできます。

何より、ミニマリストやシンプルな暮らしを楽しむブログは、ブログ自体がごちゃついてしまっては勿体ないです。

SWELLなら整った心地いいデザインが作れます。

SWELL × 雑記ブログのデモサイト

SWELL,カスタマイズ,サイト型,デモサイト
DEMO6

SWELLで作った雑記ブログです。

サイト型で作成しました。

元々は上記でご紹介した雑記ブログの旧デザインなのでかぶっている箇所が多々ありますが、気に入っているデザインなので復活しました。

レビュー

  • デザイン:
  • わかりやすさ:
  • みやすさ:

SWELL×雑記ブログでできること

  1. わかりやすいカテゴリ分け
  2. 記事の整理

など

SWELL×雑記ブログのおすすめポイント

雑記ブログのポイントは上記で書きましたので、このデザインのポイントをご紹介します。

色の統一やアイキャッチ画像にイラストを使うことで、男女共に親しみやすいデザインにしました。

フォントはゴシック体を使い、少しミニマルなイメージにしています。

ガジェット・ワーク・ブック・ブログなど、少し社会人よりのカテゴライズにしてみました。

ノーコードで作れるので、ぜひお試しください。

SWELL × キャンプブログのデモサイト

swell,デモサイト
DEMO7

SWELLで作ったキャンプブログです。

ブログ型で作成しました。

SWELLのデフォルトテンプレートをカスタマイザーでぽちぽちいじるだけで作れる、お手軽&おしゃれなデザインです。

レビュー

  • デザイン:
  • わかりやすさ:
  • みやすさ:

SWELL×キャンプブログでできること

  1. ギアの紹介
  2. キャンプサイトの紹介
  3. キャンプの楽しみ方
  4. キャンプの注意事項
  5. テントの組み立て手順
  6. キャンプ飯のレシピ

など

SWELL×キャンプブログのデザインポイント

今回は背景を濃いグレー(ほぼ黒)にしました。

目がチカチカして疲れないように、文字色は薄いグレーを指定しています。

(真っ黒×真っ白は目が痛くなります)

夕方から始める静かな大人キャンプをイメージして作っています。

カスタマイズは全くと言っていいほど何もしておらず、SWELLの基本テンプレートに背景色をつけたくらいです。

実際にやったこと

  • カラー設定:背景色、文字色、リンクカラーの変更
  • メインビジュアル:PC閲覧時50vwまで伸ばす
  • 記事一覧:人気記事の表示、PC閲覧時カード型1カラム表示

本当にこのくらいしか手を加えていません。

元々のデザインテンプレートが良いので大袈裟なことをしなくてもかっこよく仕上がりました。

SWELLはWordPressテーマというより、もはやブログデザインソフト

SWELLはWordPressの有料テーマですが、インストールするだけで様々なサイトデザインをすることができるので、もはや制作ソフトレベルです。

通常のウェブサイト制作ソフトの場合、年間で10万円以上するのがほとんどでサブスク形式なので毎月の出費です。

SWELLの場合、17900円(税込)で買い切り・何回でも使いまわせる&アップデートも追加費用がかからないので費用面の負担も激減します。

何より、SWELLを使ってブログをデザインするのはとてもワクワクして楽しいですし、記事作成の負担も大幅に減ります。

swell公式サイト
商品名WordPressテーマ SWELL
販売価格¥17,600(税込)
(※ お支払いは一度限りです。月額や年額ではありません。)

SWELLの特徴については以下の記事でもご紹介しています。

2020年以降、社会人やOLに副業ブームが到来しています。始めるなら今がチャンスです。

この記事を読んで実際に行動する人は100人中3人程度だそうです。

その中でさらに継続できる人は3人だそうです。

知識を得るだけでは何も変わりません。副業でブログを始めるなら、早速今から動き出しましょう!

5〜10分程度で簡単にWordPressブログを作るならコレ!

それでは、最後までお読みいただきありがとうございました。

ランキング参加しました!応援よろしくお願いします

ブログランキング・にほんブログ村へ

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
目次
閉じる