【Snow Monkey Blocks】のプラグインを使って簡単にGutenbergの編集画面でカスタマイズ装飾を行う【WordPress】

フリーランスWeb・動画クリエイターの井上(@Kouki_Inoue0411)です。

WordPressで投稿画面や固定ページ編集画面でこのGutenberg(グーデンベルグ)が、標準作用されて今まで使用していたインターフェイスとは異なり、使いずらいと思われる方もいると思います。

しかし、このGutenbergに互換性を持たせた様々なプラグインが出てくるようになりました。
その中の一つとしてこの【Snow Monkey Blocks】は、ウェブ制作を行う上でサクっとポイントで装飾できるプラグインです。

1. Snow Monkey Blocks(スノーモンキーブロックス)
- 1.1. プラグインで追加されるブロックの内容
2. インストール方法
- 2.1. 使い方
3. まとめ

Snow Monkey Blocks(スノーモンキーブロックス)

Snow Monkey Blocks は、Gutenberg で「これをやりたかったけどできない」を「できる」ように、実用的で便利なブロックを追加するプラグインです。
～中略～

Gutenberg にもはじめから様々なブロックが用意されており、日記のようなシンプルな文章のページであればつくることができますが、装飾的なページであったり、このページのようなデザインされたページをつくることは困難です。
Snow Monkey Blocks を使えば、ページを賑やかにする吹き出しやボックスなどのブロック、Web サイトでよく使用する価格表や FAQ、ステップなどのブロックを使用することができるようになります。
SNOW MONKEY Snow Monkey Blocks

この、 Snow Monkey Blocksは、長崎県長崎市在住のキタジマタカシ(@inc2734)さんが制作したもので、概要は、地元のWeb制作会社でWebデザイナー/エンジニアとして従事した後、2015年にフリーランス [ モンキーレンチ ] として独立。
SNOWMONKEYのウェブサイトは、 https://snow-monkey.2inc.org/

プラグインで追加されるブロックの内容

アラート
吹き出し
ボックス
ボタン
ボタンボックス
FAQ
アイコンリスト
価格表
レーディングボックス
スッテプ
お客様の声
項目
スライダー
パネル
メディアと文章
サムネイルギャラリー
カテゴリーリスト
星評価
アコーディオン
期間限定表示
カウントダウンタイマー
ディレクトリ構造

例えば、

アラート表示はこんな感じ

リスト
リスト２

この“Snow Monkey Blocks”は使い易ですか？

使わないのは、罪です。

ボックスは、このLION MEDIAのテーマに合わせてCSS装飾でグラデーションにしています。
もちろん、太字や文字色を変えることも可能。

と、この様にブログやウェブサイト制作時の幅が広がります。

インストール方法

インストール方法は、
WordPressダッシュボードより→【プラグイン】→【新規追加】

右上の【キーワード】にこの“Snow Monkey Blocks”と記載すれば、

が出てくるので、【インストール】→【有効化】で使用できるようになります。

使い方

使い方は、簡単です。

【ブロック追加】から、使用したい【Snow Monkey Blocks[共通ブロック]】から選ぶだけです。

まとめ

これで、【Snow Monkey Blocks】の導入が出来たと思います。
かなり使いやすく、使う幅も広いのでWordPressを導入したら真っ先に入れるプラグインの一つかもしれません。

さらに、この【Snow Monkey Blocks】は、同じくキタジマタカシ(@inc2734)さんが制作したWordPressのテーマ【Snow Monkey】を使用すると本来の力が発揮されるようなので、WordPressのテンプレートで悩んでいる方は、一度検討されてみてはいかがでしょう。