アフィリエイト広告を利用しています

賢威7のクール版の記事の文字色と背景色を変える方法とは?

賢威7クール版を日記ブログで使っているのですが。
実はこのテーマ・・・文字と背景がちょっと難ありなんですよ。

テーマカラーは何種類かありますが、その中のレッドを
私は使用しているんですが・・・昔から赤が好きなので。

戦隊モノもレッドが好き(笑)←聞いてない
で、このクール版は選んだカラーが文字色と背景にも
反映されるというアフィリエイト的には困ったちゃんなんです。

今回はこの文字色背景色変える方法を説明します。

実際のブログはこんな感じです

文字色が赤いですよね。
タイトルもものっそい赤いんですよ。

文字色が赤いと強調で赤字入れても埋もれてしまうやないかーい。
みたいな?

ああいうのは黒文字の中で使ってこそ映えるというか・・・
赤字ばっかりだと疲れる気がして仕方ありません。

まあ趣味ブログならなんとなく可愛いのでそれもありかと。
日記ブログなのでそのままでもまあ悪くはないんですが。

私は会話形式の記事を書くんですが。
その拭き出しをキャラごとに色分けしているんです。

で、文字が赤いと非常に目がチカチカする(笑)
読みづらいので普通の黒字でぜひともお願いします!

というわけでこの度変更する事にしたのです。

ただでさえパソコンのピカピカした画面。
少しでも目に優しい文字色がいいと思うんですよ。

少なくともおばちゃんは目に優しい色が嬉しい(´∀`)9 ビシッ!

またさっきの画像では分かりにくいですが。
記事の背景も実は白くないんです。

これ見てください

貼り付けた画像の背景が白いので記事の後ろが白じゃないのが
なんとなく・・・わかりますか?

実はうっすいピンクなんです。

このテーマは背景がテーマカラーで統一されてしまうので、
背景色は実はどれも白じゃないんですが・・・。

目に優しい表示にする為にもここは真っ白にします。
まあそうすると記事の背景だけ白になるので
その他の部分も白くするなら修正が必要になってしまいますが。

とりあえず今回は記事の背景を白くする事と、
文字色を黒にする事を目標にしまょう!

一度にあれこれするとわからなくなりますからね。

賢威7のクール版の記事背景を白く、文字色を黒に変更するよ!

まずは、左端のメニューから

「外観」⇒「テーマの編集」を選びます

テーマの編集画面の右端にプログラムの名前の羅列があるので、
その中の「bace.css」をぽちっと

これがbace.cssです。

とりあえずずらりと長い文が綴られていますので。

一番下まで移動します。
はい、移動(´∀`)9 ビシッ!

赤く囲んだ部分に記事の背景を白にする為の表記と、文字を黒くする為の
表記の構文を貼り付けていきますよ。

.section-in {
   background-color: #f6f8fe ;
   color: #000;
}

これがその構文です。
これこのまま貼り付けます。

貼り付けるとこうなる・・・。

将来何か書き換えるときにどの部分を削れば元に戻るか
分かりやすいように改行して間を開けておくといいですね(´∀`)

はい、無事に背景が白くなりましたね。
文字もちゃんと黒いです。

ただしあくまでも記事本体の背景だけ白に変えたので、
そのすぐ横の部分はピンクのままです。

この辺はまた調整していかなきゃならないので、
私の習性の旅路はまだまだ続きます(;´∀`)

まあそれもまた楽しいんですけどね(笑)
記事ネタにもなるし(≧m≦)ぷっ!

そんなに専門的な知識は持ってないんですが・・・こういうのって
やりだすとあれもこれもって止まらなくなるんですよね。

下手すると気がつけばとっくに寝なきゃいけない時間だったり・・・ww
皆さんもほどほどにブログの改装は楽しんで下さい(笑)

スポンサードリンク


コメントを残す