WordPress plugin【 CoBlocks 】が思った以上に良い！

2019年10月7日2019年10月11日

以前の記事で、
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.
CoBlocks is available on WordPress.org

Page Builder Gutenberg Blocks – CoBlocks

貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました