【ブログ記事のパッと見をよくしたい人へ！】おススメの「SWELLオリジナルブロック」ベスト３

ブログ記事のパッと見をよくする「SWELLブロック」３つとは

リタイアかわうそです。ご訪問ありがとうございます。

「記事の書きやすさ」や「標準装備された豊富な装飾」などで、ブロガーに大人気のワードプレス有料テーマ「SWELL」。

SWELLには、ブロックエディターで使える【SWELLブロック】があります。

【SWELLブロック】とは その名のとおりSWELL独自の機能を持った専用ブロックのことです。

数ある 【SWELLブロック】 の中で・・・・・

「ブログ記事のパッと見をよくしてくれて便利だなあ」と私が実感したおススメの【SWELLブロック】ベスト３です。

この３つの【SWELLブロック】を使えば、

記事のパッと見がよくなるだけではなく、効率的な記事作りができるようになります。

では、それぞれ３つの【SWELLブロック】についてくわしく説明していきます。

パッと見がよくなるSWELLブロック【３位】「FAQ」

Q＆Ａ形式 のコンテンツを簡単に作れる！

「FAQ」は、Q ＆ A形式のコンテンツを作るためのブロックです。

「項目 → 説明」を「質問 → 回答」形式にするだけで、記事にメリハリをつけることができます。

使用頻度は少なくても、何かと便利な機能だと思います。

「FAQ」のブロックボタンをクリックすると、デフォルトのテンプレートが表示されます。

「Q＆A」選べる４つのスタイル

• 「シンプル」「線あり」「ボックス」「ストライプ」の４つのスタイルから選べます

• アイコンの形や色を変えることができます

SWELLブロック「FAQ」を使った実例

当ブログの記事で「FAQ」を使ったリード文です。

この記事で伝えたい事をQ＆A方式にしてみました。

【SWELL】ブログパーツの基本をマスターしてブログをオシャレにしよう｜CSS不要！当サイトの簡単カスタマイ５選も紹介 (oyoyo-m.com)

パッと見がよくなる SWELLブロック【２位】「説明リスト」

見やすい「説明リスト」があっという間に作れる！

「説明リスト」はその名の通り説明用のリストをつくるためのブロックです。

わたしが「地味にうれしい」と感じているブロックです。

「説明リスト」のブロックボタンをクリックすると、デフォルトのテンプレートが表示されます。

「説明リスト」選べる４つのスタイル

• 「デフォルト」「左に線」「横並び」「縦並び表」の４つのスタイルの中から選べます

SWELLブロック「説明リスト」を使った実例

この記事の冒頭でお見せしたこの表も「説明リスト」の縦並び表を使いました。

パッと見がよくなる便利なSWELLブロック【１位】「ステップ」

スマートなデザインのフロー図が簡単に作れる！

「ステップ」は時間や手順の流れをステップ形式で説明するコンテンツを作るためのブロックです。

今回紹介する３つの中で私がもっとも気に入っているブロックです。

「ステップ」のブロックボタンをクリックすると、デフォルトのテンプレートが表示されます。

「ステップ」選べる４つのスタイル

• 「デフォルト」「ビッグ」「スモール」の３つのスタイルの中から選べます。スタイル

• 「ステップ部分のテキスト」「番号部分のテキスト」「ステップ番号の色」を変えることができます

SWELLブロック「ステップ」を使った実例

下記は、当ブログの記事で「ステップ」を使った説明文の一部です。

ココナラの「会員登録～商品納入」までの流れをわかりやすく説明するために、フロー形式にしました。

まとめ

今回は、ブログ記事のパッと見をよくしてくれるおススメの「SWELLブロック」３つをランキング形式で紹介させていただきました。

紹介した「SWELLブロック」はこちら

これだけの機能が、プラグインの追加なしに標準装備されているSWELLに感謝しかありません。

これからも「SWELLブロック」の力を借りながら、読む方にとって少しでも見やすい記事をつくっていきたいと思います。

ブロックエディターで使えるSWELLの専用機能の詳細は、SWELL公式サイトをごらんください。