こんにちは、ほくほくです。
今日は、ブログデザインを変更するお話。
早速、「CSSでブログのデザインを変えてみよう！」に従ってデザインを変えていきましょう。
・・・とその前に、まずはブログデザインの構成と編集方法をおさえておきましょう。
このブログは、様々なパーツで構成されていますが、大きく分けると4つのパートで成り立っています。
①ページ全体（緑枠線）
②メインコンテンツ（オレンジ枠線）
③サイドバー（赤枠線）
④背景画像（青枠線）
つまり、ブログのページは①の一つの大きなボックスになっていて、その中に②のメインコンテンツのボックスや、③のサイドバーのボックスが入っている形になります。
これらに加え、メインコンテンツには各ブログ記事がボックス形式でいくつか入り、サイドバーにはカレンダーや記事一覧が同じくボックス形式でいくつも入っているわけです。
ようするに、ハコがいくつも入れ子になっているのが、ブログの構成になります。
これから、これらのパーツを編集していくわけですが、Seesaaブログでの編集は下記画面から行います。
ランキングクリック＆応援、よろしくお願いします
この画面は、
「マイブログ」⇒「デザイン」⇒「デザイン一覧」
でテンプレートの一覧を表示し、そのタイトルをクリックすると表示されます。
Seesaa以外のブログでは、例えば「スタイルシートの編集」といった画面が用意されているので、そちらを使って下さい。
CSSは、少し編集を間違えただけで、ページの表示が大きく変わってしまったりします。
デザインを最終確定させるまでは、画面上の「プレビュー」ボタンを使ったりしてデザインをこまめにチェックしましょう。
準備が整ったら、いよいよCSSの編集開始です。
（以下、次回です）
＜CSS編集関連記事＞
◆CSSでブログのデザインを変えてみよう！
◆①CSS編集の基本
◆②ページ全体の幅を広げる
◆③右サイドバーの幅を広げる
◆④左サイドバーとメインの幅を広げる
◆⑤背景画像を変更する
◆⑥記事コンテンツに枠線をつける
◆⑦サイドコンテンツに枠線をつける
＜参考書＞
◆スタイルシート辞典
◆HTMLタグ+スタイルシート辞典ちび
▼▼▼ 年利20%以上の簡単FXシステムトレード『o(^0^)o ほくほくFX』 ▼▼▼
◆投資資金の稼ぎ方タグ：ブログ
