パネルブロック

プラグイン「Emanon Blocks」を有効化すると、「パネルブロック」が利用できます。パネルブロックは、枠線を表示するだけのブロックです。リンクURLを付与することも可能です。

設定

パネルブロックは、単独で使用するよりも他のブロックと併用することで効果的な使い方ができるブロックになります。リンクURLを指定できるので、視覚的にリンクURLを設置するのに向いてないアイコンブロックなどと併用するのに適しています。

パネルブロック内にコンテンツを収める事で、Webページ内で特定のコンテンツに対しての訴求力を高める効果も期待できます。それではパネルブロックの設定方法について紹介します。

ブロックエディタからパネルブロックを配置します。パネルブロックの詳細な設定は編集画面右側のサイドバーで行います。

ブロック設定

ブロックの幅はpx単位での指定か親要素に対して100％幅の指定が可能です。パネルブロック内の余白は上下左右ごとに指定できます。

ボーダー設定

パネルの枠線を指定する設定項目です。ボーダーのスタイルや上下左右ごとにボーダーの表示・非表示が可能です。

背景［流動］設定

パネルブロックの背景に色やぼかし（影）を表示する設定です。

1. 背景［流動］
   切り替えアイコンをクリックすると背景［流動］が表示されます、デフォルト設定は非表示になります。
2. 横方向の位置
   指定することで背景［流動］を横方向に移動させることができます。
3. 縦方向の位置
   指定することで背景［流動］を縦方向に移動させることができます。
4. 背景［流動］色設定
   背景［流動］に色を指定します。

スタイル設定

パネルブロックの周辺に括弧を表示するデザイン機能です。

表示例

パネルブロック自体は、単なる枠線のみの表示です。パネルブロック内に他のブロックを配置してご利用ください。