2016年3月より、「CSS編集用デザイン」テンプレートが新たに3つ追加されました。そちらのカスタマイズでは以下のカスタマイズが使えないものも多いため、「新CSS編集用デザイン徹底解剖」と題して新たに目次を設けてカスタマイズの方法を公開中です。2016年3月前の従来のCSS編集用デザインについてのカスタマイズは、当ページでカスタマイズができますので、ご利用状況に応じて使い分けてください。新CSS編集用デザインでのカスタマイズがご希望のかたは、こちらの目次をご覧くださいませ→新CSS編集用デザイン目次>>こちらもどうぞブログで集客したい!3980円で確実に自分でカスタマイズ!では早速はじめましょう。サイドバーエリアのカスタマイズ」の解説をします。今回はこのエリアのもつ意味を解説します。今回はカスタマイズはしません・・・。このコラムではブログのそれぞれの幅について押さえたいとおもいます。CSSを見てみるでは早速解説します。CSS編集用画面を開いてください。「300pxエリア」と「180pxエリア」とあります。300pxエリアと180pxエリアとは?これらはカラム構造に影響するものです。現在選択できるカラム構造は全部で5種類あります。上のイメージをみてください。あなたがブログを作るときにはこれら5つのレイアウトからえらぶことになります。ここで特に注目してほしいのが、赤い色の部分です。この部分が上記のスタイルシートでの300pxエリアと180pxエリアのことになります。180pxエリアは3カラムのときにしか存在しないカラムになります。具体例をあげて解説しますね2カラム・メニュー左の場合この場合は左に300pxのエリアのサイドメニューがあるカラム構造になります。私のブログ自体がこの構造を使っているので理解しやすいのではないでしょうか?全体の幅は980pxで記事の部分は670pxとなります。幅の計算があわないのは、カラム同士で余白の設定がされているからなのであまり気にする必要はありません。左メニューが300pxで、記事・コンテンツ部分が670pxの構造3カラム・右ワイドメニューの場合この場合は左に180pxのサイドメニュー。右側に300pxの幅広のサイドメニューが付きます。真ん中に470pxの記事部分があることがお分かりいただけるかと思います。こちらも全体の幅との計算があわないのはそれぞれのカラム同士に余白があるからです。幅の狭いサイドが180pxで幅広のサイドが300px。記事・コンテンツ部分が470px300pxの部分の幅は原則これ以下にしないこと!!!ここで注意事項です。300pxの幅のサイドメニューは広くすることはできても、できればせまくすることはお勧めできません。その理由は・・・アメブロさんの広告枠が含まれているからです。この広告枠の幅が300pxとなっており、例えばこの300pxの幅を狭くした場合、この広告の幅までがつられて300pxよりも小さくなってしまうのです。横幅が小さくなったのなら、画像が縮小されるのかと思いきや、縦の幅をたもったまま、せまくした分だけ広告が一部切れて表示されるようになってしいます。これはお勧めできません。アメブロさん側も広告を非表示にしたり修正することは、アカウント削除の対象になる・・・かもしれない(明言されている箇所がないらしい・・・)と言っています。できればこの部分の幅を300pxよりも小さくすることはやめてくださいね♪ただし例外もあります。それはアメブロさんに月額980円を払って広告枠を消すことです。すれば300pxの枠の中に広告がなくなるので、この場合はあなたのお好きなように幅を調整することが可能となります。できるだけ全体の幅は980px以上にはしない私のパソコンのディスプレイは21インチワイドなので、現在見ているページも非常に見やすい状態になっています。ユーザー全員が21インチワイドディスプレイを持っているわけではありません。あなたが見せたいユーザーがどんなパソコン環境で閲覧しているかを考えて幅を考えるべきです。ちなみにこれはアクセス解析で簡単に確認できます。最近はデスクトップでは最低でも17インチディスプレイが増えてきているので、17インチディスプレイで980pxの幅はだいたい快適に見えているはずです。15インチだと980pxは横幅ぎりぎりなので、ちょっと威圧感があるようにみえるかもしれません。ノートパソコンのサイズではもう私のブログも一画面におさまっていません・・・なので最低でも980pxで横幅はとどめておくことをお勧めします。個人的にはもう少し横幅をせまくしたいくらいです・・・2カラムと3カラムを選ぶ基準は?最後におまけですが、この両者を選ぶ基準は、記事の書き方にあるかと思います。写真や画像をふんだんに、しかも大きく使いたいならば、2カラムをお勧めします。サイドメニューを有効に使えないデメリットもあります。そんなに画像も使わず記事メインならば、サイドメニューも有効に使える3カラムがお勧めです。カスタマイズのやりかたによってはサイドメニューの見せ方はいくらでもかえられるので、結論から言えばあまり気にしなくてもよいのかもしれません。賛否両論いろいろあるかと思います。新CSS編集用【2016年3月追加分】アメブロの記事下に定型文を張るためのサンプルカスタマイズ記事下に定型文を挿入する方法が、できなくなる。パソコン初心者でもできる。