今回はCSSとHTMLのおはなし。
あくまでも初心者のワタシの考えですが、少しでも同じような初心者のお力に慣れればいいな。
Bloggerのテーマの構造
バックアップは忘れずに
コードを操作する前にはバックアップ！初心者にはとても大事！
【Blogger】バックアップ！編集前の必須事項！後悔しないために！
バックアップは編集前に絶対にとりましょう！後悔しないために！
テーマの中身を見てみよう
テーマ編集画面のオレンジ▼から「HTMLの編集」を選択します。頭の痛くなるようなコードが沢山出てくると思います。
ワタシが使用中のQooQは、作者がコードを丁寧にわかりやすく書いていただいたおかげで、とてもわかり易くなっていると思います。
コードの中の最初の方、文字が青い辺り、７００行目あたりまででしょうか？
「]]></b:skin>」というコードが出てくるあたりまで。
それはCSSと言われる部分です。その下に出てくるHTMLの装飾をする部分です。
８００とか９００行目のあたりから、コードがカラフルになると思います。その辺りがHTMLです。実際に表示されるページを形作っています。
簡単に言うと、CSSで「headerはこういう形にしますよ〜！」と決めておいて、HTMLで「headerをここに置きますよ〜」と配置しているイメージでしょうか。初心者の（ワタシの）理解としてはそんなところです。
数字は変えてみる
CSSの中にはいろいろな数字が出てきます。
中でも後ろにpxやemやremなどがついた数字は、いろいろな大きさを決める数字になっています。こんなものはどんどん変えてみるべきです。どこを変えると、どこが変わったのかがわかれば、何について書かれている部分かを知ることができます。
コメントアウト
コードを消してみたいと思うことも出てきます。
ですが、一旦消して失敗だったらバックアップから復活するのは効率的ではありません。
そこで使用するのがコメントアウトです。
CSSであれば/*〜*/。htmlであれば<!--〜-->です。
消去したいコードをコメントアウトしてしまえば、擬似的に消去することができます。また、復旧するのも簡単です。
チャレンジあるのみ！
まだまだワタシにもわからないことだらけですが、ぶっちゃけた話ですけど、バックアップがあればどうとでもなるんですよね。
あとは、調べればネットでも本屋でも情報はいくらでもあるということ。こんな知識ゼロ人間がなんとか触ることができているので、きっと誰でもできるんです。
どんどんチャレンジして失敗して学んでいきましょ〜。
ではひびでした。
