Useful Blocks|SWELLをさらにオシャレに!

悩む人

Useful Blocksって何ができるの?
デザインや導入方法について教えて欲しい。

このような悩みを解決していきます。

クリックして読める『目次』

Useful Blocksとは

痒いところに手が届くブロックプラグインで、記事をかんたんにオシャレにできます。

開発者はぽんひろさんとSWELL開発者の了さんです。

SWELL開発者の了さんも開発に携わっているので、SWELLテーマとの相性も良くなるように設計されています。

プランは無料版有料版 (1,200円)の2つあります。

有料版は一度購入すれば、制限なく複数のメディアで利用可能です。

僕は無料版を使用していますので、デザインは無料版で使用できるものを解説していきます。

Useful Blocksでできること

具体的に何ができるのか気になる方も多いのではないでしょうか?

Useful Blocksで利用ができるデザインは下の図の通りで5つあります。

Useful Blocks 一覧

それぞれのブロックのデザインを抜粋して解説していきます。

CVボックス

CVボックスを使用すると、下のようなおしゃれで目を引くアフィリエイトリンクを簡単に作成ができます。

  • 簡単におしゃれが作れる
  • ブロックエディタ完全対応
  • 他テーマからの移行も簡単
シンプル美と機能性が両立したWordPressテーマ。

CVボックスのデザインを紹介します。

デザインは以下の通りです。

ボタンの設定

ボタン
丸ボタン
ボタン強調

必見」というテキストを入れてみました。

背景の設定

背景「on
背景「shadow
背景「none

カラーセットの設定

黄色
  • 簡単におしゃれが作れる
  • ブロックエディタ完全対応
  • 他テーマからの移行も簡単
シンプル美と機能性が両立したWordPressテーマ。
赤色
  • 簡単におしゃれが作れる
  • ブロックエディタ完全対応
  • 他テーマからの移行も簡単
シンプル美と機能性が両立したWordPressテーマ。
緑色
  • 簡単におしゃれが作れる
  • ブロックエディタ完全対応
  • 他テーマからの移行も簡単
シンプル美と機能性が両立したWordPressテーマ。
青色
  • 簡単におしゃれが作れる
  • ブロックエディタ完全対応
  • 他テーマからの移行も簡単
シンプル美と機能性が両立したWordPressテーマ。

比較ボックス

比較ボックスを使用すると、2つの項目をかんたんに比較することができます。

SWELL
Cocoon
  • 有料
  • 了さんが開発
  • 無料
  • わいひらさんが開発

カラーの設定

黄色
SWELL
Cocoon
  • 有料
  • 了さんが開発
  • 無料
  • わいひらさんが開発
赤色
SWELL
Cocoon
  • 有料
  • 了さんが開発
  • 無料
  • わいひらさんが開発
緑色
SWELL
Cocoon
  • 有料
  • 了さんが開発
  • 無料
  • わいひらさんが開発
青色
SWELL
Cocoon
  • 有料
  • 了さんが開発
  • 無料
  • わいひらさんが開発
青色と赤色
SWELL
Cocoon
  • 有料
  • 了さんが開発
  • 無料
  • わいひらさんが開発

アイコンボックス

アイコンボックスを用いることで、運営者のプロフィールをおしゃれに作成することができます。

タイトル
  • リスト
  • リスト
こんにちわ!

カラーセットの設定

イエロー
タイトル
  • リスト
  • リスト
こんにちわ!
ピンク
タイトル
  • リスト
  • リスト
こんにちわ!
グリーン
タイトル
  • リスト
  • リスト
こんにちわ!
ブルー
タイトル
  • リスト
  • リスト
こんにちわ!
オリジナル
タイトル
  • リスト
  • リスト
こんにちわ!

棒グラフ

下のような棒グラフもかんたんに作成することができます。

テストの結果
Aくん
90点
Bくん
70点
Cくん
50点

カラーセットの設定

オリジナル
テストの結果
Aくん
90点
Bくん
70点
Cくん
50点
イエロー
テストの結果
Aくん
90点
Bくん
70点
Cくん
50点
ピンク
テストの結果
Aくん
90点
Bくん
70点
Cくん
50点
グリーン
テストの結果
Aくん
90点
Bくん
70点
Cくん
50点
ブルー
テストの結果
Aくん
90点
Bくん
70点
Cくん
50点

評価グラフ

最後に評価グラフの紹介です。

下のような評価グラフも作成できるようになります。

評価
低い
1
2
3
4
5
高い

評価グラフはWordPressのバージョン5.6以上のみ利用可能です。

カラーセットの設定

オリジナル
評価
低い
1
2
3
4
5
高い
イエロー
評価
低い
1
2
3
4
5
高い
ピンク
評価
低い
1
2
3
4
5
高い
グリーン
評価
低い
1
2
3
4
5
高い
ブルー
評価
低い
1
2
3
4
5
高い

導入方法

無料版の導入方法を説明します。

新規追加

管理画面から「プラグイン」→「新規追加」をクリックします。

プラグインのインストール

ponhiro」と検索して、「今すぐインストール」を押してください。

プラグインの有効化

有効化」をクリックしてください。

インストールは以上で完了です!

Useful Blocksでおしゃれなブログをつくろう

Useful Blocksのデザイン・導入方法について紹介しました。

導入することで5つのツールを無料で利用できます。

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

ボックス・グラフで説明する時に使用することで、かんたん・おしゃれに説明ができます。

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

この記事を書いた人

ご訪問ありがとうございます。
『副業3.0』運営者のけんです!
Web3.0・NFTの副業情報を発信しています。
当サイトでの『仮想通貨』とは
『暗号資産』のことを指します。

コメント

コメントする

クリックして読める『目次』