グループブロックのスタイル拡張

有料プラグイン Emanon Blocksをインストール有効化すると、WordPress本体のブロックが機能拡張します。

グループブロックのスタイル

Emanon Blocksを有効化した状態でグループブロックを編集画面に配置するとオリジナルスタイルが追加されます。

Emanon Blocksを有効化するとグループブロックに枠線や影に見出しなどの装飾を表示できます。グループブロックは関連する記事や内容を一つに纏めたいときに使うブロックなので、有効化することでより効果的な表現が可能になります。

グループブロックの設定

グループ化したいブロックを選択した状態で、書式ツールバーからグループ化をクリックしてください。複数のブロックをグループ化すると1つの塊（ブロック）として移動や削除などの操作が可能になります。

表示例

Emanon Blocksを有効化することで利用できる16のスタイルを使ってグループブロックを作ってみます。比較しやすいようにボタンブロックをグループブロック内に配置します。

電話アイコンまたはメールアイコンの背景色を変更する方法

電話アイコンまたはメールアイコンの背景色を変更したい場合、ブロックCSS設定にカスタマイズしたCSSを配置してください。

次のCSSにあるbackground-color: #333の333をお好みの色に指定します。

電話［左］

.is-style-group-left__phone::before {
    background-color: #333;
}

電話［中央］

.is-style-group-center__phone::before {
    background-color: #333;
}

メール［左］

.is-style-group-left__mail::before {
    background-color: #333;
}

メール［中央］

.is-style-group-center__mail::before {
    background-color: #333;
}