SWELLサイト・ブログ事例|192サイトのおしゃれなデザイン紹介

eyecatch-swell-site-case
  • URLをコピーしました!
悩んでる人

SWELLを使ってどんなデザインのサイト・ブログが作れるのか知りたい…

本記事ではWordPressテーマ「SWELL」を使ったおしゃれなデザインのサイト・ブログをご紹介します。

SWELLについてもっと詳しく知りたいと言う方は『最強テーマSWELLの特徴とおすすめしたい人を徹底解説【2022年】』をチェックしてみてください。

くぼたつ

192サイトの運営者様にご協力いただきました!

この記事の執筆者

この記事の執筆者(利用WordPressテーマ)
twitter:@v-challenging
くぼたつ

私がブログ運営で学んだ知識を記事にしています!ぜひブログ運営の参考にしてみてください!


\本サイトで利用しているWordPressテーマ/

目次

SWELLテーマを使ったサイト・ブログ事例

WordPressテーマ「SWELL」を使ったサイト・ブログ事例をa8.netの広告大ジャンルごとにご紹介していきます。

SWELLは2022年現在大人気のテーマです。実際にSWELLを使っている人のレビューや口コミを知りたいと言う方は『SWELL利用者の本気レビュー|評判は本当?特徴と口コミも紹介』も併せてチェックしてみてください。

ジャンルでサイトを分類しているので、自分が作りたいジャンルのサイトやブログはどんなデザインなのか、サイト作りの参考にしてみてください。

本記事でご紹介するサイトの「ブログ型/サイト型」「ジャンル」は、運営者様に自己申告いただいた分類です。

掲載サイト様のSWELL利用歴と人数比

掲載サイト運営者様のSWELL利用歴と人数比

本記事に掲載いただいたサイト運営者様のSWELL利用歴と人数比率

  • SWELL利用歴1ヶ月以内:12名
  • SWELL利用歴1ヶ月〜3ヶ月以内:42名
  • SWELL利用歴4ヶ月〜6ヶ月以内:35名
  • SWELL利用歴6ヶ月〜12ヶ月以内:48名
  • SWELL利用歴1年以上:53名

1運営者様で複数サイト掲載いただいている方もいらっしゃるため、掲載サイト数と人数が厳密に一致するものではありません。参考程度とご認識ください。

総合通販

次の『グルメ・食品』にスキップ

swell-site-case-aiju-blog
アイジュのブログaiju_blog

ブログ型|ガジェット

swell-site-case-kakedashiwanko
家電わんこログkakedashiwanko

サイト型|家電

swell-site-case-moketarou
mokeLog-もけろぐ-moke__L

ブログ型|雑記

swell-site-case-kazlog
kazlogkaz_fukumaru

ブログ型|ガジェット

swell-site-case-takubo-blog
たくブログtakubo_blog

ブログ型|ガジェット・ゲーム

swell-site-case-okomerium
okomeriumokomerium_blog

サイト型|ウェアラブル機器、アプリケーション

swell-site-case-posta-blog
ぽすたブログPosta_log

サイト型|雑記

swell-site-case-shir0-kur0
ライフモノクローム283design

サイト型|ガジェット

swell-site-case-tomo-web
トモウェブtomo_web_jp

サイト型|ガジェット

swell-site-case-taotaoblog
LOPYLOGtaoblog10

サイト型|ガジェット

swell-site-case-sun-blog7
Sunblogsun_blog_

ブログ型|商品紹介

swell-site-case-tousiojisan
ひろゆきブログtanyu12

ブログ型|雑記

swell-site-case-totokikihouse
totokihousetotokiki_house

ブログ型|雑記

swell-site-case-ukiani
ゆきのサイトuki_tokyo

ブログ型|雑記

swell-site-case-theorooms
ジオの部屋Theowork1

ブログ型|ガジェット・ブログ運営・Amazon

swell-site-case-tytblog
TYTBLOGyshi_blog

サイト型|ガジェット

swell-site-case-chokepoint
パソコン大百科

