プラグイン「Emanon Premium Blocks」を有効化すると「サークルパネルブロック」が利用できます。サークルパネルブロックは、枠線やホーバーアニメーション付きのサークル状パネルブロックです

設定

ブロックエディタからサークルパネルブロックを配置します。

ブロック設定

パネルの幅を指定できます。パネル幅[モバイル]を有効にすると、タブレットの画面サイズ・スマホの画面サイズごとに円グラフのサイズ指定が可能になります。

ボーダー設定

パネルの枠線や半径を指定できます。下記は横半径と縦半径を個別に指定した表示例です。

横半径と縦半径の個別指定

背景[流動]設定

背景[流動]は、パネルの背景に色を指定できる機能です。ぼかしや広がりに数値を入れることで影の表現も可能になります。

背景[流動]表示例

リンク設定・アニメーション設定

パネルにリンクURLを指定する機能です。アニメーション設定を有効にすると、サークルパネルブロックが回転します。

アニメーション設定:有効

アニメーション設定:有効

色設定

文字、背景、ボーダーなどの各要素ごとに色を指定できます。