2016年3月より、「CSS編集用デザイン」テンプレートが新たに3つ追加されました。そちらのカスタマイズでは以下のカスタマイズが使えないものも多いため、「新CSS編集用デザイン徹底解剖」と題して新たに目次を設けてカスタマイズの方法を公開中です。2016年3月前の従来のCSS編集用デザインについてのカスタマイズは、当ページでカスタマイズができますので、ご利用状況に応じて使い分けてください。メニュー」の解説をします。サイドバー部分は、主にあなたのプロフィールやコンテンツ一覧が並ぶ部分です。ブログの読者があなたのブログコンテンツに興味を持ったときに目が行くエリアです。この部分を際立たせ、あなたの読者が訪問しやすい環境を作ることもカスタマイズでは大切なことです。ヘッダーやナビゲーションを付ければ大方のカスタマイズは完了したようなものですが、より読者に見てほしいページをアピールすることができるようにさらにサイドメニューもこだわれば、目を惹くブログページになりますよ♪なので、今回からまた何回かにわけてサイドメニューの説明をしたいと思います。今回は基本理論の解説をします。あなたがCSS編集用画面のどの部分を修正したら、どのような効果がでるかをしっかり身につけてもらうためにはどうしても最初の基本理論の解説が必要になってしまいますので、まずはここを頑張って読み進めてもらい次回以降につなげていってもらえたらと思います。前置きが長くなりましたが、解説します。サイドメニューとはどこの部分のことを言ってるの?そもそもサイドメニューはどの部分のことを言っているのでしょうか?サイドメニューとは私のブログで言う左にある部分のことです。私のブログは「2カラム・左サイドメニュー」を選択していますが、「3カラム」なら現在見ている記事の両脇、または右端にサイドメニューが並ぶことになります。CSSを確認するではCSS編集用画面を開いてください。メニュー」の部分を見てみましょう♪コードは以下のようになっています。サイドメニュー本文エリアskinMenu2のエリアの4つのエリアにわかれています。それぞれのブロックが実際にあなたのブログのどの部分のことを言っているのかを下にイメージとして掲載しました。上記イメージの解説1.skinMenuサイドメニューブロックの全てを囲うエリアです(画像でピンクの部分)2.skinMenu2サイドメニューブロックの全てを囲うエリアです(画像で緑の部分。1と全く同じ大きさの枠です)3skinMenuHeaderサイドメニューブロックのヘッダー部分です(画像でブルーの部分)4.skinMenuBody3のヘッダー下の部分(画像でブラウンの部分)これら4つのブロックを駆使?して背景を設定したり画像を挿入したりするわけです。基本的にはプロフィールや、テーマ、そしてカレンダー等のブロックの構成は上のイメージと全く同じで、上記スタイルを変えれば全ての配色の変更が可能となります。これは2カラムでも3カラムでも全て同じです。サイドメニュータイトルを画像にしたいときは個別の設定が可能となります。最終的には個別に設定する方法も紹介しますが、まずは基本的なところから行きましょう。次回はこれらに修正を加えて自由に配色や枠線を設定する方法を解説します。新CSS編集用【2016年3月追加分】アメブロの記事下に定型文を張るためのサンプルカスタマイズ記事下に定型文を挿入する方法が、できなくなる。パソコン初心者でもできる。