サイト型|ガジェット

総合通販』トップに戻る
ジャンル選択に戻る>>ジャンル選択

グルメ・食品

次の『金融・投資・保険』にスキップ

swell-site-case-frolavie
FroLavieFroLavie

サイト型|チーズ

swell-site-case-hotaruayame
たべぶろぐ。

サイト型|宅配食材

swell-site-case-enjoyfifty
巣ごもり主婦アニスannice20910026

サイト型|雑記と宅配弁当

swell-site-case-handmade-sweets
どくがくおかしノートHandmadeMako

サイト型|オンラインお菓子教室

swell-site-case-lifequestblog
おかしブログkurionekun461

サイト型|お菓子

swell-site-case-mealkit-mania
ミールキットマニアmealkitmania

サイト型|食材宅配・ミールキット

swell-site-case-moguuma
もぐうまっ!min7blog

サイト型|ダイエット食品

swell-site-case-kuraku-navi
kurakukota_kuraku

サイト型|食材宅配

swell-site-case-kotori-family
おうちでモクテルouchi_mocktail

ブログ型|レシピ

swell-site-case-kyunwine
きゅんワインkyunwine55

ブログ型|ワイン

swell-site-case-junflair
ジュンブログJunflair

ブログ型|カクテル・バーテンダー・結婚式

swell-site-case-ramunekox
スタバを楽しむramuneko_blog

ブログ型|カフェ

グルメ・食品』トップに戻る
ジャンル選択に戻る>>ジャンル選択

金融・投資・保険

次の『学び・資格』にスキップ

swell-site-case-bu-yan
ぶーやんブログbuyan_blog

サイト型|投資、雑貨

swell-site-case-tocotocokamemaru
tocotoco blogtocotoco_maru

ブログ型|貯蓄関連

swell-site-case-aziblog
あじてつブログazitetsu115

サイト型|お金関係

swell-site-case-01fxblog
ビースケFXikumenpapa0818

ブログ型|投資

swell-site-case-coineal
gm wagmijcrypto4gm

ブログ型|仮想通貨

swell-site-case-waenoblog
わえのブログwae_lib

サイト型|ブログ、仮想通貨・NFT、本

swell-site-case-monsterism
SPGモンスターgucci___123

サイト型|クレジットカード

swell-site-case-camomeumineco
カモメうみねこcamomeumineco

サイト型|資産運用

swell-site-case-makurepo
MakuRepomakurepo

ブログ型|地域・街づくり・資産づくり

swell-site-case-yoshitrade
YOSHIのTRADE JOURNYyoshi0320

ブログ型|投資(株式、仮想通貨、NFT)

swell-site-case-emmimi0303
マネ太の家計・資産管理Blogmimi03030421

サイト型|家計管理・資産管理

swell-site-case-donguriweb
donguriWEBdonguriweb

サイト型|雑記(マネー)

金融・投資・保険』トップに戻る
ジャンル選択に戻る>>ジャンル選択

学び・資格

次の『インターネット接続』にスキップ

swell-site-case-michikusa
みちくさスタディmichikusa_123

ブログ型|勉強

swell-site-case-manadlab
まなび冒険ラボwhalenlen

ブログ型|幼児教育

swell-site-case-kireigo
キレイゴfujinezu08

サイト型|英会話

swell-site-case-kirinmama0sukusuku
すくすく成長ログkirin_mama00

ブログ型|英会話・子育て

swell-site-case-akipoblog
アカリノオト_ay_5z

サイト型|雑記(おうち学習)

swell-site-case-ovis-post
洋書多聴ブログovis_post

サイト型|英語

swell-site-case-nazogaku
なぞなぞ学園nazonazogakuen

サイト型|なぞなぞ・教育・趣味

swell-site-case-naraigoto-otona
習い事案内所hapimani_web

サイト型|習い事・資格情報

swell-site-case-shufukaneko
kanekoblog〜うちまな〜shufukaneko

サイト型|幼児向け教育教材

swell-site-case-kz18-english
Busy Englishkz24995458

