記事の見出しを変更するために２日間の奮闘
この度、モチベーションをあげるために、いや、もっと見てくれる人のために見やすいようにと
思いまして、見出しのデザインをカスタマイズしたいと思って自分なりに調べてみました。
「見出し」や「小見出し」「準見出し」とタグに選択できるようになっているのは知っていましたが、
選択しても文字の大きさくらいしか変わらないので、つまらないなーと思っていましたが、
他の人のブログをみると、見出しがかっこよくて見やすいなーと思いながらもどうやるの？
という感じでした。
ＨＴＭＬ、ＣＳＳの知識が無いため、コピペのみで頑張ってやってみました。
とりあえずは見出しだけ（準見出し）
当ブログではbloggerを使用していますが、テンプレートの扱い方がいまいちわからず、
なんとか、調べて見出しだけ変更してみました。
１．他のサイトにある気に入ったデザインのコードをコピー
２．テンプレートのカスタマイズで上級者のＣＳＳの追加にペースト
３．ブログに適応してプレビュー
これを繰り返して、なんとかできあがりましたが、、、
デザインってこだわると、まだまだたくさん変更したいところが出てきますね。
見出しの種類を増やしたいが断念
今回は一つ見出しを変更してみましたが、コピペでのカスタマイズには限界があるようです。
ｈタグというものがあるどうですが、、、断念。
ブログは読者の役に立つようなことを書くのが良いようですが、このたび疑問に思ったこと、
分らなかったことを書いてみようと思います。
わかる方、是非ご教授願います。
分らなかった点
１．ｈタグの何がどう割り当てられているのか、わかりませんでした。
自分のブログ（当ブログ）でＣｔｒｌ＋Ｆで検索をかけてもｈ３．ｈ４を検索できなかったので、断念。
２．コードをコピペしてｈ１をｈ４に変更することで、「小見出し」の見出しが変更になったので、これを見出しとしました。
ｈ３にすると他のところも変更されてしまったので、使用できなかった。
３．背景色の変更をしたら、記事タイトルの文字も同色になった。記事タイトルの文字の色の変更の仕方がわからなかった。
まだまだたくさんありますが、今回はこの３つがわかるといいなーと、課題が出来ました。
初心者にはとっても難しいＣＳＳ
知識がないので、勉強しないとデザインも変更できないんだなーと実感しました。
初心者の私が簡単に理解できるのはコピペくらいだったので、もう少し頑張りたいと思います。
これから頑張るっていう方は一緒にがんばりましょう。
ブログを書くモチベーションが少しでも上がるように良いデザインでカスタマイズしていきたいです。
0 件のコメント :
コメントを投稿