MENU
SWELL
おすすめ仮想通貨取引所
コインチェック

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

ブログ始めてみたけど、有料テーマは手を出しにくいな、
でもデザインを変えたいな

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

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

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

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

さくらのコトノハ
【Cocoon設定】初心者が見落としがちな絶対設定するべき項目5選 カスタマイズ=「有料テーマを購入しないといけない」「高度な知識が必要」と思い込んでいませんか?Cocoon設定でクリック一つでできるカスタマイズは沢山あります。初心者...
目次

文字の大きさを変える

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

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

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

文字の色を変える

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

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

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

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

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

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

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

まとめ

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

2021年8月25日の勉強

フォームの作成

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

これが練習の成果です。

セレクションを使う

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

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

これが練習の成果です。

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

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>

明日考えましょう。

\ ブログ村に参加中 /

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

「朝30分」を始めなさい!を実践しているブロガーです。習慣が変われば自分が変わる!自分が変われば世界が変わる!
応援Wordは「not too late」

コメント

コメントする

CAPTCHA


目次