私はページ編集画面上のいくつかのカスタムコントロールにjQuery UIを使用していますが、jQuery UIダイアログのスタイルはTinyMCEダイアログと競合していることに気付きました。特にボタンとタイトル領域は特に見栄えがよくありません。私はjQuery UI CSSを調べて、競合を避けるために何を削除できるかを調べました。それらはスタイルシート全体にかなり広がっています。競合せずに両方を一緒に実行する方法はありますか?
私がしなければならなかったのは、jQuery UIダウンロードアプリケーションでCSSスコープオプションを使用することでした。通常のwp_register_style/wp_enqueue_styleを使用していましたが、TinyMCEのWordpressインストールで使用されているjQuery UIダイアログスタイルと常に競合します。スコープ付きバージョンのjQuery UIスタイルの使用に切り替えた後は、すべてうまくいきました。
あなたのスクリプトとスタイルシートをfunctions.phpファイルの中に エンキュー すればうまくいきます。
これは私がそうする方法です(コピーして貼り付けて自由に感じ、それは箱から出して動作するはずです):
function load_my_admin_js() {
wp_register_script('jquery-ui',"https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js");
wp_enqueue_script('jquery-ui');
}
add_action('admin_init', 'load_my_admin_js');
function load_my_admin_css() {
wp_enqueue_style( 'jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');
}
add_action( 'admin_print_styles', 'load_my_admin_css');
JQuery UIへの以前のリンクを削除することを忘れないでください。
それでも問題が解決しない場合は、カスタムJSコードが破損していて他の要素に影響しています。コード自体を調査しなければ、これ以上何も言えません。