タイトル
Close
jQuery と CSS で WordPress にモーダルウインドウを実装してみました。
事前準備:
独自jsファイル 及び 独自cssファイルをインクルードする。
single.php に jsファイルをインクルード
これにより投稿詳細ページのみ有効なjavascriptファイルを作成する。
独自jsファイル 及び独自cssファイルをインクルードできるプラグイン
「 Custom CSS and Javascrip 」
モーダルウインドウ関連はプラグインでかなりあります。
今回はWordPress の学習を兼ね作成してみました。
解説は別途作成しようと思います。まずはサンプルのみとします。
モーダルウインドウサンプル
ショートコード追加
ショートコード追加
CSS
CSS
Modal デフォルト
Modal デフォルト
JQuery
JQuery