おしゃれな見出し用CSSデザイン集!WordPressブログにコピペするだけ!

CSS おしゃれな見出し用CSSデザイン集!WordPressブログにコピペするだけ!

ホームページやブログで見出しは必須の要素ですね。

ここでは、おしゃれなデザインの見出し用CSSサンプルを紹介します。WordPressブログにコピペするだけで使えます。

気に入った見出しがあれば使って下さい。(この記事へのリンクも自由です)

WordPressブログにCSSの見出しを利用する場合は、以下の記事を参考にしてください。

参考 LION BLOGの見出しデザインをCSSでカスタマイズ

 

ブログで収益化したいという方は、以下の記事を参考にしてください。

参考 超初心者でも収益化できるブログの始め方を分かりやすく解説

 

シンプルな見出し

シンプルな見出しデザイン集です。

アンダーライン

左と下にライン

左にライン

下に点線

上下にライン

 

二重線

左に大きいライン

左に大きいラインと下線

 

囲い枠がある見出しサンプル

次は、囲い枠がある見出し用デザインサンプル集です。

シンプルな囲い枠



文字色や枠線の色や大きさ、背景色などアレンジして好みのデザインにチャレンジして下さい。

囲いに丸みを付けた見出し



囲い枠にラインを入れた見出し


リボン系見出し



border-color: transparent transparent transparent #ffffff;

transparent transparent transparent #ffffff の色は背景色に合わせて下さい。

文字数が多く、改行してしまう場合には対応しておりません。

グラデーション系見出し



グラデーションも、なかなかいいですね~

 

おしゃれな見出しサンプル

次は、おしゃれな見出し用CSSデザインのサンプル集です。

最初の文字だけ大きくする見出し

蛍光ペン風の見出し



タイトル付き見出し


ワンポイント見出し

落ち着いたデザインの見出し

落ち着いた感じのデザインで見出しを作ってみました。


 

まとめ

見出しのデザインは、ブログのデザインを決めてしまう大事な項目の一つですよね。

どのような見出しのデザインにするか迷うところです。おしゃれな見出しのCSSにするか、シンプルな見出しにするか好みですので、気に入ったCSSをコピペして使ってください。

WordPressのブログに見出し用のCSSをコピペして使うには以下の記事を参考にしてください。

参考 LION BLOGの見出しデザインをCSSでカスタマイズ

 

その他、LION MEDIAやLION BLOGのカスタマイズは、以下の記事で総まとめしていますので参考にしてください。

参考 LION MEDIA(BLOG)の全てが分かる!カスタマイズ総まとめ【保存版】

キャンペーンを実施しているサーバー

国内シェアNo1レンタルサーバー「エックスサーバー」です。有名なブロガーも使用している安心できるサーバーです。

12/9まで「ドメイン無料キャンペーン」さらに「利用料金が最大30%OFF」のキャンペーンを開催中なので、サーバーを探している人は、今が絶対にチャンスです。

キャンペーン詳細

 独自ドメイン永久無料特典

サーバーご契約者様が、独自ドメインを1つ無料で利用でき、「.com」や「.net」などの人気ドメインが、サーバー契約が続く限り永久無料です。

 利用料金最大30%OFF

利用料金が割引されるのは、お得感満載です。
月々693円〜サーバーをレンタルできます。

絶対今がチャンスですね。

詳しいキャンペーン情報はこちらから

おしゃれな見出し用CSSデザイン集!WordPressブログにコピペするだけ!
フォローお願いします