アーカイブ、記事タイトルの色について

PR 2015/12/12

このトピックには4件の返信、2人の参加者があり、最後にわいひらにより10年、 9ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2015年12月12日 7:58 PM #34502
  
  山田
  ゲスト
  
  アーカイブの記事タイトルと関連記事の記事タイトルの色を変える場合の方法を
  おしえていただけますか？
  
  .entry h2{　あたりかと思いますが、
  カラーを入れても反応がありません。
  
  お手数ですが、よろしくお願いします。
- 2015年12月12日 8:11 PM #34503
  わいひら
  キーマスター
  style.cssに以下のように追記すればいけるかと思います。
```
.entry h2 a {
    color: blue;
}

.related-entry-title a {
    color: red;
}
```
  （色は適当です）
  
  以下のような方法で、デベロッパーツールなどを使えば、編集すべきCSSセレクタがわかるかと思います。
  WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方
- 2015年12月13日 9:29 AM #34518
  
  山田
  ゲスト
  
  color: blue;だと変わるのですが、＃○○○　のように指定すると
  .a　の部分が優先されます。
  
  なぜでしょうか？
  
  関連記事タイトルについてもお願いします。
- 2015年12月13日 10:48 AM #34526
  Hidekichi
  ゲスト
  > color: blue;だと変わるのですが、＃○○○　のように指定すると
  > .a　の部分が優先されます。
  
  それはありえないと思います。＃○○○の指定方法がおかしいかで無視されている可能性も。#00f←全部半角になってますか？あるいは、最後に;が無いとか。
  
  blueも#00fも同じです。rgb(0,0,255)でも良いです。rgba(0,0,255,1)でもokです。
  
  そもそもaに色を付けなければよいのですが、h2に対して色を付けて、aもその色で良いのであれば、
  
  .entry h2 {
  color: #00f;
  }
  .entry h2 a {
  color: inherit;
  }
  
  こうしておけば、aはおそらくh2のcolorが継承されるかと思います。
  
  サンプル: 色の継承実験 | jsFiddle
  
  関連記事タイトルは#34503でわいひらさんがレスしているリンクの方法でセレクタを探して見て下さい。
  で、
```
.entry h2 a,
.関連記事タイトルのセレクタ {
  中身は同じ
}
```
  このようにして「,」でセレクタを区切ればよいです。
- 2015年12月13日 12:26 PM #34535
  
  わいひら
  キーマスター
  
  color: blue;だと変わるのですが、＃○○○　のように指定すると
  .a　の部分が優先されます。
  
  僕もこの動作は、よくわからないです。
  
  もし、他のaない優先されているのだとしたら、推測になりますが、テーマカスタマイザーでのリンク色の設定などが考えられます。
  テーマカスタマイザーのリンク色に設定している色を解除してみてください。
  
  あとは、ここまでにあるテキスト情報だけでは、動作不良時のガイドラインに書いてあること以上の要因はわからないです。
  実際に不具合が出ているページのURLを掲載していただければ、ソースを見ればおそらく原因はわかるかと思います。
投稿者

投稿