プログラミング

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・デザイン

    ページ上の要素をふるわす CSShake 「CSSアニメーションライブラリー」
  2. サーバー環境

    mac Appleシリコンで WordPress ローカル環境構築
  3. プログラミング

    Yahoo!天気・災害 RSS一週間の予報 データをパース
  4. 趣味・実用

    MacOS rootユーザーを有効にする。
  5. サーバー環境

    Macにmysql 8.0.x をインストールする。
PAGE TOP