wordpressサイトのデザインの色をカスタマイズしたいです。

Question

初心者ですがwordpressサイトのデザインの色をカスタマイズしたいです。
chrome デベロッパーツールを使用してどのファイルを変更したら良いか調べようとしましたが
知識不足でわかりませんでした。

１. http://neobody-f.com/
ページの中央の３つのメニューの色の変更
「私たちのポリシー、バレリーナスタイルプログラムメニュー、NEO BODY FACTRYのヒミツ
とその下の画像」

1. 以下のページのグローバルメニューの色の変更

http://neobody-f.com/reservation1/

1. フッダーの

Copyright © NEO BODY FACTORY All rights reserved.
の色を茶色に統一

Answer 1

Wordpressは、インストールするテーマ次第でCSSの格納位置が変わる場合がありますので、一概にココと言う場所はありません。

http://neobody-f.com/

を見た限りでは、管理画面の「外観」＞「テーマ編集」のページ、右下にある「スタイルシート (style.css)」に1、2、3の変えたいプロパティは格納されている様です。

2のロールオーバーは、インラインで記述されているものが反映されている様なので、上記の「スタイルシート (style.css)」と同じページにある固定ページテンプレートか「ヘッダー(header.php)」辺りに記述があると思われます。

管理画面上のスタイルシートを更新出来ない場合は、FTP上で該当ファイルのパーミッションを書き込み出来る値に変更する必要があります。

上記の説明でも、恐らくテーマが違えば「言われたファイルが見当たらない」「固定ページなんて使ってない」なんて事も多いので、根気よく該当箇所を探してみてください。
「外観」＞「テーマ編集」のページ内で完結出来る範囲だと思います。

Comments

[Wordpress]

回答ありがとうございます。

言われた通りstyle.cssをチェックしました。

１ページの中央の３つのメニューの色の変更
このテーマのimageフォルダにtopics_bg.jpgという画像がありこれを反映させているようなので
違う色に変更してアップロード

２
以下にナビゲーションの色指定らしき記述（background:#bbb）とあったのでこれを他の色に変更すれば良いかと思います。
.page_navi a, .page_navi a:hover, .page_navi span
{ text-decoration:none; color:#fff; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#bbb; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
.page_navi a:hover { color:#fff; background:#00a2d9; text-decoration:none; }
.page_navi span.dots { background:none; }
.page_navi span.current { color:#fff; background:#333; }
.page_navi p.back { margin:0; }
.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding: 10px 15px; }

３
フッターのNEO BODY FACTORYにサイトのリンクを張っているとこれだけ文字が白くなってしまっています。リンクはそのままで文字の色は他の文字と統一したいんですがこの記述が見つけられないでいます。

[seiji_maemura]

「style_pc.css」と言うスタイルシートもあるようです。
その中に「#copyright a」がありませんか？

[Wordpress]

言われた所にありました。該当箇所に修正をいたしました。ありがとうございました。