スマホとパソコンで改行の位置を変更して、デバイスごとにテキストを美しく整える方法 – ワードプレステーマTCD
スマホからWEBサイトを閲覧することはもう当たり前です。 サイトを制作する側も、スマホからの見え方を必ず意識する必要があります。WordPressを活用する際もレスポンシブ対応のテーマを使って終わりではありません。デザインや大枠の部分は最適化されて表示されても、テキスト部分はどうでしょうか？変なところで改行されて字余りになったり、バランスが悪くなっていたりしませんか？ 弊社で販売しているテーマでもスマホとPCで表示するコンテンツを別々に設定することができるテーマはございます。しかし、デバイスごとのテキストの改行位置まで自動認識できる機能は、まだございません。 というわけで、今回はHTMLとCSSを少しだけ使って、閲覧するデバイスによってテキストの改行位置を変更する簡単な方法をご紹介したいと思います。 スマホでのみ改行したい時に使える一番シンプルな方法 さっそくスマホで見た際にのみテキストの
読みやすいブログの改行の仕方について本気で考えてみる
<p>今日はとても良いお天気ですね。</p> <p>久しぶりに晴れたので、たまっていた洗濯物を、ベランダの端から端までいっぱいに干しました。</p> <p>それから部屋の掃除をして、午後からは近所のスーパーへ買い物にでかける予定です。</p> <p>水曜日はお肉の特売日だから、まとめ買いのチャンス！</p> スマホでみるイメージ フォントサイズや文字間隔によって変わりますが、1段落ごとにまとまった文章で、読みやすくなります。 ただし、1段落の行数が多くなると、スマホで読んだ時に行間がなくなってしまい、文字の固まりになってしまいます。 文字の大きさにもよりますが、1段落2～4行以内におさめると良いかもしれませんね。 ブログで見かける<br />改行をいっぱい使った文章ちなみに、真逆のことを言っているサイトも多々あります！ どういう文章かというと、意図的に改行<br />を使った文章のことで、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