サイト型|英語(スピーキング)

swell-site-case-pitagora-kids
ピタゴラキッズanblog_saya

サイト型|子ども・教育

swell-site-case-ponpon115
家庭学習ぽんぽんtanupon115

サイト型|小学生の家庭学習・通信教育

swell-site-case-takeyuublog
技術士ノートtakeyuublog

サイト型|資格

swell-site-case-tubotenn
壺てんブログ6tubotenn

ブログ型|名著『7つの週間』・自己啓発

swell-site-case-zemitown
ZEMITOWNikujiyarou

サイト型|通信教材

学び・資格』トップに戻る
ジャンル選択に戻る>>ジャンル選択

インターネット接続

次の『スポーツ・趣味』にスキップ

swell-site-case-aoshi-blog
アオシブログaoshi_blog

サイト型|ネット回線

インターネット接続』トップに戻る
ジャンル選択に戻る>>ジャンル選択

スポーツ・趣味

次の『健康』にスキップ

swell-site-case-fccwildcats
福岡チアリーディングクラブWILD CATSfcc_wildcats

サイト型|チアリーディング

swell-site-case-fishingoutdoorblog
ホッとメソッド20210907blog

ブログ型|レジャー・コミック・ブログ・美容健康

swell-site-case-ena-laughday
やちゃぼうたいむlaughdays_e

サイト型|アウトドア・登山・キャンプ

swell-site-case-fishing-hours
Fishing HoursFishingHours

ブログ型|釣り

swell-site-case-picarinblog
ヒロラニブログpicarinblog1

サイト型|ホットヨガ・ダイエット

swell-site-case-katecamp
カテキャンkatecamp16

サイト型|キャンプ

swell-site-case-mountain-dc
Mountain DCdc_mountain

ブログ型|アウトドア(キャンプ・登山)

swell-site-case-korotsuke
korologkorotsuka2

ブログ型|バイク・雑記

swell-site-case-kamekolog
KamekoLogkameko_log7

サイト型|宅トレ・美容・ブログ

swell-site-case-lifehack-skill
くらしのオアシスopi_lifehack

サイト型|キャンプ

swell-site-case-garigari-mukimuki-kinniku
自宅トレーニング研究所naoya__0312

サイト型|肉体改造ノウハウ・詰将棋

swell-site-case-gratra
野ログJimpnd1

ブログ型|キャンプ

swell-site-case-taro01
たろーキャンプtaro__camp

サイト型|キャンプ

swell-site-case-yamachanbloglog
だ〜やまんBLOGdaaayamaaan

ブログ型|フィットネス

スポーツ・趣味』トップに戻る
ジャンル選択に戻る>>ジャンル選択

健康

次の『ファッション』にスキップ

swell-site-case-3hanamomo3
40代専門職おすすめあれこれhana63251044

サイト型|栄養・マインド・転職

swell-site-case-emikonoikujitoha
えみこのぶろぐ◎emyno221

ブログ型|歯・育児

健康』トップに戻る
ジャンル選択に戻る>>ジャンル選択

ファッション

次の『不動産・引越』にスキップ

swell-site-case-with-clothes
with-clothestakayoshi0203

ブログ型|服の知識・ファッションアイテム

swell-site-case-monopolis-sai
MoNomadnik_stk

サイト型|ファッション・ガジェット

ファッション』トップに戻る
ジャンル選択に戻る>>ジャンル選択

不動産・引越

次の『暮らし』にスキップ

swell-site-case-asayo-natural-blog
てんつまものがたりasayooo08

サイト型|転勤族の暮らし

swell-site-case-jury99
タマホーム的、長野で快適家ライフJury0909

サイト型|家・住まい

swell-site-case-sumiko-house
すみこの巣sumikonosu

サイト型|マイホーム

不動産・引越』トップに戻る
ジャンル選択に戻る>>ジャンル選択

暮らし

次の『エンタメ』にスキップ

swell-site-case-happy-family-blog
明日をもっと豊かにするブログacchanpapa563

