WordPressに蛍光マーカー実装

oyurisan.comGutenberg
oyurisan.com

蛍光マーカー

WordPressで長文書いたら読み辛くてですね…調べたら「蛍光マーカー」が良さそうだったので早速実装しましたよ!

蛍光マーカー風の下線をCSSの文字装飾で作る方法

上記のブログを参考にさせて頂きました。ありがとうございました!

せっかくなので「太・中・細」で3色作りました。Gutenberg使っているので「再利用ブロック」複製でタグ作りました。最初は慣れなかったけれど、もう慣れましたね。プラグインより便利かも知れません。サーバー重くなったりプラグインの更新止まっちゃったりとかすると面倒なので。

■#f6bfbc(虹色にじいろ)■

太ピンク
中ピンク
細ピンク

■#fef263 (黄檗色きはだいろ)■

太イエロー
中イエロー
細イエロー

■#c1e4e9(白藍しらあい)■

太ブルー
中ブルー
細ブルー

このサイトの色は全て「和色大辞典」さんを参考にさせて頂いております。
そのうち和テイストなサイトにリニューアルしたいです、サイト名もそのつもりで付けたので。

蛍光マーカー引けると長文ブログが見やすくなるかなって算段です。頑張ります!

コメント

タイトルとURLをコピーしました