◆タイトル部分を変更するには...
シーサーブログは、基本的な「html」のレイアウトが、共通になっています。
だから、ひとつのテンプレートの構造が 解ると、他のテンプレートも簡単にカスタマイズできるようになります。
ブログの構造が共通になっているのは、カスタマイズをするときに、とても便利です。
基本的な構造は「Seesaaブログのカスタマイズ編」のTOPページに記載していますが、 タイトル部分をカスタマイズするには「CSS」の「#banner」の中に記載されています。
ここで記載されている「CSS」は、「外枠の罫線:border」「背景画像:background-image」 「背景色:background-color」「枠の高さ:height」などの設定が出来ます。 また、タイトルは「h1」で、細かいデザインを設定しています。
ブログの紹介分の文字サイズや配置は「.description 」で変更することが出来ます。
では、実際に スタイルシートを変更をしてみましょう。
Seesaaブログのマイページで作成したブログを選んで「デザイン一覧」をクリックし、現在使用している「スタイルシート」 を、開きます。
タイトル部分の基本的なスタイルは「#banner」に、記載されていますので{ }の中に「背景色」を設定する 「background-color:red;」を記載してみましょう。
既に背景色が設定されている場合は、「background-color」の後の「:;」の間に「red」「navy」「green」 などを、記載してレビューボタンをクリックしてみましょう。
「スタイルシートを変更する」のボタンをクリックしない限り「スタイルシート」は変更されないので、ぜひお試しください。
「背景色」を変更してみると「#banner」が、どの部分なのかがはっきり分かります。カスタマイズする際は、背景色に 「#f0ffff;」などの薄い色を設定してから、カスタマイズの作業を行うと、とても解りやすいのでお勧めです。
「プレビュー」ボタンで確認して、そのまま変更する場合は「スタイルシートを変更する」を、クリックします。
「スタイルシート」を、変更しない場合は、「記事投稿」などのメニューボタンをクリックするとクリアされます。
★ブログのカスタマイズを行う際は、背景色を設定することで、どの部分が変更されているか、とても解りやすいので、ぜひお試しください!!
★ブログのアクセス解析機能!詳しくは...⇒Seesaaブログ
◆Seesaaブログの登録は簡単無料...
Seesaaブログなら面倒なレイアウトが、簡単にカスタマイズ出来ます。また、「HTML」や「CSS」が変更できるのでSEOを考えた <h>タグの設定や、まるでホームページのような大胆なレイアウトなどが可能です。しかも1つの登録でブログが100サイトまで作れるのも魅力です。
すぐにブログを作成する...⇒Seesaaブログ