SWELLのブロックエディターは使い心地が最高！充実の機能を動画で紹介！

SWELLはブロックエディターに完全対応したWordPressテーマです。

ブロックエディターの使い心地が素晴らしく、記事の執筆が快適になったと僕も感じています。

ネット上でもSWELLに関して以下のようなコメントを良く見かけます。

ブログを書くことに対しての高評価なコメントがとても多い印象です。

ですが、SWELLを使ったことが無いと「なんで記事を書くのが楽しく、速くなるの？」、「どんな感じで使いやすいの？」と思う方もいると思います。

そこでこの記事では、SWELLのブロックエディターの機能や使い方を動画も使いながら紹介していきます。

SWELL導入を検討中の方はもちろん、すでにSWELLユーザーの方にも簡単な使い方の参考になれば嬉しいです。

この記事はSWELLのブロックエディターに特化した記事です。SWELLについてもっと知りたい方は以下のレビュー記事を見てみてください。

SWELL独自のブロックエディター機能が充実

SWELLはブロックエディターに完全対応したWordPressテーマです。

そのため、ブロックエディターの機能を大幅に拡張する多数のSWELL専用機能が実装されていて、とても高機能なエディターになっています。

公式サイトにも以下の様に記載されています。

ブロックエディター完全対応！
国内最高峰の使い心地を提供します。

『ブロックエディター』とは、WordPress5.0から導入された最新のエディターです。

SWELLはその新エディターに完全対応しており、
それは、無難に「使えるようにするだけ」の中途半端な対応ではありません。

熟考されたSWELL独自のカスタマイズを加え、その使い心地は圧倒的なものになっています。

引用元：SWELL公式サイト

僕は他テーマからSWELLへの乗り換えを機に、ブロックエディターを触り始めましたが、素晴らしい使い心地で記事執筆が楽しく、快適になりました。

また、SWELLでは、サイトトップページの作りこみに適したブロックも充実していて、プログラミングの知識が無くても、簡単におしゃれなページを作ることができるようになりました。

これから、以下3つの点に注目して、SWELLのブロックエディター機能を紹介していきます。

SWELL専用ブロックの使いやすさとおしゃれなデザイン

まず、「SWELL専用のカスタムブロック」をご紹介します。

その名の通り、SWELLでしか使えないオリジナルのブロックが多数実装されています。

追加されるブロックは以下の14種類です。

数が多いので、今回は僕が良く使うブロックをピックアップして紹介していきます。

全てのブロックの解説は、SWELL公式サイトに詳しく書かれています。

ふきだしブロック

ブロガーさんなら必ず使いたいと考えるであろう「ふきだし」。

SWELLではプラグインの追加は不要で、簡単にふきだしを作ることができます。

ふきだしブロックでできることは以下のとおりです。

このようなふきだしを簡単に使えるのがとても素敵です。

ふきだしは管理画面から事前に設定しておくことができます。

設定した後は、投稿画面でふきだしブロックを呼び出すだけです。

詳しくはSWELL公式サイトのマニュアルで解説されています。

キャプション付きブロック

キャプション付きブロックは、キャプション(説明文や表題)が付いたボックスの装飾ができるブロックです。

以下が実際のキャプションブロックです。

キャプション付きブロックでできることは以下のとおりです。

こんな感じでサクサク操作できます。

スタイルを7パターンから自由に選択できます。

ブロックの中には、通常の文章だけなく、リストや画像など自由に配置することができます。

キャプションにはアイコンも設定することができます。

詳しくはSWELL公式サイトのマニュアルで解説されています。

SWELLボタンブロック

SWELL専用のボタンリンクが作れるブロックもあります。

WordPress側にも「ボタンブロック」があるのですが、「SWELLボタンブロック」はさらに機能が拡張されています。

SWELLボタンブロックでできることは以下のとおりです。

実際にSWELLボタンを使っている動画は以下です。

ボタンカラーをグラデーションにできたり、キラッと光るアニメーションもクリック操作だけで設定できます。

キャプション付きブロックと同様に、アイコンを設定することもできます。

さらに、テキスト型の広告タグを改変せずにそのまま貼り付けることができます。

また、ボタンのクリック率も計測してくれます。

ボタンの形やカラーは管理画面から一括で設定できます。

詳しくはSWELL公式サイトのマニュアルで解説されています。

ステップブロック

ステップブロックは、何かを順序立てて説明したいとき、時系列順に説明したいときに活躍するブロックです。

ステップブロックでできることは以下のとおりです。

ステップブロックを使っている動画はこちらです。

スタイルは3種類から選ぶことができます。

「STEP」という文字を変えることができたり、形を四角と円から選択できます。

STEPごとに色を変えることも可能です。

それから、地味に嬉しい機能が「親ブロックを選択」というボタンがあることです。

ブロックエディターでは、ブロックの中にブロックを入れ子にして使うことが良くあります。

そのときに、外側のブロック(親ブロック)が選択しにくいことがあります。

そんな時に、この「親ブロックを選択」ボタンを押すことで簡単に1番外側のブロックを選択することができて編集が捗ります。

詳しくはSWELL公式サイトのマニュアルで解説されています。

関連記事ブロック

関連記事ブロックは、ブログカードと呼ばれたりもします。

記事内で、関連する記事のリンクをカード形式で表示することができます。

関連記事ブロックでできることは以下のとおりです。

関連記事ブロックを使っている動画はこちらです。

自分のブログ内への内部リンク、他のサイトへの外部リンクどちらも関連記事ブロックを使うことができます。

それから、SWELLの関連記事ブロックのかなり便利な機能を1つ紹介します。

通常、記事のURLやIDを入れたりすることでブログカードになることが多いです。

なんと、SWELLの関連記事ブロックでは、記事タイトルを入力するだけでブログカードを作ることができます。

記事タイトルの一部を入力すると、候補の記事が表示されるので、その中から対象の記事を選択するだけです。

記事内に内部リンクを貼る機会はとても多いはずなので、合計するとかなりの作業時間短縮になります。

ブログカードのスタイルも管理画面から設定可能です。

詳しくはSWELL公式サイトのマニュアルで解説されています。

投稿リストブロック

投稿リストブロックは、様々な条件で投稿の一覧を表示することができるブロックです。

主に、トップページやカテゴリーページなどを作りこむときに大活躍します。

投稿リストブロックでできることは以下のとおりです。

投稿リストブロックを使っている動画はこちらです。

表示形式は５種類から選ぶことができます。

記事の表示順は以下の3種類から選択できます。

また、表示条件を細かく設定することもできます。

これだけ指定できればユーザーのやりたいことはほぼ叶うと言えると思います。

他のテーマだと、ショートコードと呼ばれるもので記事一覧を作る必要があることもありますが、SWELLはこの投稿リストブロックで簡単に任意の記事一覧を作ることができます。

詳しくはSWELL公式サイトのマニュアルで解説されています。

フルワイドブロック

フルワイドブロックは、画面の横幅全体を使って背景画像や背景色を設定できるブロックです。

特に、トップページを作りこむときに活躍します。

フルワイドブロックでできることは以下のとおりです。

フルワイドブロックを使っている動画はこちらです。

背景色を設定したり、フルワイドブロック上下の境界線の形状を4種類から自由に変更することができます。

背景画像も設定可能です。

背景色や背景画像を設定した上で、自由に他のブロックを組み合わせることができます。

詳しくはSWELL公式サイトのマニュアルで解説されています。

WordPress標準ブロックも機能拡張でさらに使いやすく

SWELLのブロックエディターは、WordPress本体の標準ブロック(コアブロック)の機能も拡張されて使い勝手が向上しています。

以下の6つのブロックについて拡張された機能をご紹介します。

段落ブロック

まず、記事を書く上で最も使用する段落ブロックです。

SWELLでは、段落ブロックに入力した文字にクリック操作だけで装飾をすることができます。

通常の段落ブロックにはこのような装飾はありません。

SWELLとWordPress標準の段落ブロックの設定項目を比較すると以下のような違いがあります。

グループブロック

グループブロックは複数のブロックをグループ化してくれるブロックです。

SWELLのグループブロックはとても便利です。

先ほどの段落ブロックで設定できる装飾がグループブロックにも適用できます。

また、グループブロックをうまく使うと以下動画の様に、他のブロックを枠で囲んだりすることができます。

画像ブロック

画像ブロックは記事の中に画像を埋め込むことができるブロックです。

通常、画像ブロックのスタイルは2種類しかありませんが、SWELLの場合は7種類から選ぶことができます。

さらに、2021年2月にリリースされたVer2.3.3で追加された2つの装飾もお気に入りです。

例えば以下のような装飾が出来ます。PCの画面キャプチャなどを表示する時にもピッタリの装飾です。

リストブロック

リストブロックは箇条書きが簡単に作れるブロックです。

リストブロックもサイドバーの「スタイル」でデザインを簡単に切り替えられます。

SWELLのリストブロックでは装飾スタイルが以下の6種類追加されます。

WordPress標準のリストブロックでは、シンプルなドットのスタイル1種類しかありません。

また、SWELLのリストブロック独自の機能として以下のような装飾もできます。

テーブルブロック

テーブルブロックは表を作ることができるブロックです。

SWELLのテーブルブロックは4つの装飾スタイルを選ぶことができます。

また、通常のテーブルブロックではできない機能が多数追加されています。

この記事では、僕のお気に入りの機能を一部だけ紹介します。

例えば、以下の表は横スクロールできて、左の1列が固定される設定にしています。