ブログ型|子育て・資産運用・ライフハック

swell-site-case-flatsharp50
50代かららららxxxnico_mi

サイト型|50代のライフスタイル・韓国情報・美容と健康

swell-site-case-asease
あせくらaseko_yo

サイト型|子育て主婦向け雑記

swell-site-case-andwanlife
上質わんこライフmayue_life11

サイト型|ペットの健康・食

swell-site-case-dog-gohan
わんごはんsuzukichi0918

サイト型|ドッグフード

swell-site-case-1step-forward
実りカフェmcafe8479

サイト型|アラフィフライフ

swell-site-case-akolog25
アコファミログako_ppe0601

ブログ型|暮らし

swell-site-case-happigrate
ハピグレイトhappigrate

ブログ型|地方移住

swell-site-case-hazy-moon
とらいままZanMoss

サイト型|子供の海外生活情報

swell-site-case-kurasitotonoe
くうかんシンプルライフkuukanhan

サイト型|シンプルライフ

swell-site-case-kairi-life-blog
Kairi BlogKairi_life

サイト型|暮らし

swell-site-case-koharubiyori8
はむのりんごhamnoringo

サイト型|子育て

swell-site-case-furusatorunrun
ふるルンfu_runrun

サイト型|節約・子育て

swell-site-case-hiinalife
HiinaBloghiina__30

サイト型|暮らし・恋愛・同僚

swell-site-case-kumako2021
暮らしを楽しく心地よくkumako_blog

ブログ型|シングルマザーの暮らし

swell-site-case-mochidays
おもちブログOmochi__blog

ブログ型|育児

swell-site-case-mapledayori
めぇぷるだよりmaple_mama55

サイト型|子育て・アメリカ

swell-site-case-myaakii
ズボラで雑な主婦ライフmyaakii.log

サイト型|家事・育児

swell-site-case-mutta1998
simple roommuttablog

サイト型|ライフスタイル

swell-site-case-lifit365
Lifitlifit365

サイト型|ライフスタイル・ブログ運営

swell-site-case-hinatasonata
ひなたそなたブログhinatasonata

サイト型|子育て

swell-site-case-re-ski
ぶろぎゅっ!harulala16

サイト型|子育て・ブログ運営

swell-site-case-kumalogg
くまえブログkumaeblog

ブログ型|子育て

swell-site-case-pochioto
ポチオトブログpochiotonooto

サイト型|同棲・日常

swell-site-case-utanon
うたのんブログutanonlife

サイト型|子育て

swell-site-case-www.yurufuwalabo
熊太家の本棚yurufuwalabo)

サイト型|本と4人家族の暮らし

swell-site-case-yuusan7011
ゆーさんの日常yusan60857558

ブログ型|雑記(仕事、家庭、健康)

swell-site-case-styleanthesis
Ms Stylemayue_life11

サイト型|ライフスタイル

swell-site-case-rakurakulife-enjoy
rakurakulifeEMI96299108

ブログ型|子育て・主婦

swell-site-case-sappieblog
駐在準備メモsappie_blog

ブログ型|海外生活・引越

swell-site-case-sakuchoman-blog
失敗から学ぼう!sakuchoman

サイト型|ライフスタイル・スキルアップ

swell-site-case-rinmamablog
いくぷら8qs9MFHFNMsoc87

ブログ型|暮らし

swell-site-case-tabebiyu
たべびゆtabebiyu

ブログ型|ライフスタイル

swell-site-case-yuruliving
ゆるりびんぐlavie_blog

サイト型|ライフスタイル

swell-site-case-zubolife-blog
enjoy!ままメソッドkeitokyo161

サイト型|育児・家事・生活全般

swell-site-case-point-of-view
POINT OF VIEWyamowo_claude

サイト型|雑記

暮らし』トップに戻る
ジャンル選択に戻る>>ジャンル選択

エンタメ

次の『結婚・恋愛』にスキップ

swell-site-case-meta-shelf
META SHELFmeta_shelf

