stinger5 カスタマイズしても反映されない

stinger5 stinger 5
スポンサーリンク

stinger5 カスタマイズしても反映されない

 

 

Stinger5カスタマイズしても反映されないCSSがある場合、テーマカスタ
マイザーの設定が原因かも?

 

stingar5をインストールして早速ブログのヘッダーをカスタマイズしてみ
ました。

 

何回も更新ボタンを押したり、ブラウザの閲覧履歴のデーター消去を行っ
ても反映されないなんか変だ!!!

 

style.cssに追記しても反映されないものがあったので、いろいろググッ
テ原因を調べてみたところ、ソースの<head></head>に直接はきだされて
いるコードがありました。こちらが優先されているので、style.cssに追
記しても反映されなかったみたいです。

 

以下のfunction.php内にあるコードの該当部分を削除すれば解決しました。

 

 

[php]
//テーマカスタマイザーで編集しない方は削除して下さい(ここから)

function stinger_customize_register($wp_customize) {

$wp_customize->add_section( ‘stinger_logo_image’, array(
‘title’ => ‘ロゴ画像’,
‘priority’ => 10,
) );

$wp_customize->add_setting( ‘stinger_logo_image’, array(
‘default’ => ”,
‘type’ => ‘option’,
‘capability’ => ‘edit_theme_options’,
) );

$wp_customize->add_control( new WP_Customize_Image_Control(
$wp_customize,
‘logo_Image’,
array(
‘label’ => ‘画像’,
‘section’ => ‘stinger_logo_image’,
‘settings’ => ‘stinger_logo_image’,
)
) );

// Color
$wp_customize->add_section( ‘stinger_menu_customize’, array(
‘title’ => __( ‘基本色(キーカラー)’, ‘stinger’ ),
‘priority’ => 30,
) );

$wp_customize->add_setting( ‘stinger_menu_logocolor’, array( ‘default’ => ‘#1a1a1a’, ) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, ‘stinger_menu_logocolor’, array(
‘label’ => __( ‘グループ1(ブログタイトル色など)’, ‘stinger’ ),
‘section’ => ‘stinger_menu_customize’,
‘settings’ => ‘stinger_menu_logocolor’,
) ) );

$wp_customize->add_setting( ‘stinger_menu_bgcolor’, array( ‘default’ => ‘#f3f3f3’, ) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, ‘stinger_menu_bgcolor’, array(
‘label’ => __( ‘グループ2(吹き出し背景など)’, ‘stinger’ ),
‘section’ => ‘stinger_menu_customize’,
‘settings’ => ‘stinger_menu_bgcolor’,
) ) );

$wp_customize->add_setting( ‘stinger_menu_color’, array( ‘default’ => ‘#1a1a1a’, ) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, ‘stinger_menu_color’, array(
‘label’ => __( ‘吹き出し内の文字(H2)’, ‘stinger’ ),
‘section’ => ‘stinger_menu_customize’,
‘settings’ => ‘stinger_menu_color’,
) ) );

$wp_customize->add_setting( ‘stinger_menu_comcolor’, array( ‘default’ => ‘#f3f3f3’, ) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, ‘stinger_menu_comcolor’, array(
‘label’ => __( ‘グループ3(淡い色推奨)’, ‘stinger’ ),
‘section’ => ‘stinger_menu_customize’,
‘settings’ => ‘stinger_menu_comcolor’,
) ) );

}
add_action(‘customize_register’, ‘stinger_customize_register’);

function stinger_customize_css()
{
//初期カラー
$menu_color = get_theme_mod( ‘stinger_menu_color’, ‘#1a1a1a’);
$menu_bgcolor = get_theme_mod( ‘stinger_menu_bgcolor’, ‘#f3f3f3’);
$menu_logocolor = get_theme_mod( ‘stinger_menu_logocolor’, ‘#1a1a1a’);
$menu_comcolor = get_theme_mod( ‘stinger_menu_comcolor’, ‘#f3f3f3’);
?>
<style type="text/css">
/*グループ1
————————————————————*/
/*ブログタイトル*/
header .sitename a {
color: <?php echo $menu_logocolor;
?>;
}
/* メニュー */
nav li a {
color: <?php echo $menu_logocolor;
?>;
}
/*キャプション */

header h1 {
color: <?php echo $menu_logocolor;
?>;
}
header .descr {
color: <?php echo $menu_logocolor;
?>;
}
/* アコーディオン */
#s-navi dt.trigger .op {
color: <?php echo $menu_logocolor;
?>;
}
.acordion_tree li a {
color: <?php echo $menu_logocolor;
?>;
}
/* サイド見出し */
aside h4 {
color: <?php echo $menu_logocolor;
?>;
}
/* フッター文字 */
#footer,#footer .copy {
color: <?php echo $menu_logocolor;
?>;
}
/*グループ2
————————————————————*/
/* 中見出し */
h2 {
background: <?php echo $menu_bgcolor;
?>;
color: <?php echo $menu_color;
?>;
}
h2:after {
border-top: 10px solid <?php echo $menu_bgcolor;
?>;
}
h2:before {
border-top: 10px solid <?php echo $menu_bgcolor;
?>;
}
/*小見出し*/
.post h3 {
border-bottom: 1px <?php echo $menu_bgcolor;
?> dotted;
}
/* 記事タイトル下の線 */
.blogbox {
border-top-color: <?php echo $menu_bgcolor;
?>;
border-bottom-color: <?php echo $menu_bgcolor;
?>;
}
/* コメントボタン色 */
#comments input[type="submit"] {
background-color: <?php echo $menu_bgcolor;
?>;
}
#comments input[type="submit"] {
color: <?php echo $menu_color;
?>;
}
/* RSSボタン */
.rssbox a {
background-color: <?php echo $menu_bgcolor;
?>;
}
/*グループ3
————————————————————*/
/* 記事タイトル下 */
.blogbox {
background: <?php echo $menu_comcolor;
?>;
}
/*h4*/
.post h4{
background-color:<?php echo $menu_comcolor;
?>;
}
/* 検索フォーム */
#s {
background: <?php echo $menu_comcolor;
?>;
}
#searchsubmit{
background: <?php echo $menu_comcolor;
?>;
}
/* コメント */
#comments {
background: <?php echo $menu_comcolor;
?>;
}
/* カレンダー曜日背景 */
#wp-calendar thead tr th {
background: <?php echo $menu_comcolor;
?>;
}
</style>
<?php
}
add_action( ‘wp_head’, ‘stinger_customize_css’);

//カスタマイザーで色を設定しない方は削除して下さい(ここまで)
[/php]

私は、今後カスタマイザーを利用しないので、上記コード部分を削除しま
した。

上記作業を実施したら、ヘッダー等のカスタマイズが出来るようになりま
した。

この問題で2、3日悩んでいましたが、これからどんどんカスタマイズで
きます。

コメント