SWELLの始め方ガイド|これからSWELLを使い始める方はこちら→SWELLの始め方ガイド→クリックタップ

【Useful Blocks】レビュー記事にも最適!便利でかわいいブロックエディター専用プラグイン

当ページのリンクには広告が含まれています。
【Useful Blocks】レビュー記事にも最適!便利でかわいいブロックエディタ専用プラグイン
  • URLをコピーしました!

ブロックエディター(Gutenberg)を使われている方におすすめのプラグイン『Useful Blocks』をご紹介します。

記事作成で大活躍する、オシャレで実用的なブロックスタイルを追加してくれるブロックエディター(Gutenberg)専用のプラグインです。

ブロガーさんに本当におすすめです…!
この記事の内容まとめ
  • Useful Blocksの概要紹介
  • Useful Blocksで使えるブロックの紹介
  • 各ブロックの使い方と無料版、Pro版の機能解説
さとしん

上記のボックス装飾もUseful Blocksの機能です…!

WordPress標準のコアブロック、各テーマで用意されたブロックも良いけど、もっと記事の中にアクセントがほしい方や、記事内でグラフなどを使って視覚的な表現をしたい方にとてもおすすめのプラグインです。


おすすめプラグインのまとめ

ブロックエディターにおすすめのプラグインをまとめました。

目次

オシャレでかわいいブロックを追加できるUseful Blocks!

プラグイン『Useful Blocks』
Useful Blocks』公式サイト

Useful Blocks』は記事作成に役立つブロックが使えるようになるブロックエディター(Gutenberg)専用のプラグインです。

さとしん

デザインもとってもオシャレでかわいい…!

ブログのカスタマイズでおなじみのぽんひろさんと、WordPressテーマSWELLの開発者、了さんが共同で開発されています。

まずは、Useful Blocksの基本情報を一覧で見てみましょう。

スクロールできます
項目説明
プラグイン名Useful Blocks
開発者ぽんひろさん(@ponhiroo)
了さん(@ddryo_loos)
金額通常版:無料
Pro版:¥1,200円 ※買い切り型
公式サイトhttps://ponhiro.com/useful-blocks/

デザイン面も機能面も素晴らしいプラグインですが、Pro版でも1,200円というとても良心的な価格になっています。

そして、無料版でも十分すぎる機能が使えます。

ちなみに、リリース当初は980円でした。今後さらに機能が拡張されていくと、もう少し値上がりする可能性もあるかもしれません。

ブロガーさん、アフィリエイターさんにはぜひ導入して見てほしいプラグインです。

ちなみに…!

Useful Blocksは、どのテーマでも使用することができます。

SWELLの了さんが開発に携わっているので、SWELL専用のプラグインと勘違いされる方も多いようです。

参考>>SWELLレビュー!ブログが楽しいと感じさせてくれた素敵なWordPressテーマ!

Useful Blocksで使えるブロック【簡単で便利!】

Useful Blocksで使えるブロックスタイルを紹介していきます。

2021年2月時点で、以下のブロックが使用可能です。

  • 比較ボックス
  • CVボックス
  • アイコンボックス
  • 棒グラフ
  • 評価グラフ
Useful Blocks

どれもデザインがオシャレなのに加えて、記事の中でかなり重宝するブロックです。

それぞれ、無料と有料でできることも含めてご紹介していきます。

この後の各ブロックの説明で、サイドバーにある設定項目のキャプチャを掲載しています。その中の「Pro版では~」と記載のある項目がPro版でのみ使用できる項目です。

CVボックス

Useful BlocksのCVボックス

CVボックスは、おすすめしたい商品などを画像や説明分と合わせて商品リンクを作成することのできるブロックです。

レビュー記事など、読者の視線を集める商品リンクを設置したいときにすごく有効だと感じます。

サイドバーのパネルから以下のような項目が設定できます。

CVボックスのサイドバー

Pro版では、以下のような追加機能が設定できるようになります。

  • ボタンリンクの強調部分をアイコンに変更
  • リスト部分のアイコンを変更
  • 補足部分にアイコンを追加
  • 商品画像の追加
  • カラーセットの変更

詳細の機能や使い方は公式サイトに詳しく記載されています。

比較ボックス

Useful Blocksの比較ボックス

比較ボックスは、その名の通り複数の項目を比較するときに役立つブロックです。

商品のメリットとデメリットを並べて表示したり、2つの商品の特徴を並べて表示することができます。

サイドバーのパネルから以下のような項目が設定できます。

比較ボックスのサイドバー

Pro版では以下の機能が追加されます。

  • コンテンツ内にテキストや画像の挿入
  • リストのアイコンの変更
  • カラーの変更

詳細の機能や使い方は公式サイトに詳しく記載されています。

アイコンボックス

アイコンボックスは、ボックスの中や外にお好きなアイコンを配置することができるブロックです。

Useful Blocksのアイコンボックス
さとしん

僕はアイコンボックスが大好きです…!

サイドバーのパネルから以下のような項目が設定できます。

アイコンボックスのサイドバー

Pro版では以下のような機能が追加されます。

  • アイコンの配置場所の追加
  • ふきだしの種類の追加
  • カラーセットの変更

詳細の機能や使い方は公式サイトに詳しく記載されています。

棒グラフ

Useful Blocksの棒グラフ

棒グラフはその名のとおり、横棒グラフを簡単に作成することができます。

さとしん

これは本当にすごい…!

複数項目の数値を比較したいときなどにとても便利で大活躍するブロックです。

サイドバーのパネルから以下のような項目が設定できます。

棒グラフのサイドバー

Pro版では以下のような機能が追加されます。

  • グラフの右側部分の背景削除
  • 左右の項目ラベルの位置変更
  • 棒グラフの色変更
  • 背景色変更
  • カラーセットの変更

詳細の機能や使い方は公式サイトに詳しく記載されています。

評価グラフ

Useful Blocksの評価グラフ

評価グラフは、特定の項目を段階的に評価したいときにおすすめのブロックスタイルです。

さとしん

これも便利でオシャレ…!

無料版でも十分すぎるほどおしゃれで高機能な評価グラフを作成できます。

サイドバーのパネルから以下のような項目が設定できます。

評価グラフのサイドバー

Pro版では以下のような機能が追加されます。

  • 段階数の変更
  • 評価グラフにアイコン追加
  • 評価グラフに画像追加
  • カラーセットの変更

詳細の機能や使い方は公式サイトに詳しく記載されています。

オシャレで高機能なブロックで楽しく記事を書きましょう!

とっても実用的で、デザインもオシャレでかわいいブロックプラグイン『Useful Blocks』をご紹介しました。

ブロガーさん、アフィリエイターさんの記事作成にはきっと役立つプラグインです。

また、ブロックエディター(Gutenberg)専用のプラグインなので、今後のWordPress本体の開発方針ともマッチしています。

まだ新しいプラグインなので、今後のブロックの追加も大いに期待できるのではないでしょうか。

さとしん

開発者のお2人はお忙しいとは思いますが…。

気になった方は、ぜひ公式サイトで詳しい内容を見てみてください。

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

プラグイン『Useful Blocks』
  • どのテーマでも使える
  • 「あったら便利」なブロックが使える
  • ブロックエディター専用プラグイン
オシャレで実用的なブロックが使えます…!

プラグインの関連記事

ブロックエディターにおすすめのプラグインまとめ↓↓

【Useful Blocks】レビュー記事にも最適!便利でかわいいブロックエディタ専用プラグイン

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次