プラグインでいろいろなブロックを使ってみたい
Useful Blocksがおすすめ！
WordPressのテーマには元より様々なブロックが用意されていますが、ちょっと趣向を変えて違うブロックを使ってみたくなることもありますよね。
そんな時に気軽に使えるプラグインを見つけました。
それが「Useful Blocks」。
あらゆる記事に自然と溶け込めるブロックで非常に汎用的。
当記事ではそんなUseful Blocksの使い方を紹介していきます。
Useful Blocksとは？
Useful Blocksとはぽんひろ氏、了氏により開発されたWordPressグーテンベルク専用の新たなブロックを追加するプラグインです。
ぽんひろ氏はウェブデザイナー、了氏はWordPressテーマSWELLの開発者です。
信頼と実績が十分なのがわかります。
面倒な設定が無くインストールすればすぐに使えるブログ初心者にも扱いやすい仕様です。
無料版とPRO版（有料版）があり無料版では基本的な機能のみ利用可能、PRO版では更に詳細の設定が可能となっています。
どんなデザインがある？
Useful Blocksは見やすい配色とシンプルでありながら目を引くデザインが多いです。
例えばこんな感じ↓
目立たせながらも読み手のストレスになりにくいデザインです。
ブロックの種類をこの後順番に紹介していきます。
CVボックス
まず最初に紹介するのは「CVボックス」。
無料版↓
ボタンリンクを付与しながら箇条書きの説明付きで商品購入ページ等へ誘導可能。
ユーザーの興味を引きやすい見た目のオシャレなボックスとなっています。
PRO版では画像の挿入、アイコン変更、ボタン左側の文字（無料版で「必見」の部分）などを変更できるようになります。
PRO版↓
比較ボックス
お次は「比較ボックス」。
無料版↓
レビューなどでよかった点と悪かった点を比較する時なんかでよく見かけるやつですね。
PRO版では比較ボックスの中にブロックを挿入できるため、吹き出しを入れたり画像を挿入することもできます。
PRO版↓
PRO版は更にブロックを挿入可能！
アイコンボックス
吹き出しとテキストを同時に表示する「アイコンボックス」。
無料版↓
こんな感じにキャラクター等のアイコンを添えて簡単なコメントを加えられるボックスです。
オリジナルのアイコンなどを用意すればちょっとしたアクセントになります。
PRO版では吹き出しの形状、アイコンの位置などの変更が可能。
PRO版↓
記事の最後のまとめなどで活用すると見栄えがよくなりそうです。
棒グラフ
数値比較で使える「棒グラフ」。
無料版↓
バーの濃淡を変えられたりと注目を集める工夫ができます。
テーマによってはグラフや表の機能がそこまで豊富ではないこともあるため人によってはかなり助かるんじゃないかなと思いました。
PRO版ではバー自体の色やラベルの位置を変更できるようになります。
PRO版↓
評価グラフ
レビュー評価などを数値によりわかりやすく表示できる「評価グラフ」。
無料版↓
段階別の表示のため視認しやすく読者が一目でどの数値か判断できます。
PRO版は段階数の変更（3段階か5段階）、ドットを任意の画像またはFont Awesomeからクラス指定で変更可能になります。
カラーセットは無料版でも変更できます。
PRO版↓
PRO版では設定画面から詳細設定が可能
PRO版限定の機能として各ブロックのカラーを専用の編集画面から変更を加えられます。
カラーセットでも色は変更できますがより細かく配色を変更したいのであればこちらから。
因みに無料版でもプレビューだけは可能（実際のブロックに反映はされない）なのでPRO版にするとどんな感じになるのか試すことはできます。
Useful Blocksのインストール方法
Useful Blocksは無料版、PRO版のインストール方法が一部異なるので説明していきます。
無料版のインストール方法
- WordPressのプラグインページへ
- 「新規追加」をクリック
- 「Useful Blocks」で検索
- Useful Blocksを「今すぐインストール」
- Useful Blocksを「有効化」
無料版はこれで使えるようになります。
PRO版のインストール方法
- Useful Blocksダウンロードページへ移動
- 有料版の「購入してダウンロード」をクリック
- クレジット情報を入力して購入手続き
- zipファイル（useful-blocks-pro.zip）を保存
- WordPressのプラグインページへ
- 「新規追加」をクリック
- 「プラグインをアップロード」をクリック
- 先ほどのzipファイルを選択
- 「今すぐインストール」をクリック
- 「有効化」をクリック
ダウンロードページをスクロールしていくと画像付きでPRO版の導入方法が載っているので、わからない場合はそちらも参考にインストールしてみてください。
ブロック追加プラグイン「Useful Blocks」：まとめ
Useful Blocksは無料版でも十分に使える性能かつ競合も少なくテーマに関係無く導入可能なので気に入る方は結構多いんじゃないかなと思いました。
またPRO版は今のところは1200円（機能追加に伴い価格が上がるようです）とリーズナブルかつ買い切りなので一度買ってさえおけば永久的に有料の機能を使い続けられます。
ご自身のサイトにちょっとした彩りを御求めの方は是非試して頂ければと思います！
コメント