WordPressで文字にマーカーを一瞬で引く方法【プラグイン不要・コピペOK】

こまりくん

ワードプレスで文字にマーカーを引きたいなあ...

ぎもんさん

プラグインを使わずにやりたいんだけど、方法はないかな？

この記事ではこんな悩みを解消します。

ブログで文字を強調したいところに「マーカーを引いたような装飾」をしているのをよく見かけませんか？

基本手段であり、たくさんのブロガーさんがやってますよね！

でもワードプレスにはデフォルトではいい感じにマーカーを引ける方法はありません。

そこで今回はWordPressで文字にマーカーを一瞬で引く方法を詳しく解説します！！

コピペするだけで一瞬でできる方法なので、必見ですよ！

記事の信頼性

それでは早速記事を見ていきましょう！

WordPressプラグインを導入しないでマーカーを実装する方法

プラグインを導入しないでマーカーを実装したい方法はズバリ！
下記のコードをコピーして使いましょう！

ぎもんさん

え、これだけ？

そう、これだけ！使いたいところにコピペするだけでいいんです！

ともき

実際に使用するとこんな感じになります。

太いマーカー

細いマーカー

プラグインも使用しないで済むので、サイトや記事のページの読み込みが遅くなる不安もない安全な方法！
ぜひお試しください。

それでは続きで「赤色」や「青色」など自由にマーカーの色を変える方法をご紹介します。

マーカーの色を自由に変更する方法

マーカーの色を変更する方法は、先ほどのコードの「#fff9c4」の場所を変えるだけです！

#fff9c4というのはカラーコードと呼ばれる色を指定するコードです。

カラーコードは原色大事典やHUE/360などのサイトから好きな色のコードを知ることができますよ！

カラーコードがわかったら、色々試して自分の納得のいくマーカーにしてみましょう！

マーカーを使う際の注意点

ワードプレスでマーカーの実装は無事できましたか？

無事できたら、早速使う前に注意点をしっかり理解してから使うことおおすすめします。

注意するべき点は次の3つ。

こちらについて少し詳しく解説します。

注意点その1マーカーを引きすぎない

マーカーは強調したい文字を目立たせるものです。

使用したい所にピンポイントに利用してこそ最大限に効果が発揮されるので、たくさんの箇所に使用するには控えましょう。

ちなみにたくさん使った場合の悪い例はこちらです↓

適度にマーカーを使った場合↓

マーカーは伝えたい部分だけピンポイントに！
ここ大事です！

注意点その2見やすさを考えて色を選ぶ

マーカーの色を選ぶときは、文字が見やすい色を選びましょう。

例えば、同じ水色で見ても、色の濃さだけで見やすさが大きく変わります。

文字の読みやすさを損なわないような、なるべく色の濃すぎないものを選んで見ましょう！！

注意点その3いろんな色のマーカーを多用しすぎない

マーカーの色は、多くても記事内で２色くらいにしておきましょう。

なぜかというと、いろんな色のマーカーを使用すると目がチカチカして読みにくくなるからです。

記事を読みやすくするのはマーカーだけじゃない！いろんな方法を試してみよう

読みやすい記事、最後まで読んでもらえるような記事にする方法は、マーカーを引く以外にも無数に方法があります。

例えば、

など挙げればキリがないです。

当ブログ内では、ブログを最後まで読んでもらうために工夫すべき秘策6点という記事もありますので、マーカーの設定が無事できたら、ぜひ記事を参考にして「最後まで読んでもらえるような読みやすいブログ」にしていくことをおすすめします。

当記事が参考になれば幸いです。

関連記事ブログを最後まで読んでもらうために工夫すべき秘策6点【改善前と改善後の比較データあり】

関連記事ブログのリード文について詳しく解説【閲覧時間を伸ばすとっておきのテンプレートつき】