SWELLブログ記事の書き方・ブロックエディタの使い方を徹底解説

SWELLのブログ記事の書き方を徹底解説！

SWELLに限らず、WordPressのブロックエディタを使った記事の書き方は、ブロックを呼び出して書いていきます。

各ブロックの機能や装飾を活用して、見やすい伝わりやすい記事を作っていきます。

WordPressテーマ人気１番のSWELLをレビュー

購入からインストールまでこの通りにやれば完了！

SWELLブログの評判や購入から作り方までを解説。

SWELLテーマの購入はこちらから

＼ 高機能で人気のテーマ ／

SWELLオリジナルブロックの機能一覧

SWELLのオリジナルブロックの一覧を作りました。（2022年4月時点）

購入前の参考にしてください。

SWELL公式サイトにもブロックエディタの機能まとめがあります。

》ブロックエディターで使えるSWELLの専用機能まとめ | WordPressテーマ SWELL

１：段落

段落装飾が４種類。

文章にボーダー設定ができる。

サクッと文章にボーダー装飾。

これ便利。

段落スタイルが２４種類

段落スタイル 方眼

段落スタイル 角に折り目

段落スタイル かぎ括弧

段落スタイル かぎ括弧（大）

段落スタイル 窪み

段落スタイル 浮き出し

段落スタイル 左に線

段落スタイル 付箋

段落スタイル 吹き出し

段落スタイル 吹き出し２

段落スタイル グッド

段落スタイル バッド

段落スタイル インフォ

段落スタイル アナウンス

段落スタイル ポイント

段落スタイル チェック

段落スタイル ばつ印

段落スタイル はてな

段落スタイル アラート

段落スタイル メモ

２：吹き出しブロック

アイコンは『顔アイコンジェネレーターZ』と『リンクリングミー』で作りました。

組み合わせて使うとよりかわいいアイコンが作れます。

３：キャプション付きボックス

４：Q＆Aブロック

Q&Aブロックは使える？

色などの設定を変更できます。

他の装飾もある？

あるりますが、パターンが違うだけです。

使いやすい？

はい。使いやすいで。ほんまに。

５：SWELLボタンブロック

SWELLボタンブロックはクリック率を計測することも可能です。

アイコンを出すことも可能です。

》SWELLで使えるアイコンリスト

６：ステップブロック

ステップブロックは３種類。

７：説明リストブロック

説明リスト１

こんな感じ。

説明リスト２

こんな感じです。

説明リスト１

どうですか？

説明リスト２

こんな感じ。

説明リスト１

SWELLの特徴。

説明リスト２

各種説明に便利。

８：関連記事ブロック

内部リンクも外部リンクも『関連記事ブロック』を使って行います。

検索窓が出てくるので、内部リンクを作成するのが非常に便利です。

抜粋文を表示と非表示に。

外部リンクはURLをペーストして作ります。

右下にサイト名が自動で入ります。

９：バナーリンク

画像をクリックするとリンクに飛びます。

10：アコーディオンブロック

11：タブブロック機能

タブブロックを作って表示コンテンツを切り替えることができます。

12：テーブルブロック装飾パターン

メリット	デメリット
メリット メリット メリット メリット	デメリット デメリット デメリット デメリット

	フリープラン 0円	プレミアムプラン 1000円/月
機能A
機能B
機能C	制限あり
機能D
機能E
機能F
	無料ではじめる	購入はこちら

	商品A	商品B	商品C
機能A	少し古い	普通	最新機能
機能B	非対応	制限付き	使用可
性能A	200[単位]	500[単位]	1000[単位]
性能B	500[単位]	1000[単位]	800[単位]
デザイン	普通	良い	微妙
価格	5,000円	10,000円	15,000円
	購入する	購入する	購入する

	商品A	商品B	商品C
機能A	少し古い	普通	最新版
機能B	非対応	制限付き	使用可
性能A	200[単位]	500[単位]	1000[単位]
性能B	500[単位]	1000[単位]	800[単位]
デザイン	普通	良い	微妙
価格	5,000円	10,000円	15,000円
	購入する	購入する	購入する

13：SWELLブログパーツの使い方

1. ブログパーツをあらかじめ作成
2. 必要な箇所にブログパーツを配置して呼び出す

SWELLブログパーツとWordPress標準の『再利用ブロック』は機能的には同じ働きをします。

テンプレートを作っておいてページに呼び出します。

『再利用ブロック』をたくさん作るとWordPressの編集画面が重くなるデメリットがあります。

SWELLブログパーツを使えば編集画面が軽いままなので、SWELLブログパーツを活用する方がおすすめです。

• CTA：カテゴリーごとに表示するCTAを設定（ページの設定で非表示にすることも可能）
• カテゴリー用：カテゴリー一覧ページに表示させるパーツ
• タグ用：タグ一覧ページに表示させるパーツ
• ブロックパターン：記事編集時にパターンからテンプレート（編集可能なパターン）を呼び出すことができる

14：ボックスメニュー

SWELL – ver. 2.6.1 アップデートでボックスメニューが追加されました。

アイコンを選ぶか画像を指定するかでボックスメニューリンクを作成できます。

15：構造化データブロック（商品レビューブロック）

検索エンジン向けに商品データや評価を明確に伝える『構造化データ』を書き出す機能を備えた商品レビューブロックがSWELLに追加されました。

構造化データを自分で作成するのは結構面倒なのですが、SWELLの商品レビューブロックを使えば、簡単に構造化データの作成が可能です。

16：制限エリアブロック

2032年4月にこの文字は消えます。

SWELL制限エリアブロックは、ブロックで指定したブロックを表示する期間や、設定条件などで『表示』『非表示』を設定できるブロックです。

期間限定の企画が多いのでその都度変更するのではなく、パターン作成と制限エリアブロックを活用して一括で変更できるようにしています。

詳しいやり方は『SWELLの制限エリアの使い方』にまとめました。

その他のSWELLブロック

ABテスト、フルワイドブロック、リッチカラム、広告タグ、ブログパーツ、制限エリア、投稿リスト、RSSブロック

SWELL公式のブロックエディタの呼び出し方

SWELLのブロックエディタでさくさくライティングできるのがイメージできるかと思います。

＼ 高機能で人気のテーマ ／

まとめ

SWELLオリジナルブロックの機能サンプル一覧でした。

購入前、購入後の参考にしてください。

なかなか使い勝手が良いです。

記事本文のAIライティングのやり方はこちらにまとめました。

興味ある人はチャレンジしてみてください。