サイト型|メタバース・THE SANDBOX

swell-site-case-dglila
デジリラ.コムendotimJP

サイト型|ゲーム

swell-site-case-fayevery
ふぇいブログfaybloglive

サイト型|ライブ配信アプリ

swell-site-case-buroom-1
ビーユールームburoom_1

サイト型|ゲーム

swell-site-case-mahomura
まほむらブログmahomura_blog

サイト型|ゲーミングチェア

swell-site-case-bon-sala
Sugi Blogsugiblog

ブログ型|本・サラリーマン・サウナ

swell-site-case-hinasoma
ひなそーブログhinaso0410

サイト型|おもちゃのサブスク

swell-site-case-kukalab
スキマ時間ラボkuukahan

サイト型|ゲーム・ドラマ・映画・漫画

swell-site-case-mcpoteton
揚げポテほかほかクラフトpoteto_0803

ブログ型|ゲーム(マインクラフト)

swell-site-case-yochiyochiiku
よちよちいくyochiyochiiku

ブログ型|子育て・おもちゃ・知育玩具

swell-site-case-naru-toybox
ナルと息子のおもちゃ箱naru_toybox

ブログ型|おもちゃのサブスク

swell-site-case-meiichijo
MeiLabmeiichijo

ブログ型|占い

swell-site-case-ent-search
エンタメSearch!pleaseEnter08

ブログ型|漫画・アニメ・エンタメ

swell-site-case-ownstyle
しもやんブログshimoyan0101

ブログ型|本の要約

エンタメ』トップに戻る
ジャンル選択に戻る>>ジャンル選択

結婚・恋愛

次の『美容』にスキップ

swell-site-case-reoana
れおあなハウスreoana2022

ブログ型|同棲生活・結婚準備・夫婦旅行

swell-site-case-edeaijp
もなてびedeaijp

ブログ型|恋愛

swell-site-case-musakoji
ロジサー婚活musashi6354

ブログ型|マッチングアプリ婚活

swell-site-case-3pm-teatime
こいびとりこsin20_klm

サイト型|恋愛

結婚・恋愛』トップに戻る
ジャンル選択に戻る>>ジャンル選択

美容

次の『旅行』にスキップ

swell-site-case-kusege
くせ毛のトリセツkusege315

サイト型|美容

swell-site-case-colish-yuki
ミニマム美容貯金colishyuki888

ブログ型|美容・お金・ミニマム

swell-site-case-message2020
めぐmessagemegu_message

サイト型|美容・医療職

swell-site-case-haircare-talk
ヘアケアトークhaircaretalk

サイト型|美容・ヘアケア

swell-site-case-tetsuya-haircare
tetsuya-haircaretetsuya7798

サイト型|白髪染め・ケア

swell-site-case-rihosblog
ちょっぴり専門家rihoブログriho_fukugyo

サイト型|コスメ

swell-site-case-gochanblog21
Men 美くらぶshinyoo21

ブログ型|メンズ美容

swell-site-case-kazubo0809
ビューティフル ライフkazubo11111

サイト型|美容

美容』トップに戻る
ジャンル選択に戻る>>ジャンル選択

旅行

次の『仕事情報』にスキップ

swell-site-case-hikatanlife
hikagurashihikagurashi

ブログ型|旅行

swell-site-case-mietta
ミエッタデイズmiettadays

サイト型|旅と食

旅行』トップに戻る
ジャンル選択に戻る>>ジャンル選択

仕事情報

次の『Webサービス』にスキップ

swell-site-case-cg-method
CGメソッドcg_method

サイト型|技術ブログ

swell-site-case-bachiblog
内向型マガジンpokmon1118

サイト型|内向型・HSP向け転職・キャリア

swell-site-case-blog-tactics
副業ブログの戦術seiya_mtmt

ブログ型|副業

swell-site-case-2ndgong
セカンドゴング 40代の転職2ndgong

サイト型|転職

swell-site-case-dekunoblog
でくのぶろぐdekunoblog

サイト型|サブスク・ビジネススキル

