WordPressの管理画面でモーダルウィンドウを追加する

2018-06-01

テーマの機能として管理画面のUIカスタマイズでモーダルを出したいという時に。
ついでにAJAXでデータを表示する。

WordPressはjQueryがデフォな世界なので流れに逆らわずjQueryで書いていく。
高機能なモーダルが欲しければModaalとか使っても良さそうだけど、WordPressのAJAXと組み合わせるのすぐにできないかんじだったので諦めた。

編集/追加するテーマファイルは以下の通り。

  • functions.php
  • css/modal.css
  • js/modal.js

Profile

フルスタック気味のフリーランスプログラマー。

どちらかと言うと得意はインフラ構築とサーバーサイドプログラミングですが、フロントエンドもぼちぼちやっています。

最近の興味範囲はWordPress、AWS、サーバーレス、UIデザイン。

愛車はセロー。カメラはペンタックス。旅好きです。横浜在住。