スポンサーリンク

WordPressでポップアップを簡単に作成するためのプラグイン「Popup Maker」を紹介します。

インストール

ワードプレスのダッシュボードから、「プラグイン」-「新規追加」を選択し、「Popup Maker」で検索をしてインストール、有効化してください。

使い方

ワードプレスのダッシュボードから、「Popup Maker」-「Add Popup」を選択。

タイトル、ポップアップに表示をするタイトル、ポップアップに表示をしたい内容を入力します。

ポップアップの設定で「Triggers」タブにある「Add New Trigger」ボタンをクリックします。

「Click Open」を選択し、「Add」をクリックします。

次の画面では何も表示をせずに「Add」をクリックします。

ポップアップの設定で「Desplay」タブを選択し、Themeより表示するテーマを選択します。

上記まで設定が完了したら「公開」をクリックします。

ワードプレスのダッシュボードから、「Popup Maker」-「All Popups」をクリックすると作成したポップアップのリストが表示されます。「CSS Classes」項目の「popmake-XXXX」のXXXXの数字を覚えておきます。

ポップアップを表示したい場所でショートコードを埋め込みます。

例) [popup_trigger id="216" tag="span"]地図[/popup_trigger]

※ id部分に「CSS Classes」部分の数字を入れます。

スポンサーリンク

ポップアップ表示例

[popup_trigger id="216" tag="span"]地図[/popup_trigger]
スポンサーリンク
おすすめの記事