swell-site-case-cotangoodlife
こたんグッドライフcotangoodlife

ブログ型|Web3・投資・転職

swell-site-case-ink-record
ink-recordiinniinniinnii

ブログ型|広報・デザイン

swell-site-case-fika-oto
FIKA〜心地よい時間をFIKA010010

ブログ型|転職・旅・家計

swell-site-case-houkan-sugar
ママさん訪問看護師のブログiC26zF2MUQP35ye

サイト型|訪問看護師転職

swell-site-case-daakomablog
だーこまぶろぐdaakoma201103

ブログ型|建築業界の情報発信

swell-site-case-megenaiblog
MEGENAIlemo_megenai

サイト型|雑記(めげないメンタルのコツ)

swell-site-case-ochablog
OCHABLOGXx_OCHA_xX

ブログ型|マーケティング担当の気づき・Tips

swell-site-case-the-free-style
ふりすたSHOKICHI_SUB

サイト型|生活(HSP・ミニマリスト)・転職

swell-site-case-minamonblog
ゆるナースのweb副業ブログminamo_nurse

ブログ型|看護師の働き方・ブログ運営

swell-site-case-sensei-job
先生ジョブrippon_job

ブログ型|起業

swell-site-case-track-editor
Truck Blogtrackeditor

ブログ型|副業

swell-site-case-yuusan-jobchange
転職逆転人生yusan60857558

ブログ型|転職

swell-site-case-shihonshugi-koryaku
マーケとキャリアの攻略法elmo_marketing

サイト型|キャリアとマーケティング

swell-site-case-yuruyuru-nurse
カオマカログkaomakaron

サイト型|看護・副業

仕事情報』トップに戻る
ジャンル選択に戻る>>ジャンル選択

Webサービス

次の『ギフト』にスキップ

swell-site-case-283design
デザインアス283design

サイト型|デザイン

swell-site-case-daiblog923
Dai’s CREATEDaiki__Oshima

ブログ型|Web制作・プログラミング

swell-site-case-misaki-web
みさきwebmisaki_cebu

ブログ型|WordPress運営・カスタマイズ

swell-site-case-andplant
andPlantatsukoko_tw

サイト型|Webサイト制作

swell-site-case-manuon
マニュオンsuyasite

サイト型|WordPress

swell-site-case-flatstock
FLAT STOCKyuta__shimizu_

ブログ型|フリーイラスト・ストックイラスト

swell-site-case-blogdesign-lab
Blog Design Lab.donguriweb

サイト型|デザイン

swell-site-case-sana-happiness
シングルマザーのSTORYpippi464

ブログ型|SWELL

swell-site-case-trigger-blog
TRIGGER BLOGTrigger_Blog

サイト型|ブログ・ガジェット・書籍

swell-site-case-revedesign
Web Support Blogrevedesign_m

ブログ型|WEBマーケティング・WEB制作・女性ビジネス

swell-site-case-shibayu-blog
シバログshibayu_blog

サイト型|ブログノウハウ

swell-site-case-growsfida
グロースフィーダaoshi_growsfida

サイト型|ブログ運営ノウハウ

swell-site-case-funfunjp
しごとFUNくらぶjun_sigotofun

サイト型|ブログ論

swell-site-case-v-challenging
V-Challengev_challenging

サイト型|ブログ運営ノウハウ

Webサービス』トップに戻る
ジャンル選択に戻る>>ジャンル選択

ギフト

swell-site-case-undecided
AAA(aa)

XX

ギフト』トップに戻る
ジャンル選択に戻る>>ジャンル選択

SWELLテーマを使ったコーポレートサイト事例

swell-site-case-ray-terrace
Ray Terraceray_terrace

コワーキングスペース

swell-site-case-liol-web
LIOLkawaihu_hu

私たちの夫婦ポートフォリオサイト

swell-site-case-tokorozawafit
TOKOFITtikofit

パーソナルトレーニング

swell-site-case-graphic-design
.blueyuta__shimizu_

デザイン・グラフィックデザイン

