Useful Blocksはテーマ「SWELL」に遊び心を加える神プラグイン

SWELL開発者の了さんとWebデザイナーのぽんひろさんが共同開発したプラグイン「Useful Blocks」。

記事作成の役に立つブロックがマウス操作のみで直感的に配置できるワンダフル！なプラグインです。

Useful Blocksはテーマ「SWELL」と相性抜群のプラグイン

僕のブログでも使用しているワードプレステーマ「SWELL」ワードプレス5.0から導入されたブロックエディターに完全対応し

Useful Blocksは、このブロックエディターの機能を拡張するためのプラグインです。

情報がスッキリまとまる「比較ボックス」

商品やサービスのレビューを読むときってダラダラと文章が続いているよりもメリットやデメリット、特徴が表にまとめられていたほうが文章がスッキリとして見やすいですよね。

特にスマホユーザーのほとんどが必要な情報を「読む」から「見る」に変わってきているので情報の整理はユーザビリティの向上に欠かせません。

ワードプレスで表を作成するときは「tableタグ」を使うのが一般的ですが［比較ボックス］を

こんな感じで使える！

PRO版にアップグレードすればテーマ「SWELL」にもともとセットされているブロックとも組み合わせることができるので文章や画像の挿入、ボタンの配置が柔軟にできます。

思わず押したくなる「CVボックス」

CVは英単語「コンバージョン（Conversion）」の略語。直訳すると「変換」「転換」を意味するウェブマーケティング用語です。

サイトの収益化（＝マネタイズ）を考えるうえでCVボタンは欠かせません。ただ、CVボタンを自作しようと思うとCSSやHTMLといったプログラミングの知識が必要です。

そんな手間を省いていくれるのがUseful Blocksの［CVボックス］です。

［CVボックス］を使えば簡単にCVボタンを設置することができちゃいます。

を加える「アイコンボックス」

テーマ「SWELL」にも［キャプション付きブロック］というパーツがあってタイトルの横にアイコンを付けることができます。

文字だけではなく視覚的な情報がひとつ入るだけで目にとまりやすく、頭のなかにイメージが思い浮かびませんか？

［キャプション付きブロック］はリストと組み合わせたり、強調したいことを囲ったり使い勝手がいいので愛用していますが、ちょっとカチッとした印象になりがち。

一方でプラグイン「Useful Blocks」の［アイコンボックス］はダウンロードした好きな画像をアイコンに設定できる。これだけでサイトに遊び心が生まれます。

無料版の機能で自己紹介を作成！

［アイコンボックス］を使えばリストと画像だけで簡単な自己紹介が作れちゃいます。

有料版でアイコンを左側に！

ゆっる〜いキャラクターを配置すればスクロールする手を止めて見ちゃいますよね（笑）

まとめ

Useful Blocksは、今後のアップデートで「新たなブロックを追加する」と予告しています。どんなブロックが追加されるか今から待ちきれません。

プロ版（有料版）は買いきり型。一度ダウンロードしてしまえばアップデートは無償です。980円（税込）で購入できる今ならブロックが追加されるたびにお得が増しますね。

Web業界で勢いのある２人の活躍が楽しみです。