賢威でサイト全体やマウスオーバー時の色を変更する方法
サイトの印象は色一つでも大分変わりますし、
自分自身でも変更してみるとけっこう良くなったかなといった具合に
違いを感じることと思います。
与える第一印象というのはけっこう大事だったりして、
サイトから離脱するスピードも変わってくるという話もあります。
本記事では賢威テンプレートを使って、
サイト全体の背景色、サイト全体の文字色、リンク文字色、マウスオーバー時の
色の指定についての設定を紹介していきたいと思います。
目次
賢威で色関係を調整するにはほぼdesign.cssから変更可能
賢威で色関係を変更する際はdesign.cssから大体のことは変更できます。
間違ってもいいように念のため、変更する前はバックアップをとっておきましょう。
例えばサイト全体を薄い青色にしようと思っていても、ヘッダー画像とかの色と
合わなかったり、変更してみたけど違和感を覚えることはよくある話です。
何度も実際に変更して、変更されたサイトの雰囲気を確認することが重要かと
思います。
design.cssをクリックする
これから設定するところは左ダッシュボードの外観からテーマ編集をクリックすると
右側にdesign.cssがありますのでこちらをクリックしてください。
サイト全体色の背景色の変更
design.cssの中に上の方にサイト全体の背景設定という項目があります。
この赤枠の部分がカラーコードとなっていますので、こちらを好きなコードに
変更してみましょう。
指定した色に変更されるはずです。
おすすめとしてはあまり個性的すぎる色は控えた方がいいかもしれません。
万人受けする色の方が見やすいので比較的サイトを見てもらえる可能性が高くなります。
サイト全体文字色、リンク文字色、リンクマウスオーバー時の色の変更
サイト全体の背景設定のすぐ下にサイト全体の共通設定という箇所があります。
それぞれ上の赤枠からサイト全体の文字色、リンク文字色、マウスオーバー時の色の指定
がここでされているので、こちらを変更するとそれぞれの色を変える事ができます。
あわせて読みたい記事はこちら
タグ:WordPress(ワードプレス), カスタマイズ, 色, 賢威