*

STINGER3で見出しのカスタマイズ

公開日: : 最終更新日:2014/09/24 WordPress

Androidアプリのためのブログ製作だったわけですが、STINGERをいじる事が楽しくて全くアプリに手を出せてません。

早くブログの見た目をなんとかしたい欲求に勝てません。

 

見出しのカスタマイズ

見出しを変えていきます。

デフォルトは↓な感じです。

defo2

皆さんが使ってますので良く見ますね。

やっぱり他人とは少しだけでも差をつけたい。

というわけで変えてみましょう。

参考はえけこのくるるさんWebparkさん、TMlifeさんです。

 

まずh2は背景をつけて左線と下線を引いてみます。

カスタムh2

うん、やっぱり色があると違います。

これはstyle.cssのh2にこれを加えました。

色やら線の太さやら直線点線、色々試してみてください。

 

次にh3です。箇条書き等に使えるようなデザインでかっこいいもの!

と頑張ってCSS工夫して擬似要素使ってやってみたんですが、なぜかトップページの見出しのh3まで変わってしまい、解決しなかったので諦めました。

でもオリジナルのままじゃ悔しいのでちょっとだけ変更。

下線を太くして色つけて点線を直線にしただけです。

カスタムh3

 

最後にh4です。

カスタムh4

あんまりしつこくなく、あっさりとした感じのものにしました。

.post h4の下に次のソースを挿入してます。

これで少しは見た目が色づいて、個性が出てきたでしょうか?

サイドバー

関連記事

WordPressでソースコードを綺麗に表示させる

いろいろとSTINGERをカスタマイズしたいのですが、それと共にブログも書こうと思っています。

記事を読む

Stinger3にGoogle AdSenseを追加してみる

最初に断っておきますが、他のページに良くあるようなGoogle AdSenseを貼り付ける場所のカス

記事を読む

STINGER3の小ネタカスタマイズをいくつか

簡単にできるものを一気にやってしまいます。 TOPページの記事一覧の区切りに点線を入れる &nb

記事を読む

no image

Google Playの検索順位を上げるには

アプリを作るだけでは誰も見てくれない Androidアプリを作っては見たものの、単にGoogleP

記事を読む

STINGER3のサイドバーの新着記事欄をそれなりにカスタマイズする

もともとかっこいいので、今更劇的な変化は無いですのでそれなりにやってみます。 サイドバーのNEW

記事を読む

サイドバー

Message

メールアドレスが公開されることはありません。

サイドバー

  • Androidを勉強中のはずがWordPress、html、css、UNITY、とにかく寄り道しすぎて本題が進まない40歳。小学生男児あり。趣味は競馬・パチスロというダメ人間
    harufath.comとは
PAGE TOP ↑