Emanon

【Emanon Premium】ブロック一覧&使い方

2021年7月16日

Emanon ブロック一覧&使い方 画像

Emanon Premium ブロックには全部で18種類のブロックがあります。
吹き出し、タイトル・見出し付きボックス、リンク付きのボタン、FAQ、お客様の声などのブロックエディター機能がとても充実しています。
そんなEmanon Premium ブロックの一覧とよく使うブロックの使い方をご紹介します。

ブロックエディター 一覧 画像

吹き出しブロック

ブロックエディター 吹き出し 画像
ブロックエディター 吹き出し 画像

①画像選択をクリックして、画像をアップします。
②文章を入力します。

右のサイドバーから吹き出しのスタイルを自由に変更することができます。

ブロックエディター 吹き出し 画像

画像「左配置」、吹き出しスタイル「セリフ」、画像枠線「なし」

画像「右配置」、吹き出しスタイル「考え」、画像枠線「あり」

パネルブロック

ブロックエディター パネル 画像

「パネル」ブロックをクリックすると、以下のようなブロックが挿入されます。

ブロックエディター パネル 画像

パネルはリンクも入れることができる「枠線」です。
右のサイドバーから「パネル」のスタイルを設定することができます。
文字を強調したい時に使ったり、リストの枠に使ったりするとメリハリをつけることができます。

ブロックエディター パネル 画像

破線

二重線

  • レタス
  • キャベツ
  • きゅうり

ボックスブロック

ブロックエディター ボックス 画像

ボックスは見出・アイコン付きのボックスです。
右のサイドバーから「ボックス」のスタイルを設定することができます。

ブロックエディター ボックス 画像
ブロックエディター ボックス 画像
デフォルト

ボーダースタイル・・・破線
ボーダー角・・・角丸
ボーダー幅・・・3
アイコンタグ・・・icon-checkmark

幅狭

ボーダースタイル・・・線
ボーダー角・・・標準
ボーダー幅・・・5
アイコンタグ・・・icon-hand-point-right

枠内

ボーダースタイル・・・二重線
ボーダー角・・・角丸
ボーダー幅・・・8
アイコンタグ・・・icon-star-full

枠内[吹き出し]

ボーダースタイル・・・線
ボーダー角・・・標準
ボーダー幅・・・1
アイコンタグ・・・icon-edit-2

枠内[中央]

ボーダースタイル・・・破線
ボーダー角・・・角丸
ボーダー幅・・・8
アイコンタグ・・・icon-question

ボックス内

ボーダースタイル・・・線
ボーダー角・・・標準
ボーダー幅・・・4
アイコンタグ・・・icon-alert-triangle

ボタンブロック

ブロックエディター ボタン 画像

リンク付きのボタンを作ることができます。
右のサイドバーから「ボタン」のスタイルを設定することができます。
ボタンの上下にも文字を入れることができます。

右のサイドバーから「ボタン」の設定をすることができます。

以下のようなボタンを作ることができます。

期間限定
小サイズ
1,000円オフ!

【Emanon Premium】ブロック一覧&使い方 まとめ

今日は、Emanon Premiumのブロック一覧&使い方をご紹介しました。

Emanonはコーポレートサイト向きに最適なワードプレスのテーマです。
コーポレートサイト向きのテンプレは、ブログの機能に関しては充実していないことが多いのですが、Emanonに関してはとても充実しています。

しかも、あったらいいなというブロックエディターの機能が網羅されています。

記事を更新する際にとても便利ですので、是非使いこなしてみてください。

  • この記事を書いた人

WEB Creator

WEB制作の仕事をしながら、スキルアップのため、一からWEB制作&デザインを勉強中です。 ブログではホームページ作成後のお役にも立てるような情報を発信していきます。

-Emanon
-