Advanced Theme Builder

商品コード: popup-maker-advanced-theme-builder カテゴリー:

Advanced Theme BuilderはPopup Makerプラグインで設定するポップアップ画面に背景画像を追加するアドオンです。

ポップアップのデザインを思い通りに設定

Popup Maker で利用できるポップアップ画面は標準の機能でも背景色やフォントなど変更する機能がありますが、Advanced Theme Builder アドオンを追加することで、ポップアップする画面の背景、その周囲、閉じるボタンに画像が利用できるようになります。

画像の位置や、繰り返し、透明度などポップアップ画面を自由にカスタマイズすることができます。写真の他にも、サイトのロゴ画像や商品イメージなどを使ってポップアップ画面で可能な表現を大幅に増やすことができます。

設定できる要素

Advanced Theme Builder アドオンを追加することでポップアップ画面の背景(コンテナ)、外側部分の背景(オーバーレイ)と閉じるボタンの部分に画像を設定することができるようになります。

Advanced Theme Builder アドオンを追加することで、Popup Maker で作成したポップアップ画面のコンテンツ部分や周囲の他に、閉じるボタンの背景に画像を利用することができるようになります。設定した画像の位置や、繰り返し、透明度などを自由にカスタマイズすることができます。サイトのロゴ画像や商品イメージなどを使ってポップアップ画面で可能な表現を増やすことができます。

Advanced Theme Builderの使い方

ポップアップテーマの作成方法

Advanced Theme Builder アドオンで、ポップアップ画面の背景は次の手順で変更を行います。

  1. [Popup Maker] > [ポップアップテーマ] メニューを選択します。
    ポップアップテーマの作成方法
  2. 表示された [ポップアップテーマ] の一覧からテーマの編集画面を開きます。(新しく作成するには [新しいポップアップを作成する] をクリックします)
    ポップアップテーマの作成方法
  3. [テーマ設定] で [オーバーレイ] 項目の [背景] > [タイプ] の一覧から [画像] を選択します。
    ポップアップテーマの作成方法
  4. 表示された [画像を選択] リンクをクリックして、設定する画像を選びます。
    ポップアップテーマの作成方法
  5. 同様に閉じるボタンなどを変更します。(ポップアップ画面で背景に画像が使用できる要素は [オーバーレイ] の他に [コンテナ] と [閉じる] があります)
    ポップアップテーマの作成方法
  6.  [更新] (または [公開] )ボタンをクリックしてポップアップテーマを保存します。