###概要と試したこと
タイトル通りですが、WordPressで記事内のリンクの文字色を分けたいです。
何が原因かは既にわかっているのですが、解決法がわからず、困っております。
参考にしたページはこちらです。
/* 記事内のリンク */ .entry-content a { text-decoration: underline; /* リンク部分にアンダーライン */ font-weight:bold; /* リンク文字を太字 */ color: #0066cc;} /* リンクの色 */ .entry-content a:visited { color: #0066cc;} /* 訪問済みの色 */ .entry-content a:hover{ color: #7a8285;} /* カーソルが乗った時の色 */
上記のコードをコピペして、記事内に存在するリンクの色が自動的に#0066cc
になるように設定しました。
その後、こちらの記事に沿って、ボタン風な見た目にしたリンクを作ろうとしましたが、無念。
そのリンクの文字色まで#0066cc
になってしまいます。
細かく言うと、マウスをホバーする前の状態のリンクの文字色が#0066cc
のままだということです。
「それでは、記事内のリンクの文字のデフォルト色を変えればいいのでは?」ということで、#0066cc
を#fff
にしましたが、ここでまた問題発生。
目次を勝手に出力してくれるプラグインを入れているのですが、この目次の文字色まで真っ白になってしまい、コンテンツの背景と同化してしまいました・・・。
こちらが私の使用したボタン風な見た目にするためのCSSです。
.article-btn a{ display:block; text-decoration:none; padding:7px 10px; border-radius:4px; font-weight:bold; color:white;/* ボタンの文字色 */ background-color:#e34c26;/* ボタンの背景色 */ border:2px solid #e34c26;/* ボタン枠の背景色 */ transition:all 0.5s; text-align:center; } .article-btn a:hover{ color:#e34c26; border:2px solid #e34c26;/* マウスオーバー時のボタンの背景色 */ background-color:white;/* マウスオーバー時のボタンの背景色 */ }
この後、解決方法を探るべく、記事内のリンクの色とウィジェット内のリンクの色を分ける方法を掲載している記事は見つけましたが、私が実現したいのは同じ記事内でのリンクの文字色を変えたいということです。
どなたか、解決方法を教えてくださると助かります。
宜しくお願いいたします。
###補足情報(言語/FW/ツール等のバージョンなど)
WordPress 4.8.3
親テーマのTwentyTwelveのバージョン: 2.3
回答1件
あなたの回答
tips
プレビュー