ワードプレス ボックスエディタを快適に

このホームページは、
有料のWordPressテーマ【Emanon Pro】を使っています。

記事は、これまで、
WordPressのクラッシックエディタ(旧エディタ)と、
ページ編集プラグイン Elementorで作成してきました。



2018年末のWordPress5.0に、
WordPressのエディタとして、
ブロックエディタ(Gutenberg)がリリースされました。

このブロックエディタ、リリース当初は
あまり、使い勝手がよいとは思えなかったので、
クラッシックエディタのまま作業してきたのです。

ですが、この1年で、
ボックスエディタが定着してきました。

ボックスエディタを快適にするプラグインも
開発されているようです。

===========
プラグインを使って、
投稿の作成を快適に!
===========

ということで、
このほど発見した
Emanon Blocks という、
ボックスエディタの拡張プラグインをご紹介します。

文章の装飾に役立つ、いろいろなブロックが
実装されています。

どのようなブロックが実装されているか、
ご紹介していきます。


<ボックス>

・見出しと枠線の色替え。
・見出しの形式(左寄せ/幅広)
・見出しのアイコンの種類。(非表示も可)
・枠線の幅。

Emanon Blocks

ボックスエディタ拡張プラグイン(有料)
Emanon Blocks

見出し

ここに内容を記入する。


<通知ボックス>

・お知らせ/注意の2つが用意されている。
・アイコン、背景色など、自由に変更可能。

通知ボックス(お知らせ)

通知ボックス(注意)

アイコン変更可能。選択されたときの文字色も。

 


<フレーム(囲み枠)>

・囲み枠を自由に設定。
・枠線と背景の色設定可能。
・枠線のスタイルを変更可能。
・枠線非表示も可能。

フレーム(デフォルト)

フレーム(上下線)

フレーム(左線)

フレーム(線なし)

角の丸み調節可能。

背景色と、枠線の色を別々に指定可能。


<アイコンリスト>

・アイコンの変更可能。
・枠線の表示/非表示。
・枠線の色・幅

枠線あり。
見出し
枠線なし。

<吹き出し>

・顔写真を自由に変更可能。(縦横が同じ画像)
・顔写真の下に名前を記入。(省略可能)
・顔写真の配置は2種類(左配置/右配置)
・顔写真のまわりの線の色を変更可能。

 

avatar
ヒガシリエ
こんにちは!
avatar
右配置。
顔写真のボーダーの色を変更可能。

<ボタン>

・大/中/小
・カラム数は変更可能(1~3)
・ボタン色・背景色・塗りつぶし色・テキスト色


<ショーケース>

・画像の表示切替(左配置/右配置)
・ボタンの表示/非表示
・画像へのリンク設定あり/設定なし
・枠線の表示/非表示
・枠線・背景の色設定

 

ホームページレッスン

あなたらしいホームページって?

セラピストさんのための
ホームページレッスンです。

現実創造レッスン

望む未来を創造するには?

あなたを知り、
あなたの望む現実を
創造していくためのレッスンです。

数秘術って?

数は宇宙の叡智

数は宇宙の叡智のひとつ。


<ダウンロード>

・ファイルを指定してダウンロードができるボタン。
・ボタンと同様の色設定が可能。


<PRボックス>

・カラム数は変更可能(1~4)
・枠線の色・幅
・ボタンの表示/非表示
・ボタンへのリンク設定

火のエレメント

情熱、行動的、アツく

風のエレメント

知識、言葉、かろやかに

PRボックス

1カラム。枠線なし。


<料金テーブル>

・カラム数は変更可能(1~4)
・枠線の色・幅
・ボタンの表示/非表示
・ボタンへのリンク設定

現実創造

Pricing Table Image

説明を記載します。

適性を知る

Pricing Table Image

カラム数は4まで。

ホームページ

Pricing Table Image

ボタン非表示も可能。

現実創造

¥------

Pricing Table Image

1カラム。ボタン非表示。枠線なし。

<お客様の声>

・顔写真の配置(左配置/右配置)
・背景と枠線の色設定。

セッションのご感想

ご感想を記入できます。

avatar
ヒガシリエ2019.12.1

avatar

<FAQ(QAボックス)>

・枠線、背景、文章、アイコンの色設定可能。
・回答の表示/非表示。

Q
よくある質問はこちら。
A

答えはこちら。

Q
答えが隠れているパターン。
Q
よくある質問
A

答え


<ステップ>

・ステップ数は変更可能(1~10)
・背景、ステップ数、見出しの色設定可能。

1
ステップ1

はじめのステップです。

2
ステップ2

続きのステップです。

3
ステップ3

おしまいのステップです。

1
1ステップのみのパターン

色も変更可能。


<CTA(Call to action)ボックス>

無料メールレッスンはこちら!

きらきら輝くあなたになる、7日間のメールレッスンです。

Click

登録はいつでも解除できます。


ショーケースブロックで作成しています。

ホームページをつくるレッスン

あなたらしいホームページって?

あなたの世界観を伝える、
ホームページをつくりましょう!