ウィジェットを投稿や固定ページで利用できるようにするプラグイン Page Builder by SiteOrigin


※当サイトは、アフィリエイト広告を利用しています
#WordPressのプラグイン ・2017/02/12公開 ・2017/02/12更新

プラグインの設定

ウィジェットを投稿や固定ページで利用するには、「Page Builder by SiteOrigin」プラグインを追加インストールし有効化します。
プラグインを有効化して、投稿の新規追加や投稿編集を開くと下図の様に、ページビルダーのタブが表示されます。

 

入力済みの投稿等の下部に、ウィジェットを追加する場合

既入力の文章等がある場合に、「ページビルダー」のタグをクリックすると、

 
取り込まれた文章等を編集しようとすると、

「SiteOrigin_Widget_Editor_Widgetウィジェットを利用するにはSiteOriginウィジェットのバンドルのインストールが必要です。ウィジェットをインストールしたら、このページを保存して再度読み込み、ウィジェットの使用を開始します。」

と表示されますので、インストールして進めて下さい。
 
入力した内容は、クリックすると編集できます。

 
 

ウィジェットを追加する

上記の行内にウィジェットを追加することもできますが、新たに行を追加してウィジェットを追加設定することもできます。

 
例としてパーツウィジェット02を設定してみます。

 
ウィジェットを追加」をクリックして、ウィジェットを追加します。

 
ウィジェットの中から、「P02:ボックスタイプの誘導パーツ」をクリックします。

 
ライブエディタ」のボタンをクリックすると、プレビューしながら設定できます。

(当サイトのウィジェットサンプルを設定した固定ページの例)

 
下図は、ウィジェットの入力例です。

 
ライブエディタ」では、下図のように表示されます。

 
 

位置と間隔の微調整

表示されるウィジェット同士の間隔や、下部との間隔を調整することができます。

 
下図を参考に調整してみてください。

 
上図のように、カラム同士の間隔を少なく調整すると、次の様に変更されます。

 
その他、「Page Builder by SiteOrigin」にはいろんな機能があります。次の動画が参考になるかも!?

HOME


関連コンテンツ


コメントはお気軽にどうぞ

メールアドレスは公開されません。
また、* が付いている欄は必須項目ですので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA