当サイト使用のWPテーマ「SWELL」の評判口コミはこちら

WordPressテーマSWELLを使ったサイト&ブログ137事例|デザインが綺麗なテーマの秘密に迫る

SWELLを使ったサイト&ブログ|デザインが綺麗なテーマの秘密に迫る
URLをコピーする
URLをコピーしました!
じゅんた

本記事ではSWELLを使ったサイトやブログを分野別にご紹介!
SWELLのデザインが綺麗な秘密に迫ります!

デザインが綺麗で大人気のWordPressテーマ「

購入前にどんなデザインができるのか事前に確認したい」「購入後のデザインの参考としてSWELLを実際に使っているサイトを見たい」という声は多いです。

そこで本記事ではSWELLを1年以上使ってきた私がデザインが素敵なサイトを集めました。

またSWELLのデザインを分野別に紹介したり、デザインが綺麗になる理由を解説。

本記事を読むとSWELLを使ったサイト&ブログを「137事例」も確認でき、デザインのイメージができます。

SWELLのデザインが気になっている方は是非最後までご覧ください。

>>おしゃれなブログデザインの作り方や他のWordPressテーマのデザインはこちら♪

記事制作スピードが抜群に上がって、デザインもおしゃれになるブログの神ツール
当サイトでも使っているおすすめのWordPressテーマ「」はこちら

SWELLの評判&レビュー記事はこちら

クリックして読める「目次」

厳選!SWELLを使ったサイト&ブログを「デザイン種類別」にご紹介!

SWELL開発者のサイト可愛いデザインのサイト
トップブロガーのサイトポップなデザインのサイト
シンプルなデザインのサイトかっこよいデザインのサイト
おしゃれなデザインのサイトビジネスデザインのサイト

上記のようにデザインの種類を分類してみました。

SWELLを使ったサイトを分類毎に私が2サイト厳選しましたのでご紹介します。

「SWELLを選んだ理由」も一緒にご紹介するので是非参考にしてみてください。

また次の章でもたくさんのSWELLを使ったサイトをご紹介しますので、是非こちらもご覧下さい。

SWELL開発者のサイト

SWELL開発者の了さんのサイトです。

開発者のウェブサイトはとてもシンプルでオシャレです。

なによりとても分かりやすいサイトです。

トップブロガーのサイト&ブログ

ブログ部
ブログ部

