薬剤師とザリガニの奮闘記

~薬ザリ(yakuzari)の備忘録~

h2やh3タイトルの文字を装飾しても良いのでは??という話し

【スポンサーリンク】

自分がブログを運営しているということもあり、他の人のブログも沢山見るようにしています。

記事の中身はもちろんですが、同じブロガー故に「ブログのデザイン」にも目が行きます。

このブログの雰囲気が良い感じだな~とか、蛍光ペンの太さが絶妙だな~とか、
→ブロガーの方であれば同意してくれる方もいるのではないでしょうか??

そんな時ふと思いました。

h2タイトルやh3タイトル自体のデザインに力を入れる人はたくさんいるけど、文字の装飾をしている人って見たことないな。

と。

過去の自分の記事を見返しても数は少ないのですが、意外とタイトルの文字を装飾すると良い感じになるかもしれないよ!というお話をします。

h2タイトルの文字を装飾するとは?

単刀直入に聞きますが、

皆さんの記事はカスタマイズしてますか??

私は人並みにしてます(笑)

www.yakuzari.work

こんな感じでカスタマイズをまとめた記事なんかも書きました。

この記事でも紹介していますが、h2やh3タイトルを指定した際に所定の見出しデザインが表示されるようにしています。

h2タイトル、h3タイトルのデザイン見本
当ブログのh2、h3デザインの見本

おそらく同様の設定をしている方が多いと思います。

h2タイトルなどの文字を装飾しても良いのでは??

それでは今回の記事の肝の部分を書いていきます。

読んで字の如くなのですが、先ほど紹介したようにタイトルのデザインを工夫されている方は多いのですが、タイトルの文字に装飾をしているブログは少ないのかな?と感じています。

実際に装飾とは??ということで、過去の自分の記事をチャプタした画像を貼ります。

模様替え前の様子(h2タイトル)模様替え後の様子(h2タイトル)
過去記事のh2タイトル

1枚目は「」2枚目は「」の文字サイズを150%に、色を赤に指定しています。

h2タイトルに文字を装飾
実際の編集画面

はてな記法で記事を書いている人からしたらお馴染かと思いますが、他の記法で書いている人からするとイメージが湧かないと思います。

文面上難しく見えるかもしれませんが、全てはここの画面で指定できるものでしかありません。

はてなブロガーお馴染みの画面
はてなブロガーお馴染みの画面

※「HTML編集」以外ですね。「HTML編集」はこの画面が無かったかと思います。

h2タイトルなどの文字にワンポイントを入れることでアクセントになるはず

先ほどの「模様替え前の様子」と「模様替え後の様子」のタイトルですが、「前」と「後」にワンポイントを入れることでブログ全体のアクセントの役割を担ってくれていると考えています。

実際の記事はこちらです↓↓
www.yakuzari.work

記事全体の流れはタイトルである程度作れます。

h2タイトルの下部にh3タイトルを入れて、再度h2タイトルが出てきて、、この段落構成を自分で設定することで記事の中の「起承転結」の流れを作りやすくしてくれます。しかしタイトルで段落構成を作るのにも限界があり、h2タイトルはh2タイトルでしかありません。この同じh2タイトルにも差をつける、区別すると考えた時に思いついたのが「タイトルの文字を装飾」することです。

しかし、思いついたことには思いついたのですが、どのように装飾しようかは現在悩み中です。

先ほどの「前」と「後」などの例であれば単純で良いのですが、他に何か工夫できることがあるのではないかと考えています。

そのうちこのブログのh2タイトルなどが変わるかもしれませんので乞うご期待(笑)