プログラミング

WordPress jQuery + CSS + ショートコードで モーダルウインドウを自作する

jQuery と CSS で WordPress にモーダルウインドウを実装してみました。

事前準備:
独自jsファイル 及び  独自cssファイルをインクルードする。
single.php に jsファイルをインクルード
これにより投稿詳細ページのみ有効なjavascriptファイルを作成する。
独自jsファイル 及び独自cssファイルをインクルードできるプラグイン
「 Custom CSS and Javascrip 」

モーダルウインドウ関連はプラグインでかなりあります。
今回はWordPress の学習を兼ね作成してみました。

解説は別途作成しようと思います。まずはサンプルのみとします。

モーダルウインドウサンプル


ショートコード追加
ショートコード追加
CSS
CSS
Modal デフォルト
Modal デフォルト
JQuery
JQuery

最近の記事

  1. EC-CUBE 4.0 インストール
  1. サーバー環境

    Webサイト https 導入 備忘録
  2. プログラミング

    天気予報RSSをsimplexml_load_fileでパースする。
  3. Web・デザイン

    CSS3 グラフィックス transform transition anima…
  4. 趣味・実用

    macOS Sierra ユーザーの切り替え
  5. 趣味・実用

    Mac トラックパッド 3本指 ドラッグ
PAGE TOP