ワードプレステーマ「SWELL」は、シンプルなデザインと使いやすさで人気があります。
そのデザインを彩るのが、SWELLに多数搭載されているオリジナルのブロックです。
今回はSWELL専用ブロックについての簡単な使い方と、それぞれのサンプルデザインを紹介していきます。
アオデザインも細かく設定できて迷うほどです。
WordPressテーマ「SWELL」とは？
「SWELL」は、シンプルでおしゃれなデザインと使いやすい機能性で人気のWordPress（ワードプレス）テーマです。
SWELLの概要
| 公式サイト | SWELL公式サイト |
| 商品名 | WordPressテーマ SWELL |
| 販売価格 | ¥17,600（税込） |
| 販売元 | 株式会社LOOS |
| 動作必須環境 | PHP 7.3 以上 WordPress 5.9 以上 (推奨：6.1 ~) |
| 対応ブラウザ | Edge / Chrome / Firefox / Safari （各最新版） |
| 決済方法 | クレジットカード ( VISA / Master / AMEX / JCB ) |
| ライセンス | ライセンス制限なし |
SWELLの特徴
- シンプル＆スタイリッシュでおしゃれなサイトが簡単に作れる
- コードを書かなくてもマウスだけでデザインをカスタマイズできる
- 利用制限がなく、複数サイトで自由に利用できる
- 複数の高速化機能を標準搭載
- 広告の計測やGoogle Adsenseの挿入も簡単にできる
アオ何よりデザイン性の良さと簡単に使えるところが気に入ってます。
詳しい特徴はSWELL公式サイトの特徴ページをご覧ください。
SWELL公式のデモサイトページもあるよ。いろんなブログが掲載されているので参考になります！
SWELL専用ブロックの紹介
SWELLには、ブロックエディターで使用できるオリジナルブロックが多数あります。
ここでは、各ブロックの簡単な説明とサンプルを紹介していきます。
アオここにサンプル表示している以外にも、デザインをいろいろ変更できます。
リスト入りグループ
リスト入りグループは、箇条書きで書き表したいときに見やすいボックスです。
- リスト
- リスト
- リスト
アコーディオン
アコーディオンは、内容が長くなる場合や補足などを、タイトルバーの中に隠してすっきり見せることができます。
バーをクリックorタップすることで中身が開きます。
補足を読みたい方はコチラ
この内容はデフォルトで開いておくようにすることもできます。
SWELLボタン
SWELLボタンは別のページやサイトへのリンクを貼れるボタンです。
キャプションボックス
キャプションボックスは、タイトルを付けながら文章をボックスに入れることができます。
キャプションボックスについての本文を入力します。
説明リスト
説明リストは、単語などの説明をしたいときに見やすく並列してくれます。
- 説明したいもの１
-
説明したいもの１は、こんなふうな特徴があります。
- 説明したいもの２
-
説明したいもの２は、こんなふうな特徴があります。
FAQ
FAQは、質問と回答を載せたいときに見やすくしてくれるアイコンのセットです。
- ここに質問を入力します。
-
ここに回答を入力します。
フルワイド
フルワイドブロックは、画像やテキストを画面いっぱいに表示することができる機能です。
トップページをおしゃれにデザインすることもできます。
こんなふうにワイドに表示できます
ステップ
ステップは、手順を解説するときにわかりやすく表示することができます。
手順１の内容を入力します。
手順２の内容を入力します。
タブ
タブブロックは、見たいページをタブ表示できます。
ここにはタブ１の内容が表示されます。
ふきだし
ふきだしは人物やキャラクターが会話をしたり思ったことを表現できます。
アオこんなふうにセリフを入れられます。
投稿リスト
投稿リストは、投稿記事をリストにして表示できる機能です。
トップページなどによく使われます。
関連記事
関連記事は、ブログ内の別の記事へのリンクを見やすく表示できます。
まとめ
今回は、SWELLのオリジナルブロックについて、簡単な説明とサンプルデザインを紹介しました。
SWELLブロックは上記に載せた以外にも用意されており、アップデートで増えることもありますので、多くの中から選ぶことができます。
簡単に使えてスタイリッシュなデザインにすることができますので、ぜひ使ってみてください。
アオシンプルなのでいろいろなサイトに合うデザインです！
