WordPress plugin【 CoBlocks 】が思った以上に良い!
この記事は約 4 分で読めます。
以前の記事で、
WordPress block editor をさらに
拡張することができる
「ブロックライブラリ」を
ご紹介いたしましたが、
WordPress block editor の機能を
拡張する Plugin「CoBlocks」を
ご紹介いたします。
Introduction
追加される Blockと、
既存の Blockの機能拡張を
上手く取り入れた感じの
Plugin「CoBlocks」。
先ずは
以下をご覧ください。

Rows & Columns Block、
Shape Divider Block、
さらには、CoBlocks と
core WordPress blocks
に追加される
Typography Control Panel を使って
fonts, sizes, をセットしています。
Added blocks
それでは、
追加される Blockの
いくつかを見てみましょう。

Gif Block

GIF画像を検索できるサービスの
「GIPHY」と連携した Blockです。
Dynamic HR Block

既存のレイアウトBlock
「区切り」と「スペーサー」を
MIX したような Block、
HR の前後にスペースを
取りたい時に便利。
GitHub Gist Block

Gist URLを入力するだけで、
GitHub Gist が表示されます。
Shape Divider Block

形状や色を変えた仕切りを
Block だけで追加できます。
by adding various SVG borders to the top and bottom of a section.
どうやら
SVGを使った境界線のようです。
Rows & Columns
追加される Row Blocksと
既存の Columns Blocks で、
進化した
Responsive grid system を
設計出来ます。

ドラッグして簡単に
サイズを変更できる他、
特定のレスポンシブマージン
およびパディング設定が出来ます。
Typography Controls

新しく追加される
Typography Control Panel によって
任意の CoreBlocks 及び
CoBlocks の
fonts,sizes,line heights,weights
and transform など変更できます。
Read more
Get Started
貴重なお時間を割き、CoBlocks is the most innovative collection of page building blocks for the new Gutenberg WordPress block editor. With tens of custom blocks, you’ll have everything you need to make beautiful web pages.
Page Builder Gutenberg Blocks – CoBlocks
CoBlocks is available on WordPress.org
最後まで
ご高覧いただきまして
有難うございました
ディスカッション
コメント一覧
まだ、コメントがありません