2011年01月31日

【第50回】ここまでのまとめ(第41回〜第49回)

こんにちは、ほくほくです。

早いもので、このブログも始めてから50記事目に到達しました。

始めは軽い気持ちで書き始めたブログだったのですが、いざ書いてみるといろいろと書くことがあって・・・
いつの間にか50記事です。

さて、50回目の今回は、恒例のまとめ記事です。
第41回から第49回で解説したデザインカスタマイズ方法の概要をお伝えします。

なお、それ以前の記事については、こちらをご覧下さい。

  ◆【第10回】ここまでのまとめ(第1回〜第9回)
  ◆【第20回】ここまでのまとめ(第11回〜第19回)
  ◆【第30回】ここまでのまとめ(第21回〜第29回)
  ◆【第40回】ここまでのまとめ(第31回〜第39回)



【第41回】背景画像を変更する

ブログの背景画像を設定する方法をご紹介しました。

ブログの背景画像は、設定するクラスによって表示位置が異なりますし、またブラウザのスクロールに合わせてスクロールさせる/させないの選択、繰り返し表示の有無など、様々な設定が可能です。

ブログの表情が大きく変わる設定です。

SD_041_02.jpg



【第42回】文字サイズの定義方法

残った未解説部分で、一番大きな変更、それが文字サイズの変更です。

このブログをご覧頂いても分かる通り、ブログは様々な大きさの文字で構成されています。
そして、それらを変更することにより、ブログの見た目も変わっていきます。

幸い、Seesaaブログのテンプレートでは、文字サイズの定義はある程度まとめて記載されています。

この回ではまず、文字サイズの定義方法によってはブラウザに依存してしまうことを解説し、以降の文字サイズ変更シリーズにつなげていきます。

SD_042_01.jpg



【第43回】ブログ全体の文字サイズを変更する

ブログの文字サイズの変更方法として、まずブログ全体の基本的な文字サイズの変更を解説しています。

ブログでは、文字サイズの定義がいくつかありますが、それ以外の部分には全体定義のサイズが適用されます。
この回では、その全体定義部分の変更方法を解説しています。

SD_043_01.jpg



【第44回】ブログ説明文の文字サイズを変更する

ブログのタイトルの下に表示されている、説明文の文字サイズを変更する方法を解説しています。

この回をご覧頂いても分かりますが、基本的に文字サイズの変更は、どのクラスがどの部分に適用されているかを把握してしまえば、あとは非常に簡単な作業になります。

SD_044_02.jpg



【第45回】タグタイトルの文字サイズを変更する

タグタイトルという、あまり耳にしない、そして使用頻度のあまり高くない箇所の文字サイズの変更方法を解説しています。

使用頻度が少ないとはいえ、閲覧者に見えるところ。
そういう細かいところにまで気を配る方は是非ご覧下さい。

SD_045_02.jpg



【第46回】サイドタイトルの文字サイズを変更する

このブログで何度もご紹介してきた、サイドバーコンテンツのタイトル。

この回では、その文字サイズの変更方法をご紹介しています。

SD_046_02.JPG



【第47回】記事タイトルの文字サイズを変更する

記事のタイトルは、ブログ閲覧者が最も頻繁に目にするところでもあります。
従ってその文字のサイズは、閲覧者が見やすいように、ブログ全体のデザインとの関係性も考慮して設定する必要があります。

と書くとなんだか難しく聞こえますが、要するに記事タイトルの文字サイズの変更方法です。

簡単ですので、お試しください。

SD_047_01.JPG



【第48回】記事日付の文字サイズを変更する

記事の上部に表示される日付もまた、閲覧者が目にしやすい箇所です。

第47回と同じく、大きさを調整してみましょう。

SD_047_02.JPG



【第49回】記事タグの文字サイズを変更する

あと、記事の中で文字サイズが気になる箇所は、記事に付けたタグの文字サイズです。

これ以前の回をご覧頂いていれば、簡単に変更することができると思います。

SD_049_01.jpg



以上が、第41回から第49回に掲載した内容になります。

第42回以降、文字サイズの話一辺倒になっていますが、あと少しで一通りの説明が終わりますので、どうぞよろしくお付き合いください。

▼▼▼▼▼▼▼▼▼▼▼▼▼
参考になりましたら
クリック&応援をお願いします
にほんブログ村 ブログノウハウへ
▲▲▲▲▲▲▲▲▲▲▲▲▲

【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ
ラベル:まとめ
posted by o(^0^)o ほくほく at 19:51| Comment(0) | PCブログデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。