ブログの見出しデザインに困ったのでこのジェネレータを使ってみた『 CSS見出しジェネレーター | Web道』

カテゴリー:WordPress    |    タグ:

ブログの見出しデザインに困ったのでこのジェネレータを使ってみた『 CSS見出しジェネレーター | Web道』

このブログは、Stinger3というテーマをもとにゴニョゴニョ…カスタマイズしているのですが、見出しデザインにとても迷っていたところとてもよいものがあるらしいと教えてもらい作成しました。

とっても便利なジェネレータ『Web道 CSS見出しジェネレーター』


使い方

使い方というほどでもありませんが、見出しの種類は

  • 吹き出し
  • リボン
  • 普通(枠上)
  • 普通(枠下)
  • 普通(枠上下)

5種類の中から選ぶことが出来ます。

他にも、枠の色や影をつけたり文字色などなど様々に変更することができ、1番下にあるジェネレートというボタンを押すと結果がすぐさま反映されて見ることができます。

結果がその場で見れるのはとても嬉しいですよね。何度でも作り直すことができるので、気に入るものができるまでひたすらジェネレート!!

見出しデザインが決まったら

これでよしっ!と思うモノが出来たら、CSSを変更していきます。

Stinger3の見出しタグ

Stinger3では、h2h3を見出しタグとして使用しているので、その部分のCSSを変更させます。

見出しとコメントが書かれているのでとてもわかりやすいです。


このブログ用に作ったもの

実際に使用しているので見て頂けるとわかるのですが、h2は、このジェネレータを使ってリボンを選択して作成しました。

h3は、ボーダーの種類を変更しただけなので代わり映えしてないのですが、実際に使っているh2のCSSを参考になるかわかりませんが、貼り付けておきます。

すごく簡単にできるのでいろいろと試して、すてきな見出しを作成してみてください。

ADVERTISEMENT

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

published:2013/09/29    Written by:
カテゴリー:WordPress,      タグ:

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

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

Twitter

関連記事

wordpress-logo-1-550x350

記事の読了時間”およそ○○分”を表示してくれるプラグイン「estimated」

こういうプラグインあったんですね。探せばだいたい見つかるWordPressプラグイン素敵です! 読

記事を読む

twitter1

【WordPress】TwitterCards(ツイッターカード)に対応する方法

先日、Twitterを始めたので、TwitterCards(ツイッターカード)にも対応。ということで

記事を読む

image

少しの手間をかけて抜粋部分を表示する。だってそれは読んでほしいから!

この抜粋部分に意図しないものが入ってしまい読んでほしいブログが残念な感じにならないように。 抜粋は

記事を読む

Wordpress1

カスタムフィールドを使って記事下にまとめや今日の一言などいろいろと表示させてみよう!

前回このような記事 ブログの記事下に自分のプロフィールとRSS購読ボタンを設置する を書いたのですが

記事を読む

3column-i

Stingerを3カラムにしてみたよ!「DeepJaggy-threeColumn」リリース!【Stingerカスタマイズ】

表題のとおりです!3カラム需要あるかなぁどうかなぁと思いましたが、作りましたので良かったら使ってくだ

記事を読む

コメントを残す

ADVERTISEMENT
nijisan

Written by niji_sansan

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

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