WordPress

【WordPress】ドロップシャドウボックスを挿入できるDrop Shadow Boxes

April 1, 2017
Drop Shadow Boxes


Drop Shadow Boxesは投稿やページにドロップシャドウボックスを挿入できるプラグイン。ウィジェットでも追加することが可能。

Drop Shadow Boxesプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Drop Shadow Boxesを検索
有効化にするとウィジェットにDrop Shadow Box、エディタにAdd Boxが追加されます。

ウィジェット


ウィジェットを移動させます。

Effect 効果
Alignment アライメント
Width
Height 高さ
Border
Background 背景
Rounded corners 角丸
Inside shadow 影インサイド
Outside shadow 外の影


表示例。

エディタ


Add Boxをクリックします。

Effect 効果
Background 背景
Alignment アライメント
Height 高さ
Width
Border
Rounded corners 角丸
Inside shadow 影インサイド
Outside shadow 外の影

Refresh Previewで確認をし、Insert Boxをクリックするとショートコードが挿入されます。


下記ショートコードで表示。
[dropshadowbox align=”none” effect=”raised” width=”auto” height=”” background_color=”#f7f7f7″ border_width=”3″ border_color=”#dddddd” ]Enter your content here.[/dropshadowbox]