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

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

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

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

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

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
  • アイコンリスト
  • 価格表
  • レーディングボックス
  • スッテプ
  • お客様の声
  • 項目
  • スライダー
  • パネル
  • メディアと文章
  • サムネイルギャラリー
  • カテゴリーリスト
  • 星評価
  • アコーディオン
  • 期間限定表示
  • カウントダウンタイマー
  • ディレクトリ構造

例えば、

アラート表示はこんな感じ
  • リスト
  • リスト2
Q
この“Snow Monkey Blocks”は使い易ですか?
A

使わないのは、罪です。

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

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

インストール方法

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

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

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

使い方

使い方は、簡単です。

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

まとめ

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

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

価値を“カタチ”に、発信する“チカラ”に

CTA-IMAGE ライティング委託やブログサイト制作・ウェブサイト制作など委託制作のご依頼を受け付けています。 さらに、動画制作も行っています。