WordpressのCSSスタイルをjQueryUiダイアログに適用する方法

Question

私はワードプレスプラグインを開発していて、jQueryを使ってモーダルダイアログを表示することに成功しました。

問題は、私はそのダイアログにリストとボタンも表示することです、そして私はそれらのボタンとリストがwordpressのもののように見えることを望みます。言い換えれば、私のダイアログにWPスタイルを '継承'して、ボタンやリストを見栄えよくしてもらいたいのです。

私はすでに3日間これを使っています。

ありがとう

Answer 1

それには2つの方法があります。

1. モーダルダイアログに表示されているコンテンツに、Webサイトにあるものと同じID、クラス、および一般的なDOM要素IDを適用します。このように、彼らはあなたがすでに配置しているのと同じcssディレクティブから読みます。

OR

1. あなたがコピーしたいスタイルがあなたのテーマのstyle.cssにあるならば、モーダルダイアログによって生成されたマークアップでそれらの既存の対応するものを見つけて、それからそれらをファイルに追加してください。

適用するCSSがダッシュボードでWPで使用しているものである場合は、それを使用するには エンキューする必要があります 。フロントエンド.

Answer 2

WordPressはjQuery UIテーマを使用しません - しかし1つ（実際には2つ - それぞれの配色に1つ）を含めるという話があります。こちら trac をご覧ください。

Helen Hou-Sandiが、これらのjQuery-UIテーマ をここで説明するためのプラグインを作成しました 。

これらのスタイルをプラグインのフォルダに含め、登録してから必要に応じてキューに入れることができます（admin_enqueue_scriptsフック内で条件付きでロードします）。 スクリプトとスタイルのロードについてはCodexを参照してください 。 Helenのプラグインに示されているように、ユーザーの配色設定に応じて適切なjQuery-UIスタイルをロードできます。