1年前に投稿

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

2019年10月11日

DISCLAIMER: This article is more than a year old and may not be current.

この記事は約 4 分で読めます。

4.5

以前の記事で、
WordPress block editor をさらに
拡張することができる
ブロックライブラリ」を
ご紹介いたしましたが、
WordPress block editor の機能を
拡張する Plugin
CoBlocks」を
ご紹介いたします。

Introduction

追加される Blockと、
既存の Blockの機能拡張

上手く取り入れた感じの
Plugin「CoBlocks」。

先ずは
以下をご覧ください。

CoBlocks design web pages

Rows & Columns Block、
Shape Divider Block、
さらには、CoBlocks と
core WordPress blocks
に追加
される
Typography Control Panel を使って
fonts, sizes, をセットしています。

Added blocks

それでは、
追加される Blockの
いくつかを見てみましょう。

ブロックの追加画面

Gif Block

Gif Block

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

Dynamic HR Block

Dynamic HR Block

既存のレイアウトBlock
「区切り」と「スペーサー」

MIX したような Block、
HR の前後にスペースを
取りたい時に便利。

GitHub Gist Block

GitHub Gist Block

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

Shape Divider Block

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 を
設計出来ます。

Resizable Row/Columns Blocks

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

Typography Controls

Typography Control Panel

新しく追加される
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
貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました
WordPress plugin【 CoBlocks 】が思った以上に良い!