■ブログのデザインを決めるCSS(スタイルシ−ト)の設定方法

スポンサードリンク

■ブログのデザインを決めるCSS(スタイルシ−ト)の設定方法

今日からいよいよSeesaaブログのカスタマイズに行きたいと思います。

SeesaaBLOGにまだ慣れていない方は、まずは「SeesaaBLOGの使い方」を参考にしてください。

そして、慣れてきてちょっとカスタマイズしたいなという方は、これから説明することを参考にしてください。

アフィリエイトに挑戦される方は､カスタマイズしたほうがいいと思います。

但し、ここからはちょっと難しくなります。おかしくなったら初期値に戻せばよいようですが、自信のない方はやらない方が無難かもしれません。

また、不具合が生じた時アドバイスは致しますが、自己責任でやって頂きたいと思います。


今日は、ブログのデザインを決めるスタイルシ−トの設定方法について説明します。

ランキングに参加中！←今回は、長くなるので記事を読む前に応援お願いします！

Seesaaブログ にはもう登録した？

スタイルシートは、何ぞやって言う人は、たくさんいると思うのですがとりあえず説明を読んでみてください。

これを変更することで、全体のレイアウト、背景色、余白の設定、枠線をつける、文字の大きさ、色、リンクの色などを変えることが出来ます。

それでは、SeesaaBLOGでスタイルシートの設定を変える方法を説明していきます。

｢習うより慣れろ」なんで私の説明を参考にして皆さんも頑張ってやってみてください。

また、オフィシャルページも参考にしてください。

重複したところもありますが、説明していきます。

私はしておりませんが、スタイルシートは、トップ、記事、過去ログ、カテゴリの各ページごとに設定することができるようです。

各ページごとの設定をしない場合には、トップだけ変更すればいいと思います。

手順は以下のようになります。

1. マイブログのメニューより［デザイン］を選択してください。
2. デザイン画面が表示されますので、上部メニューより［スタイルシート］を選択してください。
3. するとスタイルシート画面が表示され、これまでに追加されたスタイルシートが一覧表示されています。
   スタイルシートの追加は、まずデザインの中のテンプレートをクリックしてみてください。
   次に、自分が変えたいテンプレートにチェックを入れてください。
   チェックを入れたら、一番下の追加をクリックしてください。
   これで、スタイルシートの追加が完了です。
4. 一覧から適用したいスタイルシートの［適用］欄のラジオボタンを選び、［保存］ボタンをクリックしてください。

次にスタイルシートの編集方法について説明します。

1. 一覧から編集したいスタイルシートの［タイトル］をクリックしてください。
2. するとスタイルシート編集画面が表示されます。
3. ［スタイルシートのタイトル］を変更したい場合は、新しいタイトル名称を入力してください（初期値は、テンプレートのタイトルが設定されています）。※これは特に変更する必要はありません。
4. スタイルシート欄にスタイルシートのソースデータが表示されていますので、直接編集を行います。
5. 途中変更結果を見る場合は、［プレビュー］ボタンをクリックしてください。
6. 編集が完了したら、［スタイルシートを変更する］ボタンをクリックしてください。
7. 変更を反映させるためには、再構築が必要です。再構築の範囲は「CSS(スタイルシート)」です。

こんなふうにすれば、スタイルシートの変更及び編集することができます。

スタイルシートを編集するには、少し知識がいるのでこれからカテゴリ「スタイルシート」で少しずつ説明していこうと思います。

次回は、スタイルシートの記述方法の基本を説明していこうと思います。

ランキングに参加中！←応援お願いします！

■ブログのデザインを決めるCSS(スタイルシ−ト)の設定方法

ブログは読むだけでも楽しいですが、自分で作るともっと楽しくなること間違いなし。登録はこちらから簡単にできます→→ Seesaaブログ

スポンサードリンク

最後まで、読んで頂いてありがとうございます。お気に入りに追加してくれたら嬉しいです。
→→

RSSをRSSリーダーに登録しても便利だと思います。