プログラミング

WordPress にて jQueryUI テーマを動的選択してデザインを反映

「WordPress」にて「jQueryUI」 のテーマを動的選択してデザインを反映さてみました。
jQueryはWordPressに元々付属のものを使っていますが、「jQueryUI」は現時点での最新版をCDNで利用しています。
動的に「jQueryUI」のテーマを読み込んだ後に確認用の「Widgets」を使用してみました。
「Datepicker」 カレンダー表示
「Dialog」 ダイアログボックス
「SelectMenu」 テーマを選択すると動的に Widgetsのテーマに適用されます。
「button」 ダイアログを表示します。
「accordion」 アコーディオンを表示します。

Section 1

Section 2

Section 3

Section 4

Section 5

Section 6

ダイアログで情報を表示する際に便利です。 ダイアログウインドウは移動とリサイズが可能で、また’x’アイコンで閉じることも出来ます。

function.phpにjqueryUIを登録 (add_acction)
確認用 Widgets のHTMLソース
jQueryソースコード
jQueryUIのテーマ選択用の Select widjets

最近の記事

  1. wordpres5をubuntu nginxにインストール
  2. ubuntu 20.04 nginx php mysql Webサーバー環境整備
  3. Ubuntu nginx SSL
  4. EC-CUBE 4.0 インストール
  1. Web・デザイン

    wordpress上でPre要素で ソースコードを行番号付きでエディターのように…
  2. Web・デザイン

    美しい文字 「Google Web Fonts」「Adobe Web Font…
  3. プログラミング

    Vue.js 3をWordPress 上で動かしてみた。
  4. Web・デザイン

    Ruby Sass のインストール 開発環境の整備
  5. プログラミング

    気象に関するデータベースを構築してみました。
PAGE TOP