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」部分の数字を入れます。