プログラミング

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. EC-CUBE 4.0 インストール
  1. プログラミング

    WordPressで jqueryプラグイン Qrcodeを表示する
  2. プログラミング

    Google Maps Platform 位置情報取得、緯度経度より住所取得
  3. サーバー環境

    Webサイト https 導入 備忘録
  4. Web・デザイン

    CSS3 機能 セレクタ、target擬似クラス、構造擬似クラスについて学ぶ
  5. プログラミング

    Django Webアプリケーションの構築 Nginxで公開 Mysqlに接続す…
PAGE TOP