ページ内に3列の Feature Box を埋め込む

SP page Builder で作ったページ内に Feature Box というアドオンを埋め込む手順について説明します。

1.SP page Builder の管理画面

バックエンドから管理画面にアクセスしてください。トップページなどで利用して対象となるページを開きます。

 sppage001

 sppage002

 

 

2.セクションの追加

ページ内においてはセクションよ呼ばれる行の追加が必要になりますのでまずは中身の入っていないセクションを追加してください。この場合Bootstrapにおける12分割が基本となるので手動でも変更可能です。今回は3列のエリアを作りたいのでそれを指定します。

 

 sppage003

 sppage004

 sppage005

 

3.対象のアドオンを設置

Feature Box(日本語翻訳では拡張ボックス)をそれぞれの列にドラッグ&ドロップします

 sppage006

 sppage007

 

この状態で一旦保存ボタンを押すと、そのエリアに下記のような Feature Box が表示されます。

 

 sppage008

 sppage009

 

4.Feature Boxの設定

各Feature Boxは画面右の設定画面から設定可能です。

 

 sppage010