swell-site-case-funbrew
FUNBREWFUNBREW_tech

ITサポート・システム開発

swell-site-case-mocce-design
MOCCE DESIGNmocce_design

グラフィックデザイン・Webデザイン

Webクリエイターふじさん(@fujiwebcreator)制作サイト

swell-site-case-fashion-gift
SartoriaNaponese

オーダースーツ

swell-site-case-metatelier
メタトリエ

メタバース

おしゃれなサイト・ブログを作るために便利なSWELLブロック

掲載いただいたサイトのようなおしゃれなサイト・ブログを作るためには、主に以下のSWELLブロック(SWELL専用ブロック)を使いこなすことで同様のデザインが作れます。

おしゃれなサイト・ブログを作るために便利なSWELLブロック

SWELLブロック|フルワイド

フルワイドは色や画像を使って、サイト内を上下にセクション分けすることができるブロックです。また名前の通り、サイトの横いっぱいにレイアウトを伸ばすことができます。

SWELLのフルワイドのイメージ↓

SWELLのフルワイドブロック

上の例では、背景が白いエリアと紺色のエリアを緩やかな波線で境界を引いています。境界線は斜線・円・波線・ジグザグから選ぶことができ、サイトのジャンルにあった印象を与えることができます。

SWELLブロック|リッチカラム

リッチカラムはコンテンツを縦にエリア分けすることができます。

SWELLのリッチカラムイメージ

swell-rich-column-image

カラム1

swell-rich-column-image

カラム2

swell-rich-column-image

カラム3

swell-rich-column-image

カラム4

swell-rich-column-image

カラム5

swell-rich-column-image

カラム6

通常のカラムブロックと比べて、PC・タブレット・スマホでの表示区別を柔軟に設定することができます。
上の例では、PCの場合6列表示、タブレットは3列表示、スマホは2列表示に設定しています。

SWELLブロック|投稿リスト

投稿リストは投稿記事を様々なデザインでリスト表示できるブロックです。

投稿リストのイメージ

投稿リストは、投稿記事を以下の5パターンのデザインでリスト表示することができます。

  • カード型
  • リスト型
  • リスト型(左右交互)
  • サムネイル型
  • テキスト型

またPC・スマホで列や表示数の棲み分けも自由に行うことができます。

掲載サイト様のように、SWELLブロックを利用すると様々なデザインのサイトにすることができます。SWELLブロックを使った『SWELLでサイト型トップページを作るカスタマイズ手順』を本ブログでご紹介しているので併せてチェックしてみてください。

SWELLはデモサイト着せ替えで簡単におしゃれなサイト・ブログが作れる

SWELLは公式サイトでデモサイトが紹介されています。(

これらのデモサイトは、テンプレートファイルをダウンロードすることができるので、デザインに自信がない方でも簡単におしゃれなサイト作りをすることができます。

また本ブログでは、SWELLデモサイトといくつかのカラーパターンのデザイン例『WordPressテーマ「SWELL」デモサイトの色カスタマイズ例一覧』をご紹介しています。デモサイトの色を変えるだけで簡単に自分だけのおしゃれなデザインにすることができるので、ぜひチェックしてみてください。

まとめ|SWELLテーマとSWELLブロックでおしゃれなサイト・ブログを作ろう

今回は大人気テーマSWELLが使われているおしゃれなデザインのサイト・ブログ事例をご紹介しました。

サイト運営をしていると、おしゃれなデザインのサイトに憧れると思います。(自分もそうでした)

SWELLを利用すれば簡単におしゃれにできる!とは言えませんが、やりたいと思ったデザインはほとんどがSWELLブロックで実現できます。
ぜひ真似してみたい!かっこいい!と思うサイトがあった方はSWELLで挑戦してみてください。

まだSWELLを導入していないという方は『【図解】SWELLインストール手順と最初にやること8個【WordPressテーマ】』で詳しく解説しているのでぜひチェックしてみてください。

よかったらシェアしてね!
  • URLをコピーしました!
目次
閉じる