ブログ初心者ができる5分でできるブログデザイン変更。テーマはCocoon【朝勉累計750分】

この記事ではそんなお悩み解決の足がかりになれば良いなと思います。

執筆は無料テーマCocoonを使っている、この私。ヤドリです。

ほんの少し変更ですが、雰囲気が変わりました。

参考にしたのはこれです。

https://sakura-matsui.com/cocoonsetting/

文字の大きさを変える

文字の大きさを変えましょう。

なぜならgoogle先生の推奨は16pxです。

Cocoonの初期設定は18pxです。

文字の色を変える

参考サイトと同じように文字の色を変えました。

本サイトの文字が真っ黒ではないことが分かりますでしょうか？

少し柔らかい印象になったなというのが、私の感想です。

こちらのほうが好きですね。

メインページの背景を色付ける

メインページの背景を少し色付けました。

記事が浮かび上がるようです。

まとめ

色々なことができそうですね、初心者のみなさんも一緒に楽しんでいきましょう。

2021年8月25日の勉強

フォームの作成

フォームの作成Ⅱ – 初心者のためのWEBデザイナーの教科書 (cocohp.com)

これが練習の成果です。

セレクションを使う

セクションを使った構造化 – 初心者のためのWEBデザイナーの教科書 (cocohp.com)

ワクワク動物園 – 初心者のためのWEBデザイナーの教科書 (cocohp.com)

これが練習の成果です。

Emmeｔでこの表を作りたいんです。

table>(tr>th*3+tr>(td>img)*3+tr>td*3)ではないですね、、

完成はこれ

<table border="1" width="900">
<caption>動物たちの紹介</caption><!–captionも入れてくださいね –>
<tr>
<th>ぞう</th>
<th>コアラ</th>
<th>トラ</th>
</tr>
<tr>
<td><img src="images/elephants.jpg" width="300" height="300" alt="ぞう"></td>
<td><img src="images/koala.jpg" width="300" height="300" alt="コアラ"></td>
<td><img src="images/tiger.jpg" width="300" height="300" alt="トラ"></td>
</tr>
<tr><td>長い鼻、大きな耳が特徴です。草・葉・果実・野菜などを食べます。</td>
<td>みんなの人気者。草食性でユーカリやアカシアの葉や芽を食べます。</td>
<td>トラの食性は動物食で、オレンジ色の体色に黒と白のしま模様が特徴的です。</td>
</tr>
</table>

明日考えましょう。