学び learning

《JIN》見出しデザイン設定 for初心者

JINでは見出しのデザインが豊富に用意されています。

当サイトではメインカラーがグレーなので、見本を集めると少し暗い印象になってしまいましたが、カラーとデザインで組み合わせは無限大ですよね。

ブログカラーにあったデザインを選択して、自分好みの雰囲気を作ってください!

大見出し(H2)デザイン

大見出しはスタイル1~10の10種類から選択できます。

見出しについて

ブログなどのWEBページを表示させるための元となる言語のHTMLで、見出しは「heading」の意味のhを記号として、大きい順にh1、h2、h3・・・と表記されます。

h1は記事の題名になるので、その記事内でつけていく見出しは、大見出しがh2、大見出しの中にある小見出しはh3、さらに中にある小見出しはh4となります。

大見出しの見本

小見出し(H3)デザイン

小見出し(H3)はスタイル1~7の7種類から選べます。

小見出し(H3)見本

小見出し(H4)デザイン

小見出し(H4)は4種類から選ぶことができます。

小見出し(H4)見本

アイコン選択(H2、H3、H4)

大・小の見出しの前にそれぞれ4種類のアイコンをポイントに設定することもできます。

このかゆいところに手が届くデザイン設定が出来るのもJINの魅力ですよね。

アフィリエイトサイトなんかではチェックのアイコンがあると説得力が増すと思います。

見本:チェック

見本:チェック(丸)

見本:クローバー

見本:ブックマーク

見出しのオリジナルデザイン

JINではさらに、見出しのデザインをオリジナルに変更することができます。

たくさんのデザインを用意してくれているうえに、上級者じゃなくても変更できるよう、記述箇所を作ってくれているなんて、なんというきめの細かさ。すごいの一言です。

といっても、良いデザインとそれを形にするCSS知識がないと記入が出来ないので、今の私には使えないのですが^^;。

本サイトの《見出しデザイン設定》

見出しのデザイン1つをとっても、自分好みのサイトを作ろうと思ったら、色々大変ですが、JINではデザインをたくさん用意してくれているので有難いですよね。

私ももう少し成長したら、さらにオリジナルのデザインに挑戦していきたいです。

ドラマっぷ 設定
  • 大見出し(H2)デザイン:スタイル8
  • 小見出し(H3)デザイン:スタイル3
  • 小見出し(H4)デザイン:スタイル3
  • アイコン選択:全て設定なし
  • オリジナルデザインのCSS記述:設定なし