こんにちは、副業ブロガーのたくす（@taksBLOG）です！
WordPress（ワードプレス）のトップページって固定ページで作りますよね。
無料テーマのCocoon（コクーン）は人気が高すぎて、同じようなデザインのブログが乱立してしまうのは自然な流れです。
とはいえ、です！
- 女性誌のようなデザインに！
- おしゃれカフェ風に！
- ブランドショップの雰囲気に！
することで、メイン商品のイメージアップや競合サイトとの差別化をしたくなるのがアフィリエイトブロガーの心意気（？）ではないでしょうか。
デザイン書籍「けっきょくよはく」がベストセラーになるなど、いまやデザインは一部のクリエイターが個性を発揮するよりも、ビジネスツールの一つとして個人ブロガーも必須の知識となってきました。
このページは、次のような方向けです。
- WordPress（ワードプレス）ブログ開設済みの人
- デザインを本気で変えたい人
- オシャレなサイトづくりをしたい人
- 少しはHTMLとCSSの知識がある人
- WordPress（ワードプレス）以外のサイトを作りたい人
イマドキのおしゃれなブログデザインをしたいなら、この一冊で相当な知識がつきます。
HTML&CSSとWebデザイン入門講座は、おしゃれなデザインにしたいなら必読のベストセラー
本の章立てを紹介します。
- 最初に知っておこう！Webサイトの基本
- Webの基本構造を作る！HTMLの基本
- Webのデザインを作る！CSSの基本
- フルスクリーンのWebサイトを制作する
- ２カラムのWebサイトを制作する
- タイル型のWebサイトを制作する
- 外部メディアを利用する
以上の７章で構成されています。
第１章から３章までで、Webサイトの基本的な知識が学べるようになっています。
内容は、まっさらな状態からホームページのTOPページを作る感じです。
HTMLとCSSの基礎から学べるようになっていますが、全く初めての人には少し駆け足かもしれません。少しは分かっている中級者が読むと、どストライクなレベルだと思います。
HTMLとCSSがなにか、全くわからないと叫んで言える人はこちらの記事で紹介している本を最優先でおすすめします。
《関連記事》図解！HTML&CSSのツボとコツがゼッタイに分かる本【全力でおすすめ】
ちなみに、第４章以降こそが本書のメインディッシュ、おしゃれなサイトデザインの作り方となっています。
ぼくは特に第４章の「フルスクリーンのWebサイト」の部分が大好きです。まだ、制作していませんが、WordPress（ワードプレス）ではなく、ゼロから作り込みたいと考えています。
HTMLとCSSをWordPress（ワードプレス）に応用する
ブログはWordPress（ワードプレス）でつくりますよね。
TOPページは固定ページですか？それとも投稿ページ？
最新情報を書き続けるブログサイトなら新着記事が一番上に表示されるTOPページになっていると思います。
定型的なノウハウを発信するブログサイトなら、カテゴリがきれいに分類されて、誰でもすぐに必要な情報を選び出せるようなレイアウトになっていると思います。
このような、検索性の高いTOPページ（企業のホームページ形式、コーポレートサイト型）こそ、HTMLとCSSで思い通りにデザインするテクニックを発揮できます。
本書で学んだノウハウは、まずはTOPページの固定ページで活躍できます！
おしゃれなブログデザインが自分でできる
プログラミング系の書籍には、たいていサンプルプログラムのダウンロード特典がついています。
本書「HTML&CSSとWebデザイン入門講座」にも、サンプルデータのダウンロード特典がついています。
ダウンロードしたサンプルページをいじることで、本書に掲載されているデザインのTOPページをかんたんに作ってしまえます。
具体的には…
- ブログサイトロゴを変える
- 背景画像を変える
- タイトルタグの中を変える
- カテゴリ名を変える
- ヘッダー・フッターを変える
これで、あなたのアフィリエイトブログのTOPページができます。
この作業をすることは、細かなHTMLタグを打ち込んだりCSSコーディングを手打ちせずに出来上がるのでミスがなく、全体の作業を体験するために役立ちます。
作業の流れを身につけるためにぜひ一度やってみてください。
差し替えたものが気に入ったら、そのままWordPress（ワードプレス）のTOPページに使うのもありですよね
まとめ〜HTML&CSSとWebデザイン入門講座は売れるだけある良書！
ベストセラーだけあって、今やおいていない本屋はないんじゃないでしょうか。
おしゃれなサイトは、検索しやすいだけでなく「好感が持てる」つまり、サイトやブロガーの信頼向上に役立ちます。
読者の信頼や高感度が上がると、リピーター読者になったり、被リンクされたり、何よりアフィリエイト商品の成約も後押ししてくれます。
デザインは最優先ではありませんが、サイトを立ち上げるときにやっておきたい作業でもあります。早めに知識をつけておいてメリットを最大限に活かしましょう！
ほかにもおすすめしたいHTML&CSSの本はたくさんありますが、まずは基本書としてこの本を読んでおくと、他のHTML&CSS参考書やWordPress（ワードプレス）参考書がするする読めるようになります。
ぼくもメインサイトは２０代女性が読者層の中心となっているので、デザインにも気を使っています。この本のおしゃれな事例は本当に参考になります！
※ちなみに、この本は「Google AdSenseマネタイズの教科書[完全版]レビュー」で紹介した、ぼくのバイブルの執筆者a-ki(@akisfactory)さんにおすすめしていただいた本でもあり、思い入れがある一冊です。
以上、現場より中継でお送りしました！
