※ WordPressユーザーのためのPHP入門 はじめから、ていねいに。[第2版] のサンプルテーマを使用しています。
WordPressの外観をカスタマイズする機能としてテーマがあります。
今回はマウスオーバー時のテキストと背景の色を変更してみたいと思います。
サンプルテーマの[外観]-[テーマファイルディター]から style.css の最下行に以下のコードを追加します。
a:hover {
color: #0000ff;/*マウスオーバー時の文字色*/
background-color: #cbffd3;/*マウスオーバー時の背景色*/
}
ただTwenty Seventeenテーマでは上記コードだけでは色は変わらず、参考リンクによる要素の列挙が必要でした。
いかがでしたでしょうか。Wordpressはサポートが手厚く外観、機能のカスタマイズにも対応する豊富なプラグイン、テーマも用意されているので気分に合わせて変更すると良いかと思います。
それでは楽しいWordpressライフを！