WordPressや導入したテーマの設定で、ある程度ブログデザインのカスタマイズはできますが 「この部分がもう少しこうだったらいいのに」とか「ここはちょっとデザインに凝りたい」と思うことはないでしょうか？ せっかく立ち上げた自分のブログ、少しでもデザインの幅を広げて個性を出したいですよね。
そんなときはCSSを覚えればブログのカスタマイズに幅を持たせることが可能です。CSSはHTMLと同時に学習する言語になります。
- CSSって何？
- CSSについて知りたい
- ブログをもっと自分好みにカスタマイズしたい
HTML/CSSとは
HTML・・・ハイパーテキスト・マークアップ・ランゲージの略で、Webページでテキストを記述する言語のこと。
CSS・・・カスケーディング・スタイル・シートの略で、Webページの文字の大きさや色といったスタイルを決める言語のこと。
簡単に言えば「HTML」でWebページの構造を作り「CSS」でそれらを装飾するといった感じです。
HTML/CSSはプログラミング言語ですが初心者でも簡単に習得できる言語なんです。 僕がプログラミング学習を始めたときに最初に学んだのがHTML/CSSです。CSSを知っているだけでブログデザインに幅がでて自分好みのサイトが作りやすくなります。
CSSはどうやって学ぶ？
今の時代、学ぶ方法は沢山あってYouTubeなどの動画や関連サイトなどでそこそこのレベルまでは無料で学べます。そこから先のレベルを本格的に学びたいのであれば有料のスクールへ入会するという選択肢もあります。これからの時代、プログラミングスキルがあるとかなり有利です。
僕の場合はまず最初にテックアカデミーというプログラミングスクールのYouTubeチャンネルで学びました。このチャンネルはHTML/CSSといったプログラミングの入門動画が多数用意されていて、初めてプログラミングを学ぶ自分にとって大変有意義なコンテンツでした。
一通り学習動画を見終わった後、もっと体系的にHTML/CSSを学びたくなり、参考書を図書館で借りたり購入したりしてサンプルサイトを作る等の課題をこなしていきました。
このように僕の場合は参考書の購入費用こそかかっていますが、初期投資０かそれに近いコストで様々なメディアで学ぶことが可能です。
おすすめの学習法
おすすめの学習法はプログラミングスクールもいいですが、まずは参考書で学ぶことです。参考書であれば段階的に各章にわけて解説されているので初心者でも理解しやすいんですよね。
ここで僕がHTML/CSSの学習に使ったおすすめの参考書を紹介します。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座 著者：Mana 出版社：SBクリエイティブ
ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座 著者：Mana 出版社：SBクリエイティブ
どちらもWebクリエイターボックスのManaさんが書かれた本です。前にCSSで調べたいことがあったとき、ふとManaさんのサイトに辿り着いて、その説明のわかりやすさのおかげで大変助かったことがありました。そこでManaさんの著書の存在を知って興味を持ったんです。
この参考書は、入門講座の方で基礎を学び実践講座の方で課題でサイトを作成したりして応用を学べます。手元に置いておけば何か調べたくなったときに何かと重宝します。
本の中では便利なサイトの紹介をいくつもされていて、これがブログの記事作成やWeb制作等に非常に役立ちます！
2冊ともとてもレビュー評判がよく、初心者にも理解しやすい内容になっていて読み終える頃にはサイトが作れるスキルが身に付いています。
CSSの適用の手順
ある程度CSSの知識が身に付いたら実際にブログに適用していきます。この記事では指定方法の詳細は割愛しますが大まかな流れを説明すると、
といった感じです。流れの中で登場した聞き慣れない単語はCSSを学習していく段階で理解できるようになるので心配いりません。
これで好きなようにブログのデザインをカスタマイズしていけます。
まとめ
ブログのデザインのカスタマイズにはCSSの知識はとても役立ちます。HTML/CSSは誰でもわりと簡単に習得できるので、自身のブログを自分好みにデザインしていきましょう。
独学じゃなく本格的に学びたい！という方はプログラミングスクールで教えてもらうのが上達の近道です。「いきなりスクールに入会するのは抵抗があるなぁ・・・」という方は、ほとんどのスクールで無料体験があるので安心ですよ。
今回の記事は以上です。最後まで読んでくださり有難うございました。
