プログラミング

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. プログラミング

    CentoOS7 python3 CGI Mysqlデータベースを扱う
  2. サーバー環境

    Git コマンドライン
  3. プログラミング

    PDOで郵便番号辞書データベース構築の記録
  4. EC-CUBE 4.0 インストール

    サーバー環境

    EC-CUBE4 を CentOS7、LAMP環境整備及インストール
  5. Web・デザイン

    ページ上の要素をふるわす CSShake 「CSSアニメーションライブラリー」
PAGE TOP