No.	項目1	項目2	項目3	項目4	項目5	項目6
1	テキストテキスト	テキストテキスト	テキストテキスト	テキストテキスト	テキストテキスト	テキストテキスト
2	テキストテキスト	テキストテキスト	テキストテキスト	テキストテキスト	テキストテキスト	テキストテキスト

他の追加機能を詳しく知りたい方は公式サイトの「テーブルブロックで使えるSWELLのオリジナル機能」のマニュアルを見てみてください。

当サイトでもテーブルブロックの使い方を紹介しています。

ブロックツールバーの追加機能も便利！

SWELLでは、ブロックツールバーで設定できる項目も拡張されています。

WordPress標準の状態とSWELLのブロックツールバーを比較すると、項目の多さが分かるかと思います。

サイドバーを使わなくても、ブロックツールバーから様々な設定ができるようになっています。

それぞれ簡単に概要を紹介していきます。

詳しく知りたい方は、使い方なども含めて別記事にまとめたので、見てみてください。

テキストの装飾

まずはテキストの装飾です。ブロックの中の任意の文字だけに装飾をすることができます。

WordPress標準の機能では、ブロック全体への装飾しかできません。

ツールバーのSWELL装飾という項目の中に、たくさんのテキスト装飾が用意されています。

フォントサイズを変えたり、文字に背景色やマーカー装飾を設定することができます。

さらに、2021年5月にリリースされたVer 2.3.8で「カスタム書式」という機能が追加されました。

自分好みのテキスト装飾のCSSを事前に設定画面で記述しておくことで、記事内で簡単に使用できる機能です。

以下の様なイメージです。

オレンジのマーカーはSWELL標準のマーカー線、赤の装飾はカスタム書式機能で僕が追加した装飾です。

カスタム書式機能については、以下の記事で詳しく解説したので見てみてください。CSSのサンプルも紹介しています。

ブロック下の余白設定

文章を書いていて、特定の箇所だけ行間を広げたり、狭くしたりしたいことがあります。

そんな時に、SWELLではブロックの下の余白量を5段階から簡単に選ぶことができます。

他テーマだと、行間を広げたい場合は「スペーサーブロック」を使って広げることが多いです。

わざわざスペーサーブロックを呼び出さずに、クリック操作だけで簡単に余白量を選択できるのはとても便利です。

PC、スマホの表示設定

PCだといい感じのレイアウトで表示できるけど、スマホ表示だと見にくいと思うことが頻繁にあります。

SWELLでは、PCだけで表示させたり、スマホだけで表示させるブロックを設定することができます。

デバイスコントロールという機能です。

僕が良く使うのは以下のように、PCでは横並び、スマホではタブで切り替えて表示という見せ方です。

ショートコードの呼び出し

便利なショートコードも簡単に呼び出して記事内に挿入することができます。

ブロックツールバーから呼び出せるショートコードは以下のとおりです。

詳しい使い方や用途は「【便利！】スマホだけ非表示や改行も簡単！SWELLのブロックツールバーの使い方」で紹介しています。

記事内広告では、アドセンスなどの広告を記事の中の任意の場所に簡単に設置することができます。

スマホだけ改行では、サイト閲覧者がスマホから見ている場合のみ、文章を改行させることができます。PCだけ改行はその逆でPCのみで改行することができます。

このように、見やすい記事を作っていくうえで便利な機能がショートコードで簡単に設定できます。

SWELLのブロックエディターの快適さはぜひ一度体験して欲しい

SWELLのブロックエディターの機能について紹介しました。

SNSなどで「SWELLは記事が書きやすい！」、「記事を書くのが楽しくなった！」というコメントを見かけます。

ただ、SWELLを使っていない方には伝わりにくいかなと感じたので、今回この記事を書いてみました。

SWELLのブロックエディターはブログを書くための機能が充実していますし、簡単におしゃれな装飾スタイルを設定することもできます。

SWELLの導入を検討中の方には、心からおすすめしたいWordPressテーマです。

ぜひ、この快適さを味わってほしいです。

既にSWELLを使っている方は、SWELLを使いこなして楽しくブログ運営をしていきましょう。

最後まで読んでいただきありがとうございました。

---

SWELL公式サイトはこちらからどうぞ…！

SWELLのレビュー記事はこちら↓↓

>>SWELLレビュー！進化が止まらない高機能でオシャレなWordPressテーマ！

SWELLの基本的な設定や使い方はこちら↓↓

>>WordPressテーマ『SWELL』の使い方や設定で困ったときの情報まとめ！

SWELLでトップページをカスタマイズする方法↓↓

>>【SWELL】トップページをおしゃれなサイト型にカスタマイズする！

SWELLで作られたサイト集↓↓

>>WordPressテーマ『SWELL』を使った素敵なサイト、ブログを集めました！！