Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

BHSB!-ブログの強調を蛍光ペンスタイルにする

f:id:tbpg:20161124231626p:plain

BHSB!

Strong blog.
Blog highlighter.

Uh! Blog Highlighter Strong Blog!

5割くらいの方が離脱した と思いますが茶番はこのぐらいにして
ブログの強調を 蛍光ペンスタイル にします。

強調表示のタグ

私は Markdown モードでブログを編集していて、強調箇所は

**some word**

を使っています。 **some word**

<strong>some word</strong>

になるので、 strong に対してスタイルを適用します

CSS

.entry-content strong{
    background: linear-gradient(transparent 60%, #fff300 60%)!important;
}

設定

  • デザイン => カスタマイズ => デザインCSS を選択
  • 先程のCSSを設定

変更結果の確認

Before

f:id:tbpg:20161124231641p:plain

After

f:id:tbpg:20161124231645p:plain