【カスタマイズ事例】ジンドゥーは見出しデザインだけで大きく変わる

手軽に簡単にホームページが作れるジンドゥーですが、どうにももったいないのが見出しのデザインです。

ジンドゥーは標準機能として大見出し（H1）・中見出し（H2)・小見出し（H3）が設定できますが、どれも文字の大きさが違うくらいで見た目が貧相です。

この見出しデザインをCSSで整えてあげるだけで、見栄えも読みやすさもまったく変わってきます。

ジンドゥーホームページにCSSを追加するには

管理メニュー→ヘッダー編集→でCSSを追加することができます。

大見出し（H1）のデザインを変えてみる

ヘッダー編集で以下のCSSを追加してみましょう。

h1 {

  border-bottom: 2px solid #000000;

}

こんなデザインになります。

線がついただけで見出しっぽくなるから不思議です。

中見出し（H2）のデザインを変えてみる

h2 {

padding: 0.5em 1em;

border-left: solid 4px #65ab31;

｝

先頭に緑の縦線が入ったデザインになります。

小見出し（H3）のデザインを変えてみる

h3 {

  padding: 0.5em 0.5em;

  border-top: 1px solid #000000;

  border-bottom: 1px solid #000000;

}

今度は上下に細いラインが入った見出しデザインです。

このように、数行のCSS（プログラム）を設定することで、見出しの見た目は大きく変えることが可能なのです。

できれば標準機能として装備してほしいところですが、今のところCSSを記述してカスタマイズをするしか方法がありません。

こういったカスタマイズは以下のサービスでご提供しておりますので、お気軽にご相談ください。