SWELLを使ってどんなデザインのサイト・ブログが作れるのか知りたい…
本記事ではWordPressテーマ「SWELL」を使ったおしゃれなデザインのサイト・ブログをご紹介します。
SWELLについてもっと詳しく知りたいと言う方は『最強テーマSWELLの特徴とおすすめしたい人を徹底解説【2022年】』をチェックしてみてください。
192サイトの運営者様にご協力いただきました!
この記事の執筆者
私がブログ運営で学んだ知識を記事にしています!ぜひブログ運営の参考にしてみてください!
\本サイトで利用しているWordPressテーマ/
SWELLテーマを使ったサイト・ブログ事例
WordPressテーマ「SWELL」を使ったサイト・ブログ事例をa8.netの広告大ジャンルごとにご紹介していきます。
ジャンルでサイトを分類しているので、自分が作りたいジャンルのサイトやブログはどんなデザインなのか、サイト作りの参考にしてみてください。
掲載サイト様のSWELL利用歴と人数比
本記事に掲載いただいたサイト運営者様のSWELL利用歴と人数比率
- SWELL利用歴1ヶ月以内:12名
- SWELL利用歴1ヶ月〜3ヶ月以内:42名
- SWELL利用歴4ヶ月〜6ヶ月以内:35名
- SWELL利用歴6ヶ月〜12ヶ月以内:48名
- SWELL利用歴1年以上:53名
暮らし
次の『エンタメ』にスキップ
ブログ型|子育て・資産運用・ライフハック
サイト型|50代のライフスタイル・韓国情報・美容と健康
サイト型|子育て主婦向け雑記
サイト型|ペットの健康・食
サイト型|ドッグフード
サイト型|アラフィフライフ
ブログ型|暮らし
ブログ型|地方移住
サイト型|子供の海外生活情報
サイト型|シンプルライフ
サイト型|暮らし
サイト型|子育て
サイト型|節約・子育て
サイト型|暮らし・恋愛・同僚
ブログ型|シングルマザーの暮らし
ブログ型|育児
サイト型|子育て・アメリカ
サイト型|家事・育児
サイト型|ライフスタイル
サイト型|ライフスタイル・ブログ運営
サイト型|子育て
サイト型|子育て・ブログ運営
ブログ型|子育て
サイト型|同棲・日常
サイト型|子育て
サイト型|本と4人家族の暮らし
ブログ型|雑記(仕事、家庭、健康)
サイト型|ライフスタイル
ブログ型|子育て・主婦
ブログ型|海外生活・引越
サイト型|ライフスタイル・スキルアップ
ブログ型|暮らし
ブログ型|ライフスタイル
サイト型|ライフスタイル
サイト型|育児・家事・生活全般
サイト型|雑記
仕事情報
次の『Webサービス』にスキップ
サイト型|技術ブログ
サイト型|内向型・HSP向け転職・キャリア
ブログ型|副業
サイト型|転職
サイト型|サブスク・ビジネススキル
ブログ型|Web3・投資・転職
ブログ型|広報・デザイン
ブログ型|転職・旅・家計
サイト型|訪問看護師転職
ブログ型|建築業界の情報発信
サイト型|雑記(めげないメンタルのコツ)
ブログ型|マーケティング担当の気づき・Tips
サイト型|生活(HSP・ミニマリスト)・転職
ブログ型|看護師の働き方・ブログ運営
ブログ型|起業
ブログ型|副業
ブログ型|転職
サイト型|キャリアとマーケティング
ブログ型|在宅ワーク・Webライター
サイト型|看護・副業
SWELLテーマを使ったコーポレートサイト事例
コワーキングスペース
私たちの夫婦ポートフォリオサイト
パーソナルトレーニング
デザイン・グラフィックデザイン
ITコンサルティング
ITサポート・システム開発
グラフィックデザイン・Webデザイン
Webクリエイターふじさん(@fujiwebcreator)制作サイト
Webデザイン
オーダースーツ
メタバース
おしゃれなサイト・ブログを作るために便利なSWELLブロック
掲載いただいたサイトのようなおしゃれなサイト・ブログを作るためには、主に以下のSWELLブロック(SWELL専用ブロック)を使いこなすことで同様のデザインが作れます。
SWELLブロック|フルワイド
フルワイドは色や画像を使って、サイト内を上下にセクション分けすることができるブロックです。また名前の通り、サイトの横いっぱいにレイアウトを伸ばすことができます。
SWELLのフルワイドのイメージ↓
SWELLのフルワイドブロック
上の例では、背景が白いエリアと紺色のエリアを緩やかな波線で境界を引いています。境界線は斜線・円・波線・ジグザグから選ぶことができ、サイトのジャンルにあった印象を与えることができます。
SWELLブロック|リッチカラム
リッチカラムはコンテンツを縦にエリア分けすることができます。
SWELLのリッチカラムイメージ
カラム1
カラム2
カラム3
カラム4
カラム5
カラム6
通常のカラムブロックと比べて、PC・タブレット・スマホでの表示区別を柔軟に設定することができます。
上の例では、PCの場合6列表示、タブレットは3列表示、スマホは2列表示に設定しています。
SWELLブロック|投稿リスト
投稿リストは投稿記事を様々なデザインでリスト表示できるブロックです。
投稿リストのイメージ
投稿リストは、投稿記事を以下の5パターンのデザインでリスト表示することができます。
- カード型
- リスト型
- リスト型(左右交互)
- サムネイル型
- テキスト型
またPC・スマホで列や表示数の棲み分けも自由に行うことができます。
掲載サイト様のように、SWELLブロックを利用すると様々なデザインのサイトにすることができます。SWELLブロックを使った『SWELLでサイト型トップページを作るカスタマイズ手順』を本ブログでご紹介しているので併せてチェックしてみてください。
SWELLはデモサイト着せ替えで簡単におしゃれなサイト・ブログが作れる
SWELLは公式サイトでデモサイトが紹介されています。(https://swell-theme.com/demos/
これらのデモサイトは、テンプレートファイルをダウンロードすることができるので、デザインに自信がない方でも簡単におしゃれなサイト作りをすることができます。
また本ブログでは、SWELLデモサイトといくつかのカラーパターンのデザイン例『WordPressテーマ「SWELL」デモサイトの色カスタマイズ例一覧』をご紹介しています。デモサイトの色を変えるだけで簡単に自分だけのおしゃれなデザインにすることができるので、ぜひチェックしてみてください。
まとめ|SWELLテーマとSWELLブロックでおしゃれなサイト・ブログを作ろう
今回は大人気テーマSWELLが使われているおしゃれなデザインのサイト・ブログ事例をご紹介しました。
サイト運営をしていると、おしゃれなデザインのサイトに憧れると思います。(自分もそうでした)
SWELLを利用すれば簡単におしゃれにできる!とは言えませんが、やりたいと思ったデザインはほとんどがSWELLブロックで実現できます。
ぜひ真似してみたい!かっこいい!と思うサイトがあった方はSWELLで挑戦してみてください。
まだSWELLを導入していないという方は『【図解】SWELLインストール手順と最初にやること8個【WordPressテーマ】』で詳しく解説しているのでぜひチェックしてみてください。