サンツォさん(@UNDERCOVER_ing

Ray Terrace
Ray Terrace

マクリンさん(@Maku_ring

トップブロガーのサイトということでサンツォさんとマクリンさんのサイトを掲載しています。

サンツォさん、マクリンさんともに月に100万円以上はブログで稼いでおられますし、ブロガー向けにオンラインサロンを運営している等ブログ業界トップの著名人なので参考にしてみて下さい。

下記レビュー記事でトップブロガーのなかじさん、マクリンさん、サンツォさんにインタビューしているので気になる方はご覧ください。

シンプルなデザインのサイト&ブログ

洋書多聴ブログ
洋書多聴ブログ

Shokoさん(@ovis_post

SWELLを選んだ理由

ピンタレストに対応していたのと、CSSやHTMLを使わずにトップページが作れることが魅力的でした。

ヘアケアトーーク
ヘアケアトーーク

ひでよしさん(haircaretalk

SWELLを選んだ理由

次の3点です。①デザインが他のテーマより気に入った ②ブロックエディタへの対応が早かった ③有名ブロガーのマクリンさんがおすすめしてた

「シンプルで美しいデザイン」これはSWELLのデザインコンセプトです。

そのため読者がコンテンツを集中して閲覧できるようなデザインが得意です。

上記の通り2つのサイトを選んでみましたので、是非参考にしてみて下さい。

BlogDesignLab.
BlogDesignLab.

どんぐり所長さん(@donguriweb

SWELLを選んだ理由

仲間がSWELLにしたため。他にはサイトスピード、 デザイン性、複数ブログやる予定だったので複数サイト利用可。

POINT OF VIEW
POINT OF VIEW

鰥夫さん(@yamowo_claude

SWELLを選んだ理由

シンプルなデザインと、ブロックエディタが使いやすいということで「SWELL」にたどり着きました。

SWELLはおしゃれなデザインにもできます。

おしゃれなデザインのサイトは上記の通りどんぐり所長さんのサイトをご紹介します。

おしゃれなデザインにするには知識やテクニックも必要です。

どんぐり所長さんはアイキャッチ添削ブログデザイン部を運営しています。

デザインを学びたい人はこちらも参考にしてみて下さい。

可愛いデザインのサイト&ブログ

カンイク
カンイク

かなさん(@_kana_blog

SWELLを選んだ理由

自分が好きなブロガーさんがSWELLにしており、自分もそんなサイトを作ってみたい…と思ったのがきっかけです。

nicohug
nicohug

しおりんさん(@shio_nicohug

SWELLを選んだ理由

ブロックエディタ完全対応なところが大きいです。 実際使ってみて、特にCSSなどの知識なくサイトのデザインもできましたし、初心者に優しいなって思います。

SWELLは可愛いデザインのサイトも作れます。

SWELLのコンセプトはシンプルなので、落ち着きのある可愛いデザインです。

可愛いデザインのサイトにしたい方は上記のサイトを参考にしてみて下さい。

ポップなデザインのサイト&ブログ

ふるルン
ふるルン

ふるルンさん(@fu_runrun

SWELLを選んだ理由

トップ画面を素敵にしたかったから。

アカリノオト
アカリノオト

あやまるさん(@_ay_5z

SWELLを選んだ理由

簡単におしゃれなブログをつくれるから

SWELLはポップなデザインのサイトも作れます。

上記の通り2つのサイトをご紹介します。

とても明るいイメージで内容も分かりやすいです。

かっこよいデザインのサイト&ブログ

25歳の壁
25歳の壁

shotaさん(@shota_drums_

SWELLを選んだ理由

前のテーマで抱えていた不満が全部解決出来そうだったので、700記事あったけど思い切ってSwellに乗り換えました。

想像以上に使い勝手抜群です。

Nurse Beauteーナースボーテー
Nurse Beauteーナースボーテー

めいさん(@mei_yurunurse

SWELLを選んだ理由

ブログ型ではなくSWELLではサイト型が作れるのでJINから乗り換えました。

デザイン性の良さと使いやすさ、表示速度に定評があることに惹かれました!

SWELLはかっこ良いデザインのサイトも作れます。

上記2つのサイトを参考にしてみて下さい。

ビジネスデザインのサイト&ブログ

グランパスコンサルティング株式会社
グランパスコンサルティング株式会社

代表取締役 大平 祐輔さん(@GranPaz_Yusuke

SWELLを選んだ理由

SWELLのデザインと機能性が他と比べて圧倒的に優れているため

テックフリーク
株式会社テックフリーク

【公式】テックフリーク広報部(@Tech_Freak_Inc

SWELLを選んだ理由

デザイン性の高さとカスタマイズが容易である為。

SWELLはコーポレートサイトも作れます。

コーポレートサイトを作る際は下記記事も参考にしてみて下さい。

\ HTMLやCSSを使わなくてもデザインが綺麗! /

SWELLを使った素敵なサイト&ブログを集めました!

SWELLを使ったサイトをTwitterで募集しました。

ここでも「SWELLを選んだ理由」も一緒にご紹介します。

素敵なデザインのサイトばかりなので参考にしてみて下さい。

キャリアハブ
キャリアハブ

なこちさん(@nakochi_t

SWELLを選んだ理由

Cocoonを使っていましたが、表示読度を速くするためにSWELLに変えました。

tetsuya-haircare
tetsuya-haircare

藤原哲哉さん(@tetsuya7798

SWELLを選んだ理由

じゅんたさんの記事を見て。

ちいさぽ
ちいさぽ

たえこさん(@taeko_831

SWELLを選んだ理由

ブログ仲間のサイトを見ていいなと思ったから

やちゃ坊たいむ
やちゃ坊たいむ

やちゃ坊さん(@laughdays_e

SWELLを選んだ理由

トップページを簡単にお洒落なサイト型にカスタム出来るところに惹かれて選びました。

めぐmessage
めぐmessage

めぐさん(@megu_message

SWELLを選んだ理由

使いやすさとデザインで決めました。後、使っている人のサイトが素敵な方々多かったので。

習い事案内所
習い事案内所

そんみぃさん(@hapimani_web

SWELLを選んだ理由

デザインにこだわったサイトを作りたかったからです。また、マクサンの皆さんが激推ししていたからです!

志摩杏の飲兵衛部ログ
志摩杏の飲兵衛部ログ

志摩 杏さん(@abrikosyyukari

SWELLを選んだ理由

swellを使用しているブロガー仲間のサイトが素敵だったから。ブロックエディター対応で先を見越したブログ運用ができると感じたから。

マーケとキャリアの攻略法
マーケとキャリアの攻略法

エルモさん(@elmo_marketing

SWELLを選んだ理由

サイトスピードが速く、グーテンベルク対応だったため。あと、デザインが自分好みで、CSSで一切対応せずに済みそうだったからです。

もっちーの北欧ライフ
もっちーの北欧ライフ

もっちーさん(@J6oHnYGAObZgd4J

SWELLを選んだ理由

オシャレなブログを書いている方が皆SWELLだったので便乗しました!

LOG26
LOG26

わいしさん(@yshi_blog

SWELLを選んだ理由

シンプルかつ美しいデザインに惹かれ、最終的にはSWELL独自ブロックが決め手。あとは元々クラシックエディタ派でしたが、今後の事を考えブロックエディタ完全対応のこちらを選びました。

ツタローblog
ツタローblog

ツタローさん(@sub_t_job

SWELLを選んだ理由

楽天経済圏で支出を下げて効率的に資産運用を行うことの魅力を発信したいため

ちきゅうをさんぼ。
ちきゅうをさんぼ。

あいさん(@tekitookan

SWELLを選んだ理由

初心者でも簡単におしゃれなサイトを作れると思ったから。

Smile wave
Smile wave

のむさん(@nomusan3211

SWELLを選んだ理由

じゅんたさんの記事を見て決めました♪最後のひと押しは比較記事、すごく参考になりました。

Japanese Pocket
Japanese Pocket

たまごさん(@JapanesePocket

SWELLを選んだ理由

機械音痴なので、そんな私でも簡単に操作ができるということを重視して、SWELLを選びました!既にSWELLを使っているブロガーさんのブログを拝見し、雰囲気が好きだったことも理由です。

ジオの部屋
ジオの部屋

ジオさん(@Theowork1

SWELLを選んだ理由

Affinger5とで悩みましたが、SWELLの方がより速く記事を書けそうだったので。

なんとかなるブログ
なんとかなるブログ

アヲアヒル(@awoahiru

SWELLを選んだ理由

公式サイトの動画を見て圧倒的な操作感、デザイン性に一目惚れ。

ぶろぐ学部
ぶろぐ学部

ヒナキラさん(@OneokrockHomme

SWELLを選んだ理由

SWELLのデザインに惹かれたためです。

ためブロ
ためブロ

ためさん(@tame3_tame3

SWELLを選んだ理由

使いやすいという評判を聞いて、使ってみたくなったから

yuichirog
yuichirog

ユウイチロウさん(@food_creator32

SWELLを選んだ理由

・初心者にも使いやすそうかつ、見た目もシンプル ・痒いところに手が届く機能が多い STEPやQAブロックなど ・使いやすく、ブログが続けられそう

7days-sunday
7days-sunday

りんりんさん(@rinrin000333

SWELLを選んだ理由

オシャレなサイトを作りたかった

あひるブログ
あひるブログ

あひるさん(@ahiru_blog

SWELLを選んだ理由

シンプルかつ使いやすい、いいなぁと思ったサイトの多くがSWELLだったから。

ヤモリンブログ
ヤモリンブログ

ヤモリンさん(@yamorin_happy

SWELLを選んだ理由

このテーマはブロックエディタの装飾が簡単で豊富なことで、記事を作成しやすくなる事が選んだ大きな理由です。 そして、じゅんたさんが一押しだったことが決め手になりました。

エンカズブログ
エンカズブログ

エンカズさん(@enkazu21427

SWELLを選んだ理由

オシャレなサイトにしてみたくて評判がよかったから

ゆーさんの転職逆転人生
ゆーさんの転職逆転人生

ゆーさん(@yusan60857558

SWELLを選んだ理由

ブログ初心者としてブロックエディタで記事を書きたかった。そしてSWELLの人達の記事がオシャレで素敵だったからです!

アキブログ
アキブログ

アキラさん(@akiraroom_blog

SWELLを選んだ理由

シンプルで洗練されたデザインに一目惚れしたからです!

もてなび
もてなび

もてなびさん(@edeaijp

SWELLを選んだ理由

SWELLの使いやすさがよいのとアップデートがしっかりされていて将来的にも安心なので。

今後にも期待しています。

Okashira Blog
Okashira Blog

おかしらさん(@FPT_FIRE60

SWELLを選んだ理由

ブロックエディターかつデザインの自由度が高いから

Fuji’s life note
Fuji’s life note

ふじさん(@fuji_marketer

SWELLを選んだ理由

・デザインが洗練されていること。 ・ブロックエディタに移行したかった。 ・実現できる装飾の幅が広かったこと。

もぐうまっ!
もぐうまっ!

みんさん(@min7blog

SWELLを選んだ理由

デザインが苦手でもオシャレなブログが書ける

フレコリ~韓国総合情報サイト
フレコリ~韓国総合情報サイト

あーたんさん(@atan_blogger

SWELLを選んだ理由

元々cocoonを使っていたモノのHTMLやCSSの知識がなく限界を感じたことと、本気でブログをしていくことを決意しデザインがシンプルか可愛いものまで簡単にできそうなSWELLにしました。

ジョブコンパス
ジョブコンパス

タカヒロさん(@takahirog_123

SWELLを選んだ理由

JINからテーマ変更を考えた時に勧めていただいたため。

もりきゃり
もりきゃり

もりやさん(@moriya126

SWELLを選んだ理由

デザインがシンプルで綺麗だから  無駄がなくスマートです。

ひろゆきブログ
ひろゆきブログ

ひろゆきさん(@tanyu12

SWELLを選んだ理由

デザインの知識がなくても直感的に扱える。 センスがなくてもお洒落に仕上がる(笑) 利用者が多く困ったときに解決しやすい。

English shift
English shift

リョウスケさん(@chugakujukentk

SWELLを選んだ理由

ブロックエディター練習のため

まさらろぐ
まさらろぐ

まさらさん(@masara_FX

SWELLを選んだ理由

もともと「JIN」をつかっていましたが、じゅんたさんのサイトをみてSWELLに乗り換えしました。 ブロックエディタ完全対応が良い

korolog
korolog

ころつけさん(@korotsuke2

SWELLを選んだ理由

使いやすそうだったから

仕事が辛いHSPのためのブログ
仕事が辛いHSPのためのブログ

ねこまるさん(@ponkotsusarali

SWELLを選んだ理由

操作性がいいと評判、使用者が多いのでGoogleで解決しやすい、デザイン性で決めました!

くらしのオアシス
くらしのオアシス

おぴさん(@opi_lifehack

SWELLを選んだ理由

直感で操作できる圧倒的な使い心地

TRIGGER BLOG
TRIGGER BLOG

アナログ子さん(@Trigger_Blog

SWELLを選んだ理由

キレイなデザインに一目惚れ&ブロックエディタを使いこなしたかった

きゅんワイン
きゅんワイン

いちごさん(@0818ichigolife

SWELLを選んだ理由

「ブログ初心者でも簡単に整ったサイトができる」と使っている方のレビューをみて、使ってみたいと思ったからです。

classynode
classynode

classynodeさん(@sironecode

SWELLを選んだ理由

1. SWELLで書かれた記事がとてもオシャレで読みやすかったため。2. 使いやすいというレビューが多かったため。

こんなデートはいかがでしょう?
こんなデートはいかがでしょう?

かっちゃんさん(@kachan_1996

SWELLを選んだ理由

速度の向上とデザインにかける時間を減らすため

RUKI BOOKS
RUKI BOOKS

るきさん(@RukiBooks

SWELLを選んだ理由

ブロックエディタを使いたかった、デモサイトがおしゃれだった

壺てんブログ
壺てんブログ

壺てんさん(@6tubotenn

SWELLを選んだ理由

デモサイトを見て気に入った。 ブロガーさんの評価が良い。

エリーさんの夫
エリーさんの夫

エリーさんの夫さん(@eris_husband

SWELLを選んだ理由

スピード、初心者も使いやすい操作性の高さ

心地いい家〜ここブログ
心地いい家〜ここブログ

ここさん(@kokochIIIie

SWELLを選んだ理由

何も分かっていない初心者ながら調べたところブロックエディター対応&シンプルで使いやすそうな評判から決めました。

まほむらブログ
まほむらブログ

まほむらさん(@mahomura_blog

SWELLを選んだ理由

早めにグーテンベルクに移行したかったから。更新が活発そうで将来性を感じたから。

定番ツアーズ
定番ツアーズ

あらたさん(@aratatabiji

SWELLを選んだ理由

じゅんたさんのテーマの速度比較を見て(他サイト引用)。写真をたくさん使いたかったので

すいみんさん(@cg_method

SWELLを選んだ理由

使っていたsangoが当時は全然更新されず、ブロックエディタ対応に不安を感じていたのと、swellの開発力の高さが気になっていた為です。

きっかけはレイテラス(SWELLを使ったサイト)のライターをしていて、swellでの記事更新が楽だったのもあります!

どくがくおかしノート
どくがくおかしノート

Makoさん(@HandmadeMako

SWELLを選んだ理由

じゅんたさんのおすすめだったからです!めっちゃ良いよ〜って言われたのが刺さりました笑 結果、使いやすくてすごくよかったです!

さかなさんの日記
さかなさんの日記

さかなさん(@sakanasan_nikki

SWELLを選んだ理由

パソコン音痴なので、マウスでポチポチするだけでそれっぽいデザインにできるのが魅力的だったからです!

みんなのブログ市場
みんなのブログ市場

みんなのブログ市場さん(@minnano_ichiba

SWELLを選んだ理由

パソコン音痴なので、マウスでポチポチするだけでそれっぽいデザインにできるのが魅力的だったからです!

よちよちいく
よちよちいく

よちよ知育パパさん(@yochiyochiiku

SWELLを選んだ理由

JINから乗り換えました、swellのデザイン性と使いやすさが魅力的でした

くうかんしんぷるライフ
くうかんしんぷるライフ

くうかさん(@kuukahan

SWELLを選んだ理由

・ブロックエディタが軽くて使いやすくて楽しい ・CSSに詳しくなくてもおしゃれなサイトを作れる

しごとFUNくらぶ
しごとFUNくらぶ

じゅんた(@jun_sigotofun

SWELLを選んだ理由

ブロックエディタの使い勝手とデザイン

学ぼっか
学ぼっか

リア姉さん(@riaanekosodate

SWELLを選んだ理由

デザインの美しさと短時間で記事を仕上げられる機能の素晴らしさに惚れこんで選びました。実際記事を書くスピードが倍近く短縮されるようになりました。

アコファミログ
アコファミログ

あこっぺさん(@ako_ppe0601

SWELLを選んだ理由

ABCオンラインサロンで同期の方のウツテンブログのデザインが良かったからです。

Mountain DC
Mountain DC

Chicaさん(@chicablog37

SWELLを選んだ理由

・デザインがシンプルで素敵 ・開発者が信頼できる ・最後はじゅんたさんテーマ比較記事が決めて

なぎnagiのちょっとした記録
なぎnagiのちょっとした記録

NAGIIIIさん(@NAGIIIIblog

SWELLを選んだ理由

選んだ理由は、アプデが多い・デザインが好み・ブロックエディタでも扱いやすそうだっからです。

なぎ散歩
なぎ散歩

NAGIIIIさん(@NAGIIIIblog

SWELLを選んだ理由

選んだ理由は、アプデが多い・デザインが好み・ブロックエディタでも扱いやすそうだったからです。

ちゃーちゃのおうち。
ちゃーちゃのおうち。

シエラさん(@83Tiara

SWELLを選んだ理由

フォローしてるブロガーさん達が、swellにして良かったってツイートが多かったからです。 あとはアプデ間隔が短いようなので、勢いのあるテーマがいいかと。

たくブログ
たくブログ

たくぼーさん(@takubo_blog

SWELLを選んだ理由

サイト知識がなくても直感的にデザインカスタマイズできるから

ライフモノクローム
ライフモノクローム

つばささん(@283design

SWELLを選んだ理由

素敵だと思ったサイトにSWELLを使用しているサイトが多く、理想のデザインがSWELLなら実現できると思ったからです。 また、ブロックエディターの使いやすさの評判も決め手でした。

283Design
283Design

つばささん(@283design

SWELLを選んだ理由

素敵だと思ったサイトにSWELLを使用しているサイトが多く、理想のデザインがSWELLなら実現できると思ったからです。 また、ブロックエディターの使いやすさの評判も決め手でした。

レアジョブ英会話の評判まとめ
レアジョブ英会話の評判まとめ

みちくささん(@michikusa_123

SWELLを選んだ理由

1.シンプルで洗練されたデザインに惹かれた事 2.サイト表示速度が最も早い事

みちくさスタディ
みちくさスタディ

みちくささん(@michikusa_123

SWELLを選んだ理由

1.シンプルで洗練されたデザインに惹かれた事 2.サイト表示速度が最も早い事

ウツテン
ウツテン

ウツテンさん(@utsuten_com

SWELLを選んだ理由

SWELLサイトのほとんどが私好みのサイトだったので購入しようと決意。
実際にSWELLを使ってみると、ブロックエディタの操作性が楽で1/2の時間で装飾できるようになりました。

 MYPROMAN
 MYPROMAN

マイプロマンさん(@myproman01

SWELLを選んだ理由

ブロックエディタ対応で今もっとも勢いがあるテーマだと思ったからです。

Dプリヘアログ
Dプリヘアログ

あおいさん(@aoiaoi74274873

SWELLを選んだ理由

音痴すぎてJINを全く使いこなせず、直感で「SWELLなら私にもできそう」と思い選びました。

カテキャン(家庭円満のためのキャンプ術)
カテキャン(家庭円満のためのキャンプ術)

カテキャンさん(@katecamp16

SWELLを選んだ理由

・テーマ依存の要素が少なくて、将来的にテーマ変更のリスクが少なく感じた  ・高速化がしやすい構成でサイトスピードの改善がしやすそうに見えたため

kanekoblog -うちまな-
kanekoblog -うちまな-

shufukanekoさん(@shufukaneko

SWELLを選んだ理由

「軽さ」と「オシャレかつ落ち着いたデザイン」で選びました!

ピタゴラキッズ〜小学生のおうち
ピタゴラキッズ〜小学生のおうち

あんさやさん(@anblog_saya

SWELLを選んだ理由

シンプルで洗練されたデザインに惹かれました!またサイトスピードの速さにめちゃめちゃ魅力を感じています。

びゃログ
びゃログ

びゃらまさん(@hirazip

SWELLを選んだ理由

デザインが気に入ったのと、開発者の方の熱意に惹かれました

ひなそーブログ
ひなそーブログ

ひなそーさん(@hinaso0410

SWELLを選んだ理由

お洒落な見た目に惹かれて

rakurakulife
rakurakulife

EMIさん(@EMI96299108

SWELLを選んだ理由

cssやHTMLの知識が無くても、簡単に外観をアレンジできること。

また、swell開発者の了さんのブログがオシャレだったので、素敵だなと思い、思い切って変えることにしました!

XROSSK
XROSSK

くろすけさん(@XROSSK_

SWELLを選んだ理由

デザインがシンプル(好みでもあり)、そして簡単にカスタマイズが行え、記事を書くことに集中できるから。

Kairi Blog
Kairi Blog

かいりさん(@Kairi_life

SWELLを選んだ理由

とにかくブロックエディタが使いやすい! CSS不要で簡単にお洒落なサイトが作れるため。

HIKARUBLOG
HIKARUBLOG

高橋 輝さん(@HIKARU_TK_

SWELLを選んだ理由

サイトの表示速度が早いから、テーマの更新頻度が多いから、フォーラムが充実しているからです。

カモメうみねこ
カモメうみねこ

カモメうみねこさん(@camomeumineco

SWELLを選んだ理由

ブロックエディタ対応でコードを使うことなく、素早く記事を作成できるから デザインがシンプルに見えるように洗練されていて美しい

ナレッジノート
ナレッジノート

ノオトさん(@knowledge_notes

SWELLを選んだ理由

“圧倒的使いごこち”というキャッチフレーズに惹かれました。正直にその通りで更新頻度が上がっています。

オウチーク!  おうちで知育、のびのび伸びよう
オウチーク! おうちで知育、のびのび伸びよう

ちゃみさん(charmytoko

SWELLを選んだ理由

・ブロックエディタにいち早く対応
・うちみたいなわんぱくな見た目でもすっきり見える
・頻繁なアップデートで使い勝手が日々向上している
・速い
・複数サイトOK
・マクリンさんおすすめ

オウチーク教材ガイド  我が子が育つ最強の教材選び
オウチーク教材ガイド 我が子が育つ最強の教材選び

ちゃみさん(charmytoko

SWELLを選んだ理由

・ブロックエディタにいち早く対応
・うちみたいなわんぱくな見た目でもすっきり見える
・頻繁なアップデートで使い勝手が日々向上している
・速い
・複数サイトOK
・マクリンさんおすすめ

なぞなぞ学園
なぞなぞ学園

なぞなぞ学園さん(@nazonazogakuen

SWELLを選んだ理由

シンプル&サイトスピードが早いと評判だったため。
また、無料テーマのCocoonとの提携があり、信頼できると感じたから。

やんだのん。
やんだのん。

やんださん(@Yanda_Blog

SWELLを選んだ理由

トップページのデザインに柔軟性があると思ったから

MIZU NOTE
MIZU NOTE

みずのさん(@mizuno_design

SWELLを選んだ理由

デザインがシンプルで好みだった点と ページ表示速度が早かった点、 ブロックエディターに完全対応していた点です!

ビーユールーム
ビーユールーム

ビーユーさん(@buroom_1

SWELLを選んだ理由

直感的に操作し思い通りのデザインを短時間で仕上げられるところ!

何よりおしゃれなブログはだいたいSWELL!

たべびゆ
たべびゆ

びゆかさん(@tabebiyu

SWELLを選んだ理由

憧れの素敵なブロガーさんが使っていたから

ROSYLOG
ROSYLOG

minさん(@rosylog_min

SWELLを選んだ理由

自分のやりたいブログデザインとSWELLの機能がマッチしていたから

おもちゃですくすく
おもちゃですくすく

あんさん(@an_blogger9

SWELLを選んだ理由

ブロックエディタ完全対応で執筆速度が上がるという口コミが多く、複数運営に最適だと感じたため。

クセ毛のトリセツ
クセ毛のトリセツ

クセ毛のトリセツさん(@kusege315

SWELLを選んだ理由

ラインが細く美しいデザインが気に入ったため。

カルシファーに恋して
カルシファーに恋して

あかりさん(@calcifer_akari

SWELLを選んだ理由

ブロックエディタが使いやすそうだったから。

ろいログ
ろいログ

Roidさん(@QueryRoid

SWELLを選んだ理由

デザイン集を見ていて、自分のブログも同じようなデザインに出来れば、運営のモチベーションが上がると思ったため

Plo-L earnning
Plo-L earnning

ゴンザレスさん(@shuheiha180cm

SWELLを選んだ理由

かっこいいデザインの作成に優れていると思ったため

Wedding Bear
Wedding Bear

くますけさん(@kumasuke427

SWELLを選んだ理由

元々はCocoonだったが、SWELLのデザインとブロックエディタの使いやすさに惹かれたから

ぱーぷる侍のわくわくブログ
ぱーぷる侍のわくわくブログ

ぱーぷる侍さん(@purple_wakuwaku

SWELLを選んだ理由

洗礼されたデザインと常に進化し続けるテーマだったため。今ではデザインの幅が広がりCocoonから乗り換えて良かったなーと思っています!

BLOG CRAB
BLOG CRAB

きょうへいさん(@blog_kyouhei

SWELLを選んだ理由

デザイン性の高さや操作のしやすさなど評判が良かったので取り入れました!

アプト便利ノート
アプト便利ノート

アプト-aptさん(@apt_blog

SWELLを選んだ理由

使っている方のブログをいろいろ見て、おしゃれで使いやすそうだったので

グロースフィーダ
グロースフィーダ

アオシさん(@aoshi_growsfida

SWELLを選んだ理由

ブロックエディタで、デザインがきれいなWordPressテーマを利用したくてSWELLを選びました。

アオシブログ
アオシブログ

アオシさん(@aoshi_growsfida

SWELLを選んだ理由

ブロックエディタで、デザインがきれいなWordPressテーマを利用したくてSWELLを選びました。

Busy English
Busy English

ざいつさん(@kz24995458

SWELLを選んだ理由

・デザインのシンプルさ・スタイリッシュさに魅了されたため・ブロックエディタでの編集が他テーマと比較して、最も進んでいる印象であったため・複数ブログでインストールが可能

かずねの物販サイト
かずねの物販サイト

かずねさん(@kazune036

SWELLを選んだ理由

ブログが表示されるまでの時間の短縮とSEOの最適化の為

Web Support Blog by Reve Design&Marketing
Web Support Blog by Reve Design&Marketing

Marikoさん(@revedesign_m

SWELLを選んだ理由

・デザインの種類が豊富
・簡単におしゃれなデザインを作れる操作性
・ユーザーサポートが驚くほど親切と評判
・ココナラなどで開発者了さんを以前から知っていて信頼できたため

アニスの今日の海外ドラマ
アニスの今日の海外ドラマ

海外ドラマのアニスさん(@annicedrama

SWELLを選んだ理由

JINを使ってましたが遅くて困っていたのと、お洒落なトップページが素人でも簡単に作成できる点に惹かれたためです。

実際、速度はかなり改善しました。

まなび冒険ラボ
まなび冒険ラボ

ほえるんさん(@Whalenlen

SWELLを選んだ理由

・デザインがキレイで初心者でも簡単に設定できる ・表示速度が速い(じゅんたさんのブログを参考)

【プチ研】プチプラファッション研究所
【プチ研】プチプラファッション研究所

SNSアカウントはこちら

SWELLを選んだ理由

まずデザインが良い=ユーザーの方が読みやすいデザインな点。またUI/UXやSEOに関してどちらもやりたいことが細かく設定できたり、カスタマイズもしやすい点。サイトのジャンル上写真を非常に多く使用するサイトなのですが、速度的にも満足しており、申し分ないテーマだと感じています!

はまちゃんブログ
はまちゃんブログ

はまちゃんさん(@yuki_2423_

SWELLを選んだ理由

デザインがシンプルでとっても気に入っています!カスタマイズが行いやすいって言うところもよくて、ブロック挿入とかで使い勝手がいいです!

マニュオン
マニュオン

suyaさん(@suyasite

SWELLを選んだ理由

目指したデザインに合っていて、カスタマイズを減らせそうだったから。 サイトのテーマ、プラグイン、サーバーを解析できる「WP-Search」でも利用中。

kima blog
kima blog

kimaさん(@Kimama_zin

SWELLを選んだ理由

①ブロックエディターへの対応が早く操作性が魅力的だった②シンプルなデザインが自分好みだった③使用している方のサイトスピードが抜群に早かった

まくれぽ
まくれぽ

てんてんさん(@makurepo

SWELLを選んだ理由

シンプルなデザインで使いやすい、ブロックエディターに完全対応、ページ表示速度が早い、SEOにも対応しているところ!

巣ごもり主婦アニス
巣ごもり主婦アニス

巣ごもり主婦アニスさん(@annice20910026

SWELLを選んだ理由

JINを使ってましたが遅くて困っていたのと、お洒落なトップページが素人でも簡単に作成できる点に惹かれたためです。

実際、速度はかなり改善しました。

サブクリ
サブクリ

サブクリさん(@subscreation

SWELLを選んだ理由

デザインがスタイリッシュで落ち着いていて、多くのブロガーに愛されているからです。ブロックエディターとの相性も良く、不具合も経験したことがありません。また、複数サイトで利用できる点もGoodなポイントです。

やるのみ
やるのみ

あさひさん(@yarunomi

SWELLを選んだ理由

数種類のテーマを実際に使ってみて、他のテーマに比べて「記事作成が楽&楽しい&デザイン性が高い」と感じたからです。つまり大好きだからです!

donguriWEB
人生を豊かにするアイデア

どんぐり所長さん(@donguriweb

SWELLを選んだ理由

仲間がSWELLにしたため。他にはサイトスピード、 デザイン性、複数ブログやる予定だったので複数サイト利用可。

ボク、オトメン美容師
ボク、オトメン美容師

SWELLを選んだ理由

元々ストークを使っていましたが、デザイン性を重視したいと思いテーマを変更しました。(めちゃくちゃ大変でした、、、笑)
またブロックエディタを触りたいのもあり、使いやすそうなSWELLにしました。
結果として大満足!最高の使いやすさがたまりません。

マチハック松山版
マチハック松山版

株式会社Weathercock(@weathercock_web

SWELLを選んだ理由

ブログの書きやすさはもちろん、CSSでのサイト編集もしやすくデザインの幅が広がるテーマです。SEO対策もしやすく、制作会社にも人気のテーマだと思います。

SPGモンスター
SPGモンスター

ぐっちーさん(@gucci___123

SWELLを選んだ理由

サイトスピードが速いのとシンプルなデザインだったためです。ほぼ手を加えなくても綺麗なサイトができるので助かっています。

デジリラ.コム
デジリラ.コム

遠藤ティムさん(@endotimJP

SWELLを選んだ理由

SWELLを選んだ理由は以下の通りです。

・デザインに必要な機能が備わっているので読者のユーザーインターフェイスが上がる ・サイトスピードが速いので読者の満足度が上がりSEOにも有利 ・グーテンベルグに対応しているので記事入稿の効率が上がる

みんぷれ

SWELLを選んだ理由

ブロックエディタの使いやすさ、カスタマイズのしやすさが抜群のため。

Webpia
Webpia

なおさん(@NaoJpa

SWELLを選んだ理由

トップページがいじりやすく、他のサイトと差別化しやすかったため

\ HTMLやCSSを使わなくてもデザインが綺麗! /

SWELLのデザインが綺麗になる7つの理由

SWELLのデザインが綺麗になる理
  1. フルワイドブロックで迫力のあるデザインを作れる
  2. Fixed Background、パララックス効果で動きのあるデザインを作れる
  3. 投稿リストブロックでお好みの場所に記事カードを設置できる
  4. 関連記事ブロックでブログカードやおしゃれなテキストリンクを作れる
  5. FAQブロックやステップブロックで読者に見やすい表現ができる
  6. タブブロックやアコーディオンブロックで表示内容の切り替えができる
  7. ブログパーツを使う事でカテゴリページでもリッチなコンテンツが作れる

SWELLのデザインが綺麗なのは上記のようにオリジナルブロック(独自機能)があるからです。

自由自在なサイト作成が可能です。

それぞれ詳しく解説します。

1│フルワイドブロックで迫力のあるデザインを作れる

SWELLは迫力のあるデザインを作れます。

フルワイドブロックを使うことで幅いっぱいに大きくできるからです。(ただの1カラム記事ではありません。)

またフルワイドブロックの中でも「フルワイド幅」「サイト幅」「記事幅」の3つを選ぶことができます。

違いは下記をご覧ください。

フルワイド幅はこちら

フルワイドブロックのフルワイド幅確認画像

フルワイド幅はこのように画面いっぱいまでデザインを広げることができます。

画像を幅いっぱいに広げたいときに使用します。

サイト幅はこちら

フルワイドブロックのフルワイド幅確認画像

サイト幅は中間の幅の広さですが、一番使い勝手が良いです。

画像だけではなく文章も使うときに使用します。

当SWELLサイトデザイン集ではフルワイドブロックの「サイト幅」を使っています。

記事幅はこちら

フルワイドブロックのサイズ幅確認画像

記事幅は通常の1カラム時と同じ幅で利用できます。

フルワイドブロックとして使う利点は背景色を画面いっぱいに広げられます。

2│Fixed Background、パララックス効果で動きのあるデザインを作れる

SWELLはFixed Background、パララックス効果を使うと動きを出すことができます。

パララックス効果は下記画像をご確認ください。

パララックス効果はこちら

画面をスクロールすると背景画像がゆっくりと動きます。

Fixed Backgroundよりは動くスピードは遅いですが、読者への印象も残ります。

自然な動きです。

パララックス効果はモバイル端末でも表示されます。

Fixed Backgroundは下記のようなものです。

Fixed Backgroundはこちら

画面をスクロールすると背景画像が固定されたまま動きます。

スクロール速度と同じスピードで動くので読者の目を引きます。

モバイル端末ではFixed Backgroundの効果はでません。
効果を確認したい場合はパソコンで再度ご覧ください。

3│投稿リストブロックでお好みの場所に記事カードを設置できる

SWELLは投稿リストブロックで好きな場所に投稿リストを設置できます。

そのためトップページを自由に作りやすいです。

下記の5パターンを設置可能です。

4│関連記事ブロックでブログカードやおしゃれなテキストリンクを作れる

SWELLはブログカードが充実しています。

下記の3パターンあります。

特にテキストリンクはシンプルで多用する人が多いですが、この関連記事ブロックを使うことで記事のタイトル名を変更しても自動で変わるので管理が楽になります。

5│FAQブロックやステップブロックで読者に見やすい表現ができる

SWELLはFAQブロックやステップブロックというオリジナルブロックがあるのでとても見やすくなります。

各ブロックは下記の通りです。

FAQブロック
ここに質問を書きます。

ここに答えを書きます。

ここに質問を書きます。

ここに答えを書きます。

ステップアップブロック
STEP
タイトル

本文、本文、本文、本文、本文

STEP
タイトル

本文、本文、本文、本文、本文

6│タブブロックやアコーディオンブロックで表示内容の切り替えができる

SWELLはタブブロックで表示内容の切り替えができます。

これで比較やビフォーアフター、新着記事と人気記事等の切り替え表示で読者に見せることができます。

タブブロック

AAAAAAAAAAAAAAAAAAAAAAAAAAAAA

アコーディオンブロックはコンテンツを隠しておき見たい人だけクリックして表示することができます。

アコーディオンブロック

7│ブログパーツを使う事でカテゴリページもおしゃれなデザインにしあがる。

SWELLはカテゴリーページもただ記事を並べるだけのページだけではなく、しっかり作りこむことができます。

なぜならカテゴリページにブログパーツ機能で作ったコンテンツを呼び出すことができるからです。

ブログパーツは記事を書くのと同じようにリッチなエディタでコンテンツを作成できます。

オリジナルブロックの詳しい内容や使い方は下記記事で詳しくまとめられているので参考にしてみてください。

SWELLのデザインはこれからも期待できます。

上記のSWELL開発者の了さんのツイートにもあるようにSWELLは常に進化しています。

また今後はCocoonとの業務提携もあり、ノウハウがSWELLにも還元されます。

今後のデザインの進化も楽しみなWordPressテーマです。

\ HTMLやCSSを使わなくてもデザインが綺麗! /

SWELLが気になる方へのレビュー記事も用意しています。

7つのテーマを使う私が徹底レビュー

1年以上SWELLを使う私の感想や評判・口コミ、他のテーマとの比較など。

トップブロガーへのインタビューも実施するなど気持ちを込めて書いた記事です

SWELLが気になる方は読んで頂けると大変嬉しいです!

他のWordPressテーマ集はこちらをクリック♪
>>AFFINGERのサイトデザイン集
>>JINのサイトデザイン集 >>SANGOのサイトデザイン集
>>THE THORのサイトデザイン集>>Cocoonのサイトデザイン集

>>その他のDIVER・SEAL・STORK19・Snow Monkey・yStandard・Manablog Copyのサイト集はこちら

他の方のSWELLサイト集もご紹介します。

<あさひさん(@yarunomi)サイト集>

<さとしんさん(@__satoshin)サイト集>

<ためさん(@tame3_tame3)サイト集>

最後までご覧頂きましてありがとうございます。

何かご不明な点がございましたら、下記までお気軽にご連絡下さい。

当サイト集への掲載は募集中です。
掲載希望の方は「①ブログ名&URL」「②WPテーマ」「③そのWPテーマを選んだ理由」をご連絡ください。

当記事はブログデザインで悩んでいる方の参考になればと思い、多くの方にご協力頂き作成しました。

本当にありがとうございます。

当サイト&ブログ集をブログ等でご紹介頂けるととても嬉しいです。

またTwitterでメンション(@jun_sigotofun)つけてツイートして頂ければ私もリツイートして拡散します!

(記事下の「 シェアボタン」をクリックすると簡単にツイートできます。)

今後ともよろしくお願いします!

シェア頂けると嬉しいです!よろしくお願いします!
URLをコピーする
URLをコピーしました!

コメント

コメントする

目次
最初に戻る
クリックして読める「目次」
閉じる