またろぐスマートフォン用の表示で見るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。読者です読者をやめる読者になる読者になるまたろぐHOMEスマホ情報MVNOタブレットデザインまとめオススメ製品その他まとめプライバシーポリシー2015-03-15はてなブログの見出しをインパクトあるように変更しましたまとめまとめ-デザインシェアするTwitterGoogle+Pocket他の方々のブログを拝見していると、これいいなと思うデザインが多くありますよね。そこで、私は少しずつブログデザインを変更し、記事を読みやすくする工夫をしようと思い、その中で実践したことを紹介しょうと思います。はてなブログの見出しはてなブログのデフォルトの見出しは基本的に文字の大小で分けられているため、読者に良心的なデザインとは言いがたいです。どのようなデザインが良いのか見出しの違いを分かりやすくするために、色や線を使用することで見出し(セクション)の区切りを分かりやすくすることが大切だと考えています。色や線で区切れば、話の流れの区切りを明確にすることができます。人気のあるサイトを拝見していると、シンプルなものもありますが、基本的に見出しは色や線を使用しているサイトが多い感じがします。今回参考にした記事こちらのサイトは多くの見出しの例が示してあり、大変参考になります。はてなブログに適用するときは一部修正が必要です。.headding××の部分を変更する必要があります。blogこちらのブログははてなブログ向けに見出しの変更方法を紹介しています。Lab2見出しの変更方法ブログデザインのCSSを上記サイトのコードを参考に変更すれば、見出しを変更できます。はてなブログでは、スマートフォンのCSSも同様に変更して下さい。」などとすれば、見出しにclassを設定する必要はありません。見出しの使用方法はてなブログで見たままモードなどで書く場合、大見出し(h3)を最初に使用しないようにして下さい。ctrl+2のショートカットなどでh2を設定するようにしましょう。記事の構成として、以下の様な構造が理想的です。見出しの順番を守りましょう。19:00スポンサーリンクシェアするTwitterGoogle+Pocketもしこの記事が気に入って頂けましたなら、シェアして頂けるとすごく嬉しいです。iPhone6sにインストール...2015年はてなブログの人気エントリーにつ...»プロフィールid:mataro1家電やWeb情報,アプリ開発大好き人間です。オススメの製品やアプリなどを紹介しています。お問い合わせ先mataro.phone[@]gmail.com[@]を@に変更し、メールをお送りください。スマホ料金の相談をSkypeで1時間1500円で受け付けています。(1)月別アーカイブ。