【はてなブログ】リライトすべき所(見出し・もくじ)
昨日の記事でブログ開設から30日が経過しました。
応援してくださる皆様ありがとうございます。
ただ継続する事に精一杯で自分の記事を見直し・リライトをする事が出来ていませんでした。
丁度節目と言う事で、昨日の記事を使って以下のポイントを改善してみました。
↓昨日の記事はこちら↓
見やすい記事の書き方
書く事に一生懸命になり文字を羅列しただけでは読者さんに取って、読み辛い記事になっていたと思います。
一般的に言われる、読まれる記事の書き方である以下3点を私はアナログで対応していました。
・こまめな改行
・空行の挿入
・見出し部に【】を付ける
正直、中々ツラい事になっている事は薄々気づいていたので今回改善を試みました。
はてなブログに搭載されている機能を使いリライトを施した結果を後に記載しています。
まだ未対応と言う方は参考にして下さい。
見出しの追加
記事の中で大きく内容が変わる所には、読んでくださる人にそれが伝わる様に見出しを設けます。
単純に「【 】」を見出しタイトルの前後に追記した今までの方法だと以下の様な表示になります。
はてなブログの編集機能で対象の行を見出しと定義すると以下の様になりました。
※見出しは3種類用意されており「大見出し」を設定してみました。
もくじの追加
以前は「<もくじ>」と言う文字列を手書きした後、見出しに使用していた文言をコピー&貼り付けしていました。
結果こんな感じで表示されていました。
もくじがある事自体に違和感は無いですが、記事にジャンプ出来ないです。
ただの文字だから。。。
そして、はてなブログの編集機能でもくじを定義すると以下の様になります。
枠に囲まれて少しオシャレになっています。当然、記事にジャンプもします。
ついでに番号は消しておかないと格好悪いですね。
残った課題
はてなブログに搭載されている機能を使う事で、記事はかなり見やすくなりました。
ただ、これで終了とは行かない様です。
(何故ですか、はてなブログさん!?)
同じ記事でもPCとスマホで見え方が違います。
と言うか、見出しに付いてはスマホには摘要されていないに等しいじゃ無いですか。
これに付いて他の方がどの様に対応しているか見てみると、CSSの知識がいる様です。
私にはサクッと記事に出来そうに無いのでまた今度にします。
読んで頂きありがとうございました。
見出しの中にh2タグがないのも、何とかしないと・・・。