Rikiによる知識財産の共有

【素敵なおじさん化計画中!】

【ブログを見やすくする13】タイトルの背景色を変える

どうもみなさん!Rikiです!

読みやすいブログを作るためにデザインを試行錯誤していて、今回は第13弾となります。

前回はタイトルのフォントを変える方法をお伝えしました。下記記事をご覧ください。

www.riki-riki.com

 

今回はタイトルの背景色を変える方法をお伝えします。

 

ブログを見やすくする13〜タイトルの背景色を変える〜

タイトルの背景色を変える方法

デザインCSSの入力

デザインCSSに入力します。

”デザイン”→”デザインCSS”をクリックします。

f:id:Riki-Riki:20200319174736p:plain

ここに以下のテキストを入力します。

 

body{background:#696969;}      /*タイトルの背景色*/

 

実はこれだけでタイトルの背景の色を変えることができます。

”#696969”はdimgrayという色です。ここのカラーコードを好きな色のコードに変えることであなたオリジナルのタイトルに変えることができます。

 

カラーコードは以下の原色大辞典をご参照ください。

https://www.colordic.org

 

いじってみて、好きなデザインにしてみてください。

 

デザインCSSの入力方法は以下の記事にも書いてありますので参考にしてください。

https://www.riki-riki.com/entry/2020/02/26/224804

 

今後

これからもタイトルについてデザインを変える方法をお伝えしていこうと思います。