SimpleStock2

このたびブログを移転いたしました。 このブログに掲載された投稿は全て、下記のブログに移行しています。 ■SimpleStock3 http://webdesign-ginou.com/

このブログのフォーマットは以下の通り。

■画像.....横幅540px

---

つうことで、このブログのカスタマイズに関して、基礎的な知識の防備録。
まず、ページ全体の構成・レイアウトは以下のような入れ子構造になっているので、その辺を理解しておかないとイマイチ何がなにやらってなことになってしまう。

---

まずページ全体は、大きく｢#header｣と｢#container｣に分かれている。
...で下記が、｢#header｣部分(図のA)。LivedoorブログHOMEへのリンクなどが貼られている範囲。
■｢#header｣


■｢#container｣
下記が、｢#container｣部分(図のB)。まあ要するに実際にユーザーに与えられているスペース部分のこと。
｢#container｣内部は、｢#banner,subbanner｣部分(下図C)、｢#blogcontainer｣(下図D)部分に分かれる。

上図で分かるように....
★｢#banner,subbanner｣......ブログタイトル及びそのキャプションが表示される部分の範囲
★｢#blogcontainer｣.........実際のブログ内容部分。２カラムだの３カラムだのは、このカテゴリ以下の設定で行う。

---

■｢#blogcontainer｣
...で、｢#blogcontainer｣の中はさらに、｢#content｣(下図F)と｢#links｣(下図E)に分かれる(２カラムの場合)。

★｢#content｣(下図F).....ブログ記事部分
★｢#links｣(下図E).......カテゴリなどプラグインが表示される部分。
要するに、(設定次第だが)、２カラムのうち記事などを含む幅の広い方が｢#content｣、アフェリエイトなどを入れ込む細長い部分が｢#links｣になる。
※｢#content｣内部には、さらに｢#blog｣(下図G)が含まれる。