WPプラグインUseful Blocksが侮れない！使い方を解説

今回はSWELL開発者、了さんとぽんひろさんが共同で開発された「Useful　Blocks」について解説します！

Useful　Blocksはコードが書けなくても、ブロックを選択するだけでおしゃれなブロックを配置することができしまう。

そんなプラグインです。

またUseful Blocksを知らない方が多かったので、Useful Blockでできること・導入方法も解説します。

Useful Blocksとは？

Useful Blocksは、ブログデザイナーぽんひろさん(＠ponhiroo)・WordPressテーマSWELL開発者、了さん(＠ddryo_loos)のお二人によって作られたプラグインです。

Useful Blocksはブログデザイナーぽんひろさんが公開していた、「コピペできるブログカスタマイズ」の内容をプラグインにしたもの。

コードを書くことができれば使えるのですが、コードを書けない人にとっては少し難易度がありました。

そんなコードが書けないという方に向けて作られた「Useful Blocks」は簡単にデザインを追加することができます。

「Useful Blocks」には無料版とPro版(有料)があり、値段は1,200円と一回購入してしまえば複数サイトで制限がなく使用することが可能。

上の表のように、無料版で出来ることもあります。

しかも、値段が1,200円とそこまで高くないのでPro版(有料)をオススメします。

Useful Blocksについて質問！

Useful Blocksの値段は？？

無料版と有料版があり、有料版は1,200円(税込み)です。

支払い方法は？

クレジットカードのみです。

他のサイトでも利用できますか？

制限がないため、複数サイトでも使えます。

その他の質問はUsuful Blocks公式サイトよりどうぞ。

Useful Blocksでできることは？

Useful Blocksで出来ることは主に4つ！

できることが５つになりました！

一つずつ画像付きで紹介しますね！

追記：1/16に評価グラフが追加されました！

(なんか良い感じな予感がしますね…!!)

❶：アイコンボックス

1つ目のアイコンボックスはとても使いやすく、記事の随所で役立つはずです。

実際の例として、リード文(冒頭文)で使っています。

見出しを作るように、アイコンボックスもあっという間に作ることができます。

アイコンを使うときは背景に注意

アイコンボックスを使うときはアイコンの背景が透過でないと浮いてしまいます！

アイコンを背景透過したい方は、バナー工房という無料サイトで背景透過ができます。

ワンクリックで背景透過できるのでぜひ使ってみてください。

＞＞バナー工房公サイトへアクセスする

❷：CVボックス

CVボックスとは以下のようなものです。

僕はSWELLのレビュー記事にCVボックスを使っています。

アイコンボックスに比べたら使う頻度は少ないですね。

ただ、デフォルトの色など変更することが出来るため、使い方は無限にあるはずです。

❸：比較ボックス

【比較ボックス】は商品を比べて紹介するときに役立ちます。

商品を比べるときって、ついつい長文になってしまいますよね。

そんなときにズバっと表にまとめられるとインパクト大です。

例として、ブログ界隈で人気の「沈黙のWebライティング・新しい文書の教室」という本を比較してみます。

ザっと作ってみましたがどうでしょうか。

Pro版(有料)を購入すると、商品リンクや画像の挿入をすることができるようになりました。

無料版ではリストしか使うことができないので注意です。

❹：棒グラフ

最後に棒グラフの機能について。

割とポップなので、使うサイトは限られるかなと思います。

デザインが苦手という方でも、カラーの色を変更して落ち着いた色にしては活用してみてはいかかでしょうか。

❺：評価グラフ

次回アップデートで「評価グラフ」が追加されます。

実際に使っている動画があるので下記ツイートをご覧ください。

Useful Blocksの次回アプデで追加予定「評価グラフ」🐥
すごいから見て！！✨

・3段階、5段階の変更
・アイコン設定
・画像設定
・カラー設定

テキストも自由に変更できるから使い道たくさんありそうです！

※動画は開発中のもので変更する可能性があります pic.twitter.com/qodGEsSVp2

— ぽんひろ@ブログデザイナー (@ponhiroo) January 16, 2021

実際に使ってみた！

まだ使い方が難しいですがこんな感じになります。

タイトルやカラーも変更できますよ。

Useful Blocks無料版のインストール

注意：Pro版(有料)を使う方も無料版をインストールする必要あり。

画像付きのインストール方法はこちらのUseful Blocks公式サイトからどうぞ。

Useful BlocksPro版(有料)の購入・インストール方法

続いてPro版(有料)の購入・インストール方法を説明します。

＞＞購入・インストールはこちらから

Useful Blocksの設定画面

Useful Blocksがダウンロードできたら、WordPress管理画面の左に「Useful Blocksメニュー」が表示されるようになります。

このメニューからは【比較ボックス・棒グラフ・アイコンボックス・CVボックス】のカラーを変更することが可能。

ぜひ、あなたのブログデザインに合う色をカスタマイズしてみてください！

まとめ：Useful Blocksで記事執筆を楽しもう！

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

勘違いされる方が多いのですが、SWELL以外のテーマでも基本的に使えてしまうんです

まとめると…

現在は４つのブロックですが、これからのアップデートでもっと使いやすくなるはずです。

今回は以上です。