web-dev-qa-db-ja.com

特定のページのテーマスタイルを他のCSSでオーバーライドする

私が買ったwordpressテーマは、デフォルトのCSSファイルに含まれているjQuery UIスタイルをいくつか持っています。問題は、私がjQuery UIを使用するプラグインを持っていて、テーマのデフォルトCSSがプラグインを破損させることです。デフォルトのjquery UI CSSファイルを、テーマのCSSファイルに含まれているUIスタイルをオーバーライドするようにします。
ページの下部にjQuery CSSをロードするためにEnqueueを使用するという人もいますが、その方法がわかりません。ありがとう。

1
b0nd

プラグインのスタイルシートをテーマのスタイルシートに(1ページで)条件付きで上書きすることをお勧めします。

特定のページのテーマスタイルシートを条件付きでデキューします。

add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 25 );

function remove_default_stylesheet() {

if ( is_page( page id or slug) ) {

wp_dequeue_style( 'original-enqueue-stylesheet-handle' );
wp_deregister_style( 'original-register-stylesheet-handle' );

wp_register_style( 'new-style', plugins_url('stylesheet.css', __FILE__) );  
wp_enqueue_style( 'new-style' );

    }

}
1
Brad Dalton

あなたはあなたのフッターでこのようなことを試すことができるかもしれません:

<?php
function my_scripts_method() {
    wp_enqueue_script('<script name>','<script source>');            
}    

add_action('wp_enqueue_scripts', 'my_scripts_method'); // For use on the Front end (ie. Theme)
?>

<script>はスクリプトの名前で、<script source>はそれがあなたのWPインストールのどこにあるかです。

それでも問題が解決しない場合は、WP Codexページの他のコーディングを参照してください。 wp_enqueue_script

0
NW Tech