Attitudeメニューの色を変更

このホームページをWordPressで作成するにあたり、「Attitude」というテーマを使っています。

このテーマでは、ヘッダ部分のメニューの背景色が「白」なのですが、今回は、ここの色を少し派手にしたいと思い、対策をしました。

「外観」>「カスタマイズ」>「Design Options」>「Custom CSS」で、末尾に、

#access {
background-color: #32cd32;
border-top: none;
border-bottom: none;
}
#access a {
color: #f5f5f5;
text-transform: none;
}
#access a:hover {
background-color: #ffffff;
}

という記述を追加して「公開」します。

今回は、メニューの文字色と背景色、メニューにカーソルを持っていった時の背景色を変更しました。

あわせて、オリジナルでは、アルファベットが勝手に大文字に変換されてしまっていたのですが、これを変換しないように変更しました。これで、これまでは「IOT」と表示されていた部分を「IoT」にすることができました。

 

なお、私がWordPressの使い方を習得するのにあたっては、以下の書籍を参考にさせていただきました。

WordPressについては、Web上にもたくさんの情報がありますが、きちんと理解して使いたい場合には、一度書籍も読んでおいた方がいいかもしれません。

 


このサイトで書いている、ワードプレスに関するブログ記事を、「さとやまノート」という別のブログページに、あらためて整理してまとめました。

他のワードプレス記事にも興味のある方は「さとやまノート」をご覧ください。