【はてなブログ】蛍光ペン風に強調する方法

スポンサーリンク
この記事は 約3 分で読めます。

今回ははてなブログにて蛍光ペン風に強調する方法についてご紹介します。

CSSのコピー先を修正しました(7/23)。

f:id:rikei_iot:20170721231804j:plain


スポンサーリンク

蛍光ペン風に表示するとどうなる?

デフォルトのはてなブログでは、

  • 太字
  • 斜体
  • 文字色変更

を編集画面より設定することができますが、
蛍光ペン風はデフォルトの設定ではできません。

蛍光ペン風に表示するように設定すると、

f:id:rikei_iot:20170721233012p:plain:h40

編集画面をCSSで編集して蛍光ペン風に表示することもできますが、
毎回CSSをコピーするのも面倒なので、
今回は編集画面のアンダーラインが蛍光ペン風に強調するように設定します。

f:id:rikei_iot:20170722001905p:plain
↑ここを押すと蛍光ペン風になるようにします

はてなブログでの設定方法

はてなブログ「管理画面の詳細設定」->「headに要素を追加」に以下をコピーします。

※以前はデザイン->カスタマイズ->フッタにコピーと記載していましたが、
スマホ版に反映されないとご指摘をいただきました。

CSSソースは、こちらのブログを参考にさせていただきました。
こちらのブログでは、太字や斜体も蛍光ペン風になるように設定されています。

gadgerepo.com

まとめ

今回はブログを蛍光ペン風に強調する方法についてご紹介しました。
ブログ記事が見やすくなりますので、ぜひ試して見てください。

押していただけると励みになりますので、お願い致します。


コメント

  1. myprogramming より:

    フッタだとスマホはpro版かレスポンシブデザインじゃないといけないので、「詳細設定」の「headに要素を追加」にコピーした方がいいのではないでしょうか。
    間違ってたらすいません。

  2. rikei_iot より:

    >ワニコン様
    ご指摘ありがとうございます。
    ご指摘の通り、本設定ではスマホ版にて反映されておりませんでした。
    記事も修正させて頂きます。
    ありがとうございました。