ブログの悩みどころ見出しデザイン(h2)をすこし考えてみました。

カテゴリー:WordPress    |    タグ:

ブログの悩みどころ見出しデザイン(h2)をすこし考えてみました。

ブログをやっていて見出しデザインというのは、結構悩みどころだと思います。

現在はとってもシンプルにしてあるのですが、最初はリボン型っぽいものをジェネレーターで作成して使っていました。

ブログの見出し

今回少しだけですが作ってみました。
画像は使っていません。CSSだけ!

まとめたもの(結果一覧)

See the Pen title by mami (@yoshida) on CodePen.

HTMLのタグはすべて共通のもの(h2)を使用。
:before:afterという擬似要素を使って作っています。

ラベルのようなもの(Version: 1)

三角形を上下に(Version: 2)

引用っぽいもの(Version: 3)

某大手ブログっぽいもの(Version: 4)

ただの三角です(Version: 5)

marginpaddingなどをご自身の環境にあわせて変更してください。

何か参考になれば幸いです。

ADVERTISEMENT

  • Pocket
  • このエントリーをはてなブックマークに追加

published:2014/05/25    Written by:
カテゴリー:WordPress,      タグ:

最後まで読んでくれた方へ。

閲覧頂きありがとうございました!
お気に召しましたら是非RSS登録やフォローをお願いします!

Twitter

関連記事

memotonewsp

【Stinger3カスタマイズ】だいぶ落ち着いたのでこのブログで変更したところを書き留めておく備忘録 #2

前にも書いたのですが、書き忘れていたものがあったので第二弾。 前のものはこちら、【Stinger3

記事を読む

wordpress_stickers_everywhere

WordPress3.7がリリースされたので変更点の確認と気をつけるべき点をメモ

自分のプライベートブログなので、いつもは何となく変更点をさっくり見てさっさとアップデートしているので

記事を読む

memo

【Stinger3カスタマイズ】バージョンアップしたのでこのブログで変更したところを書き留めておく備忘録 #3

つい最近デザインを変更してみたのですが、どうにもノリノリでかけなくなってしまったのでまたデザインを元

記事を読む

トップページキャプチャ

Stinger3の子テーマ「Stinger-minimum」を2/11リリースします。【予告】

タイトルで言い切ってしまっていますが、近日中にStinger3の子テーマ「Stinger-minim

記事を読む

AW-i

【簡単導入】ブログにアイコンフォント「FontAwesome」を使ってみよう!

このカスタマイズの中で導入の手順や使い方を割愛したので、今日はその「FontAwesome」の使い方

記事を読む

コメントを残す

1件のトラックバック

ADVERTISEMENT
nijisan

Written by niji_sansan

生まれ落ちた地は神戸。
鉄成分入ってるものに興味あり!
キイロイトリが好き!
感動すると「ほぅ」と言いますw

  • 2018年7月
    « 12月    
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031  
電子書籍ストア BookLive!
PAGE TOP ↑