文字を見やすくするスタイルシートは１００％必要です
スポンサード リンク
ホームページから長文が消えているワケを理解しよう
ホームページでの長文とは５０００文字以上の事を一般的に言われています。
本でいうと約２枚の見開きの文字量です。
実際に文字の見易さが重要なポイントなのは、年間嫌われランキング第２位が『文字』であることに起因します。
文字は基本的にみんな読みたくない、又は、読みにくい事が大嫌いなんです。
そこで、実際に文字を読みやすくするスタイルシートというものが日本では必須事項になっています。
これはアルファベットと比べてみるとわかります。
abcdefghi あいうえおかきくけこ
このように、文字とアルファベットの違いは大きさにあります。
日本語の場合、アルファベットに比べると大きいんですね。
この大きい日本語を読みやすくする為には、行間が最も重要だといわれています。
では、スタイルを使用しているケースとしていないケースを見比べて見ましょう。
私の他のブログの更新状況ホームページでの長文とは５０００文字以上の事を一般的に言われています。
本でいうと約２枚の見開きの文字量です。
実際に文字の見易さが重要なポイントなのは、年間嫌われランキング第２位が『文字』であることに起因します。
文字は基本的にみんな読みたくない、又は、読みにくい事が大嫌いなんです。
そこで、実際に文字を読みやすくするスタイルシートというものが日本では必須事項になっています。
これはアルファベットと比べてみるとわかります。
このように、文字とアルファベットの違いは大きさにあります。
日本語の場合、アルファベットに比べると大きいんですね。
この大きい日本語を読みやすくする為には、行間が最も重要だといわれています。
では、スタイルを使用しているケースとしていないケースを見比べて見ましょう。
[１]スタイルを使用していないケース
[２]スタイルを適応したケース
比べてみていかがでしょうか？
行間に空間があるだけで読みやすくなっていませんか？
これを実践するだけで、実際のリピート率は大きく変わります。
それでは実践してみましょう。
ここではもっとも単純な方法をご紹介します。
これを<head>と</head>の間に挿入してください。
これだけてページ全体の行間が開くことになります。
これを応用して、テーブルごと、又は領域ごとに決めることで、さらに読みやすいホームページを作る事ができるようになりますよ。
新ブログ：ITクオリティもよろしく。
この記事のコメント (6)
スポンサード リンク
はてなブクマ[２]スタイルを適応したケース
比べてみていかがでしょうか？
行間に空間があるだけで読みやすくなっていませんか？
これを実践するだけで、実際のリピート率は大きく変わります。
それでは実践してみましょう。
ここではもっとも単純な方法をご紹介します。
<style type="text/css">
<!--
body {
line-height: 100%;
}
-->
</style>
これを<head>と</head>の間に挿入してください。
これだけてページ全体の行間が開くことになります。
これを応用して、テーブルごと、又は領域ごとに決めることで、さらに読みやすいホームページを作る事ができるようになりますよ。
新ブログ：ITクオリティもよろしく。
この記事のコメント (6)
スポンサード リンク
 |
 |
 |
 |
» セキュリティソフトのカスペルスキーがいかに強気なのかを確認できる一覧[ネタ]
» [これすご]70のphotoshop修正テクニック
» 旭川で行われたMicrosoftのセミナーに壮大に釣られた
» ブロガーは2クリック以内にワンクリック詐欺サイトに到達する可能性が高い
» Adobe Fireworks（8)のweb2.0なレイヤースタイル131＋48個＋おまけ
» アメブロのブログマナー定義がどうも腑に落ちない
» FLASHベースのリッチテキストエディタ『obedit』
» 画像にメッセージを埋め込むflickr見たいな機能のJavaScript
» ７月と言えば『まとめ祭り』ということで、まとめエントリーをまとめました
» 『こんなwebサイトは嫌だベスト20』をチェックシート化して現場に持っていこうと考えてPDF形式で作った
» 『YouTubeを見ている全てのユーザー視聴情報をバイアコムへ』米国法廷が裁決。
» [ゲーム脳]DS版ディスガイアが本当にヤバイ理由を懇々と説明するよ
» 相手サイトのサムネイル画像を簡単にブログにはるタグを作るeパレット2
» ゆーすけべーさんになるべく粗相のないように『YourFileHost の FLV をダウンロード』用ブックマークレットを作った
» 有益なwebコンテンツを生み出すための5つのノウハウ
Comment
はじめまして。
私のつたない知識でよろしければお力になります。
この記事は、通常ブログというものに対しての記事ではなく、HTMLによるホームページ作成に使う用途としてご紹介させていただいたものなんです。
誤解を招くようですいませんでした。
見たところZondagさんのURLをたどるとFC2ブログでしたので、この場合は『テンプレートの編集』が必要になります。
管理画面の『環境設定』に、『テンプレートの設定』という項目があります。
これをクリックすると中に現在使用しているテンプレートに旗のマークがあると思いますので、その『編集』を押します。
すると『HTMLの編集』と『スタイルシートの編集』という二つのボックスが出てくると思いますが、このスタイルシートを変更する事になります。
FC2は各ユーザー達が作ったテンプレートを自由に使えると同時に、人のCSSなので、全て決まりきっているわけではないのです。
そのため、これから記述する事が使えるかどうかという保障もありませんので、よろしくお願いします。
スタイルシートの中を探して
.entry .body {
line-height: 160%;
}
緑色の項目を探します。
その中に赤字の項目があれば、そこを160%くらいにしてみます。
数字を大きくすれば間が開きます。
ただし、これはエントリー部分。
日記の中の内容を示すスタイルなので、他の部分は他の赤字をいじるようにしてください。
説明が苦手でもうしわけありませんが、がんばってくださいね。
でわでわ。
ごていねいにありがとうがざいました。
ですが、試してみたのですが、プレビューでは「ん！いいかんじ！」になるのですが、実際に見てみると変わっていませんでした。
default というテンプレートなんですが・・
でもどうもありがとうございました。
to zondagさん
もしまだご覧になっていたら・・・FC2ブログテンプレートのカスタマイズに関するご質問は、ユーザーフォーラムのテンプレート掲示板などの方でどうぞ。
FC2ブログユーザーフォーラム
http://blog.fc2.com/forum/index.php
ただし、下記は一読してください。
初めて質問する前に読んでください：
http://blog.fc2.com/forum/viewtopic.php?t=496
＃別に回し者ではありませんが、WebLOGサービスにおいては管理人に質問するより、フォーラムなどを利用する方が自然だと思いますので。
縋里十里さま：
フォーラムの関連掲示板を読みましたが解決できなかったので、そちらに質問しました。フォーラムの存在を教えていただきありがとうございます。
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
こんにちは、はじめまして。
いつも、文字間隔が詰まりすぎていて、もう少し見やすくしたい！と思っていたので、このお話はとても参考になりました。
ですが、私はHTMLは全く判らないド素人でして、
「これを<head>と</head>の間に挿入してください。 」というのがわかりません（泣）。
文章の一番上に四角の中の文字を挿入したところ、プレビューでは文字間隔があいたのですが、実際に見てみると前と変わっていません。
どのようにしたら良いのでしょうか？
ご教授お願いいたします。