こんにちは！
前回、前々回とBloggerのテーマのヘッダー画像を変更する作業をしてきました。
ブログテーマはデザイナーさんの作品がベースなので、アップロードする画像が何であれ、割と綺麗にまとまると思います。
ですが、今までの当ブログの投稿記事内の文字などの装飾が皆無なせいか、見た目がイマイチまとまりが無く見にくいです。
本日はその辺りを払拭すべく、見出しなどの文字の装飾について調べ、学んだ事を書き留めておきたいと思います！
「タイトル」下の「作成ビュー」と「HTMLビュー」を切り替えて見た目を確認しながら作業しました。
↓さっそく羅列していきたいと思います。↓
区切りに線を引きたい場合は「hrタグ」を使う
区切りの線の色を変える場合は「hrタグのcolor」を変える
文字の背景に色を付ける
文字の背景に色を付けて白抜き
文字の左に線を付ける
線で囲む
…以上本当に簡単な「HTML直接書き」の見出しや罫線ですが、何もないよりとても見やすくなると思います！
ちなみに作成ビューで作ったデータは、HTMLビュー上ではタグが改行されていなくて非常に見にくかったです。
今回色はグレイ系ばかりですが色調をブログのテーマと合わせると一体感が出るかなと思いました。
色々と工夫をしてBlogger上でも見栄えの良いブログを目指していきたいです！
短いですけど。また！
0 件のコメント:
コメントを投稿