2016-11-16 5 views
1

:基本的に私が達成しようとしています何http://www.otislandscapedesign.com/ページ/投稿ごとにサイトのタイトルの色を変更することはできますか?答え/オプションは、など、さまざまなヒントを試してみました</p> <p>サイトの閲覧数日過ごした

は、(それが現在である)#FFFでフロントページのウェブサイトのタイトルを持つことです他のページ&投稿はページ/投稿/ライトなどのイメージはありません。背景#000のウェブサイトのタイトル

これはうまくいけば、進んでいただきありがとうございます。

編集1:返信いただきありがとうございます。私は解決策を試してきました(私はより多くのCSS関連の答えを期待していたので、PHPソリューションを禁止しますが、thx)、まだホームページ以外のページでタイトルの色を変更することはできません。私が気づいたことの1つは、もしそれが助けば、ホームページはまた「ページ」であるということですか? 「ページID」を使用して個々のページに変更を加えることは可能ですか?多くのおかげで

編集2:私はまだ私が何か間違ったことをやっている場合を除き...

+0

あなたのCMSのように思えますが、ホームページのボディにクラスホームが生成されています。この 'body.home#gk-bg-wrap#gk-header .site a {color:#fff}'のように、 –

答えて

0

ほとんどのWordpressのテーマは、ページを決定するために使用することができ、あなたのHTMLのボディにクラスを設定し、喜びを持っていませんよ特定のスタイル。したがって、この例では、ボディにはクラス「家」が追加されます。

だから、あなただけのホームページをターゲットに身体クラスを使用し、あなたのCSSで、その後#000へのデフォルトの色を設定できます

body.home .gk-logo-text{ color:#fff; } 
0

あなたはwp_headアクションとConditional_Tagsを使用することによって、これを達成することができます。

add_action('wp_head', 'text_domain_title_css'); 

function text_domain_title_css() 
{ 
    // Default homepage 
    if (is_home() && is_front_page()) 
    { 
     $output = "<style> .gk-logo-text.inverse > span{color: #fff} </style>"; 
    } 
    //for all other page 
    else 
    { 
     $output = "<style> .gk-logo-text.inverse > span{color: #000} </style>"; 
    } 
    echo $output; 
} 

このコードは、あなたのアクティブな子テーマ(またはテーマ)のfunction.phpファイルやも任意のプラグインファイルになります。

コードはテストされ、完全に機能します。


参考文献:

0

これは、内側のpでサイトのタイトルに黒い色を適用します

body.page .gk-logo-text.inverse > span{ 
    color: #000; 
} 

を試してみてください年齢は

0

です。ほとんどのページにタイトルはありませんが、entry-titleというh1タグがあることがわかります。

これは、ソースコードは次のようになります。ですから、このような特定のページをターゲットにワードプレスで作成されたページIDと、そのセレクタタグを使用することができます

<h1 class="entry-title"></h1> 

.page-id-xx .entry-title h1 { 
    color: #ffffff; 
} 

ページを編集しているときに、ページIDがURLバーに表示されます。うまくいけば、あなたのテーマにはカスタムCSSを追加できるテーマ設定ページがあります。それ以外の場合は、すべてのカスタムCSSを保持できる安全な場所でstyle.cssに貼り付ける必要があります。


関連する問題