2017-06-03 7 views
0

おはよう。WordpressフロントエンドにChosenを追加

Wordpress Frontend SelectでChosenスタイルを追加したいと思います。私は、特定のページにエンキューCSSやJSをしました :

function enqueue_chosen() { 
    if (is_page('my-page')) { 
    wp_enqueue_style('chosen_css', plugins_url('chosen/chosen.css')); 
     wp_enqueue_script('chosen_js', plugins_url('chosen/chosen.jquery.js'), array('jquery'), '', true); 
    } 
} 
add_action('wp_enqueue_scripts', 'enqueue_chosen'); 

ファイルが正常にキューに入れています。選択したボックスに選択したスタイルを適用する方法は?

ありがとうございました!

答えて

0

あなたの関数がenqueue_chosenと呼ばれ、あなたがあなたのアクションで、このような単なるenqueue_変更、それを書いたので、あなたのadd_action('wp_enqueue_scripts', 'enqueue_');が完了していない:あなたが行くことができるchosen_cssのスタイルを使用して、

add_action('wp_enqueue_scripts', 'enqueue_chosen'); 

次へワードプレスのテーマカスタマイザーとセクションAdditional CSSでCSSを編集: enter image description here

をあなたがそこにあなたのCSSを書くことができ、それはすべてあなたのWordPressのページに適用されます。

+0

ありがとうございました。回答コードを修正しました。私の問題は選択されたものを使用しないことです。これは普通の選択です。 – lupet

+0

cssを変更する前に、このフレームワークでスタイルを設定する要素にhtmlの '.chosen-choices'のような' selected'特定のクラスを追加します。基本的にchosedを使用すると、jqueryを使用して選択ボックスを変形できます。ですからまずクラスを 'class =" my-select-box "'のような選択ボックスに追加し、custom cssやjsのようなプラグインを追加します:https://es.wordpress.org/plugins/custom-css-js/ javascript '$("。my-select-box ")を書くことができます。selected()'ここで利用できるオプションを見てください。https://harvesthq.github.io/chosen/options.html –

+0

ありがとう!私はすでに試みたが、間違った場所にコードを入れてしまった。 – lupet

関連する問題