自分がブログを運営しているということもあり、他の人のブログも沢山見るようにしています。
記事の中身はもちろんですが、同じブロガー故に「ブログのデザイン」にも目が行きます。
このブログの雰囲気が良い感じだな~とか、蛍光ペンの太さが絶妙だな~とか、
→ブロガーの方であれば同意してくれる方もいるのではないでしょうか??
そんな時ふと思いました。
「h2タイトルやh3タイトル自体のデザインに力を入れる人はたくさんいるけど、文字の装飾をしている人って見たことないな。」
と。
過去の自分の記事を見返しても数は少ないのですが、意外とタイトルの文字を装飾すると良い感じになるかもしれないよ!というお話をします。
h2タイトルの文字を装飾するとは?
単刀直入に聞きますが、
皆さんの記事はカスタマイズしてますか??
私は人並みにしてます(笑)
こんな感じでカスタマイズをまとめた記事なんかも書きました。
この記事でも紹介していますが、h2やh3タイトルを指定した際に所定の見出しデザインが表示されるようにしています。
おそらく同様の設定をしている方が多いと思います。
h2タイトルなどの文字を装飾しても良いのでは??
それでは今回の記事の肝の部分を書いていきます。
読んで字の如くなのですが、先ほど紹介したようにタイトルのデザインを工夫されている方は多いのですが、タイトルの文字に装飾をしているブログは少ないのかな?と感じています。
実際に装飾とは??ということで、過去の自分の記事をチャプタした画像を貼ります。
1枚目は「前」2枚目は「後」の文字サイズを150%に、色を赤に指定しています。
はてな記法で記事を書いている人からしたらお馴染かと思いますが、他の記法で書いている人からするとイメージが湧かないと思います。
文面上難しく見えるかもしれませんが、全てはここの画面で指定できるものでしかありません。
※「HTML編集」以外ですね。「HTML編集」はこの画面が無かったかと思います。
h2タイトルなどの文字にワンポイントを入れることでアクセントになるはず
先ほどの「模様替え前の様子」と「模様替え後の様子」のタイトルですが、「前」と「後」にワンポイントを入れることでブログ全体のアクセントの役割を担ってくれていると考えています。
実際の記事はこちらです↓↓
www.yakuzari.work
記事全体の流れはタイトルである程度作れます。
h2タイトルの下部にh3タイトルを入れて、再度h2タイトルが出てきて、、この段落構成を自分で設定することで記事の中の「起承転結」の流れを作りやすくしてくれます。しかしタイトルで段落構成を作るのにも限界があり、h2タイトルはh2タイトルでしかありません。この同じh2タイトルにも差をつける、区別すると考えた時に思いついたのが「タイトルの文字を装飾」することです。
しかし、思いついたことには思いついたのですが、どのように装飾しようかは現在悩み中です。
先ほどの「前」と「後」などの例であれば単純で良いのですが、他に何か工夫できることがあるのではないかと考えています。
そのうちこのブログのh2タイトルなどが変わるかもしれませんので乞うご期待(笑)