WordPressカスタマイズを少し

カスタマイザーっていうのを使って色味変えてみました。
どうですか?ちょっとはしゅっとした感じしませんか?
まだまだ?ん~。難しい。。。


前って水色基準っぽかったじゃないですか。
でも、サイト名はおきなわうらじろがしでしょ。
おきなわうらじろがしってまあ、葉の裏は白っぽいんですが、葉の表面は緑でしょ。
だから緑をどこかに使いたかったんですよ。

黄緑だと目がちかちかしそうだし、目になじみやすくてパキッとする配色にしたいな~
と、思って。メインは深緑に近くてもいいかも♪と思ったのです。


WordPressにログインすると最初のページがダッシュボードになりますよね?
すこーしだけ下にスクロールします。
そしたらサイトを作る便利機能がありますよって色々書いてますね。
その真ん中。カスタマイズを開始の下に「カスタマイザーを開く
とあります。なんかメニュー開きそうですね^^
クリック~

左側に色々変えられるメニューが並んでますね^^
そしてメニューの隣にはブログページがあります。
見ながら調整できるってことですよ~♪
見ながらああでもない、こうでもないって楽しいですよね^^

メニューの2番目、色って所をクリックします。


するとカスタマイズ中と新たなメニュー画面が出てきました。
背景色、メインカラー、アクセントカラー、画面にはいくつかしか載せてませんが
下にスクロールするともっと細かく設定できるメニューがあります。
ウィジェットタイトルカラー、フッターメニューカラー、ヘッダーメニューカラー
などなど。

試しにヘッダー背景色を変えてみましょうかー。
見ながら色変更とか動き変更とか楽しいですよ^^
ヘッダー背景色の赤い枠の部分 Selected Color とあります。
選んだカラーがその文字の左側の色です。
Selected Color の右側にはその選んだ色のカラーナンバーが出ています。
見た目だけだと、少し違うもの選んじゃったりしませんか?
同じ色で統一したいなーって時にこのカラーナンバーを入れるだけです。
カラーナンバー(と言っていいのかわかりませんが)は#を先頭に6桁の数字で表されます
画像だと #269621 です。
その色を変えたいなーという時には Selected Color をクリックします

解り易いように青い色を選んでみました。
カラーナンバーを覚えてるわけじゃないので、グラデーションになってるボックス
のなかの青い部分を適当にクリックすると右側の帯の色が青になります。
赤を選ぶと赤い帯になります。
帯の上部は濃い色。下に行くほど薄くなります。
クリックで色味が細かく変わるので、グラデーションボックスの中をあちこちクリックして探すのも面白いですよ^^
で、色を選択したら画像のように画面が数秒間?白っぽくなります。
ワードプレスが変更してくれてるんですね~。
まあ、あまり速く変更処理ができるわけじゃないはずなので、
せっかちさんは何度もやるとイラっとします(笑)

じゃん。どこを変えたかわかります?
そうそう。ヘッダー背景色。こういう風に変化を見ながら変えていけます^^

気に入った色にしたら左側のメニュー上部に公開ってボタンありますね
それをクリックして終了です。
色だけじゃなくて他にも色々変えられるので、まとめて変更して公開をクリックするよー
という方はまとめて一回でいいと思いますよ^^

私は忘れっぽいので、せっかくの変更後画面×でそのまま閉じてしまいそうな気がするので
変更したら公開。変更したら公開。としています^^

コメントを残す