プログラミング

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. 趣味・実用

    vim テキストエディターを快適に使う
  2. サーバー環境

    無料のSSL証明書 Let’s Encrypt 試してみました。
  3. プログラミング

    Emmet CheatSheet 省略記法まとめ
  4. プログラミング

    Wordressの投稿を「FullCalendar」でカレンダー表示してみる
  5. プログラミング

    centos7 python3のインストール、RSSを取得、CGIでパースしてW…
PAGE TOP