段落ブロックテーブルブロック画像ブロックカラムブロックグループ化には、Emanon Premiumのスタイルを適用できる機能があります。スタイルは、エディター画面の右側に表示されるブロック>スタイルから指定します。

ブロックスタイルの指定

段落ブロック

段落ブロックを配置し、編集画面右側のブロック>段落設定Eをクリックして変更します。

段落ブロックのスタイル例

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

色指定で色の変更も可能です。

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

段落ブロックスタイル

テーブルブロック

テーブルブロックでは、表側だけを背景色(グレー)に指定する背景色[表側]スタイルが利用できます。会社概要や採用要件などの表で使用を想定したスタイルです。

テーブルブロックのスタイル例

会社名株式会社ダミー
所在地東京都港区
代表者No name
事業内容Webマーケティング事業
背景色[表側]
会社名株式会社ダミー
所在地東京都港区
代表者No name
事業内容Webマーケティング事業
スクロール[A]:スマホ時に適用
会社名株式会社ダミー
所在地東京都港区
代表者No name
事業内容Webマーケティング事業
スクロール[B]:スマホ時に適用
会社名株式会社ダミー
所在地東京都港区
代表者No name
事業内容Webマーケティング事業
レスポンシブ:スマホ時に適用
会社名株式会社ダミー
所在地東京都港区
代表者No name
事業内容Webマーケティング事業
ボーダー[A]
会社名株式会社ダミー
所在地東京都港区
代表者No name
事業内容Webマーケティング事業
ボーダー[B]

引用ブロック

引用ブロック

ボーダー[]Aのサンプル

引用ブロック

ボーダー[]Bのサンプル

画像ブロック

画像の縁取りスタイルを指定できます。

画像ブロックのスタイル例

角丸
影付き
影付き[角丸]
枠付き
枠付き[角丸]
斜傾
斜傾[影付き]
円形
吹き出し
流体[1]
流体[2]
流体[3]
流体[4]
流体[5]
流体[6]
流体[7]
流体[8]

リストブロック

リストブロックのスタイルを指定できます。リストスタイルのアイコンカラーは、エディター設定で変更できます。

リスト設定を指定することでデザインの組み合わせが可能になります。

下記の表示はスタイル:ol数字[丸]・リスト設定:横並び[中央寄せ]の表示例です。

  1. 横並び
  2. 横並び
  3. 横並び

リストブロック スタイル例

  • デフォルト
  • デフォルト
  • デフォルト
  • チェック[A]
  • チェック[A]
  • チェック[A]
  • チェック[B]
  • チェック[B]
  • チェック[B]
  • 矢印[A]
  • 矢印[A]
  • 矢印[A]
  • 矢印[B]
  • 矢印[B]
  • 矢印[B]
  • 注釈
  • 注釈
  • 注釈
  1. 注釈 ol指定
  2. 注釈
  3. 注釈
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  • リスト
  1. ol 数字[丸]
    ol 数字[丸]
  2. ol 数字[丸]
  3. ol 数字[丸]
  1. ol 数字[四角]
  2. ol 数字[四角]
  3. ol 数字[四角]
  1. ol 数字[先頭0]
  2. ol 数字[先頭0]
  3. ol 数字[先頭0]

区切りブロック

区切りブロックのスタイルに幅狭・網掛け・網掛け[幅狭]を追加しています。

区切りのスタイル例

幅広線


ドット


幅狭


網掛け


網掛け[幅狭]


スペーサーブロック

スペーサーは、ブロックの間に高さ(余白)を挿入できるブロックです。Emanon Premium Blocksの拡張スタイルとして、パソコン表示時に適用されるPCとスマホ表示時に適用されるSPのスタイルを指定できます。

カラムブロック

カラムブロックにスマホまたはタブレット表示時のスタイルを追加できます。

スクロール[SP・タブレット]の表示例

グループ化

WordPress本体の機能に複数のブロックをまとめるグループ化があります。使用手順は、ブロックエディタを配置し、グループ化メニューをクリックします。

ブロック単体でもグループ化は可能です。

ブロックをグループ化するとスタイルの指定ができるようになります。

グループのスタイル例

ボーダー

括弧「」

角括弧[]

影付き

ストライプ

POINT

CHECH

○[中央]

○[左]

✖️[中央]

✖️[左]

![中央]

![左]

チェック[中央]

チェック[左]

ハイライト:特定の文字だけ色を変更:WordPress本体の機能

WordPress本体の機能をご紹介します。ブロックエディタ には、文字の一部だけ色を変更するハイライト機能があります。強調したいフレーズだけ色を変更する際に使用します。

カバーブロックの配置例

カバーブロックについてはEmanon Premium Blocksによる機能拡張はございません。下記は、サイドバーなしのページにカバーブロックを全幅で配置した表示例です。

カバーブロック

全幅

下記は、カバーブロックの中央揃えです。

カバーブロック

中央揃え