2016年3月より、「CSS編集用デザイン」テンプレートが新たに3つ追加されました。そちらのカスタマイズでは以下のカスタマイズが使えないものも多いため、「新CSS編集用デザイン徹底解剖」と題して新たに目次を設けてカスタマイズの方法を公開中です。2016年3月前の従来のCSS編集用デザインについてのカスタマイズは、当ページでカスタマイズができますので、ご利用状況に応じて使い分けてください。新CSS編集用デザインでのカスタマイズがご希望のかたは、こちらの目次をご覧くださいませ→新CSS編集用デザイン目次>>こちらもどうぞブログで集客したい!3980円で確実に自分でカスタマイズ!では早速はじめましょう。コンテンツエリア」の解説です。コンテンツエリア」の解説コンテンツエリアとはどの部分?まずコンテンツエリアというのがどの部分のことを言っているのかをイメージにしていますので、見てください。上のイメージのように、コンテンツエリアはブログの記事とサイドメニューを包括する部分になります。CSS編集用デザインのコードは以下のようになります。*/}コンテンツエリアに背景の設定をしてみるこの部分に背景色を設定してみます。上のコードに以下のように追記してみます。*/}背景に黄色を設定しました。これでコンテンツエリアに黄色の背景色を設定することができました。解説background-colorこのプロパティは、お馴染みのプロパティ。背景設定のプロパティです。:(コロン)のあとに#(ナンバー)に続く6ケタのカラーコードを入力して、色を変えることができます。#FFFF66で黄色の設定になります。カラーコードのサンプルはこちらのサイトでも紹介していますので、よろしければごらんください。カラーコードを見るサイドバーや記事の背景色が変わらないのは?記事やサイドバーの色が黄色にならないのはどうしてなんでしょう?答えは単純です。それは、記事とサイドバーの背景色が白色に設定されているからです。CSS編集用の中の、(3-6)記事のエリアと、(3-8)サイドバーのエリアにbackground:#ffffffというものがありますが、これが白色の背景のもととなるコードです。こちらのカラーコードを一緒に変更してみると・・・。楽しめるかと思います。こちらはとりあえずあなたにおまかせします♪どこにあるのか探してみてください・・・。コンテンツエリア」のブロックはひとまず終了します。メインエリアの解説と行きたいところですが・・・個別論点として説明するのは割愛します。応用して使うときにでてくるかもしれませんが、汎用的に使うところではないと言う私の判断です。すみません・・・とりあえず的にCSS編集用画面のコードだけを以下に記述します。メインエリア--------------------------------------------*/.skinMainArea{}これがメインエリアです。次回はメッセージボードの部分の解説をします。メッセージボードとは、ブログヘッダーの下の部分の告知板のような役割をするエリアです。新CSS編集用【2016年3月追加分】アメブロの記事下に定型文を張るためのサンプルカスタマイズ記事下に定型文を挿入する方法が、できなくなる。パソコン初心者でもできる。