2017-11-26 21 views
0

WordPressテーマを開発しようとしていますが、私のテーマにオプションを追加してデフォルトスタイルをカスタマイズしようとしています。このために私は、ユーザー定義の値を取得する機能を追加したと私は、他のデフォルトのスタイルシートを持っており、それらはまた、唯一のwp_enqueue_scripts()を使用して、テーマに含まれているwp_enqueue_scripts()WordPressで機能しない動的カスタムスタイルを追加する

function woo_wonder_custom_style(){ 

    $custom_background_color = get_option('ww_background_color'); 

?> 

    <style type="text/css"> 
     body{ 
      background-color: <?php echo $custom_background_color; ?>; 
     } 
    </style> 

<?php 

} 

add_action('wp_enqueue_scripts', 'woo_wonder_custom_style', 9999); 

を使用してヘッド部で定義されたスタイルを挿入します。

function woo_wonder_stylesheets() 
{ 
    wp_enqueue_style('bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.min.css'); 
    wp_enqueue_style('ww_custom', get_template_directory_uri() . '/assets/css/woo-wonder.css'); 
} 

add_action('wp_enqueue_scripts', 'woo_wonder_stylesheets', 11); 

私は任意の助けがはるかに高く評価されて

woo_wonder_stylesheets()デフォルトのスタイルシートの下に来て、私のカスタムスタイル woo_wonder_custom_style()の優先順位を設定します。

これはWordPressのテーマ開発で私の最初の試みですので、私は愚かな間違いを犯している場合は私に言い訳をしてください。

おかげ

+0

wp_enqueue_scriptsの代わりにwp_headに関数をフックする方がよいでしょう。閉じたタグの直前でwp_headが起動します。 –

答えて

0

function woo_wonder_custom_style(){ 

$custom_background_color = get_option('ww_background_color'); 

?> 
<style type="text/css"> 
    body{ 
     background-color: <?php echo $custom_background_color; ?>; 
    } 

<?php 
} 
add_action('wp_head', 'woo_wonder_custom_style', 9999); 
?> 

は、この意志はあなたを役に立てば幸い、これを試してみてください。

関連する問題