記事内の文章にアンダーラインを引く方法！WordPressでアンダーラインを活用する方法

WordPress の記事エディタや、無料ブログのエディタの多くには、シンプルなアンダーラインがありません。

アンダーラインは一見リンクと見間違う場合がありますので、WEB ページでは装飾のための利用は推奨されていませんが、アンダーラインを引きたい場合はあります。

簡単にアンダーラインを引く方法を紹介します。

アンダーライン例

アンダーラインを引いた例です。

ポイント

商品紹介の記事などでは　蛍光アンダーライン（蛍光マーカー）のほうが見栄えが良いですが、学術論文などで特定の文章を特筆する場合などにはシンプルなアンダーラインが良い時もありますね。

アンダーラインを引きたい単語（または文章）の前後に、HTML タグ ～ （または、 ～ ）を入力します。

<span style="text-decoration: underline;"> アンダーラインを引きたい単語（または文章） </span>

通常のブロックで文章を入力した後、「縦に３個点が並んでいるボタン」を押して、「HTML として編集」をクリックします。

アンダーラインを引きたい単語（または文章）の前後に、HTML タグ ～ （または、 ～ ）を入力します。

「縦に３個点が並んでいるボタン」を押して、「ビジュアル編集」をクリックします。

アンダーラインを引くことができました。完成です。

アンダーラインサンプル

「アンダーラインを引きたい場合のサンプルです。ここからアンダーラインを引きます。ここから解除します。」

WordPress の記事にアンダーラインを引きたい場合、単語（または文章）の前後に、HTML タグ ～ （または、 ～ ）を入力することで実現できます。

ポイント

蛍光アンダーライン（蛍光マーカー）を使いたい場合は以下の記事を参考にしてください。

: 【AFFINGER】下線蛍光マーカーの使い方（CSS記載不要）＠WordPress

WordPress の優良テーマ「AFFINGER」では、通常は CSS を利用しなければ実現できない下線蛍光マーカーを（AFFINGERの）標準機能で実装しています。記事作成時の画面操作だけで下線蛍光マーカーを実現できます。その簡単な使い方をご紹介します。

続きを見る

おすすめ副業「ブログ・アフィリエイト」

アフィリエイト初心者や経験者にとって、

正しいスキルを学ぶことは成功につながる重要な要素です。

必要なスキルを身につけることができるアフィリエイトスクールで

アフィリエイトを学びましょう！

: アフィリエイトスクールのおすすめは「ATUS(ええタス)」！東京・大阪・オンラインで学べるSEO対策も充実

東京や大阪だけでなく、オンラインでも受講が可能で、SEOに強い授業内容が充実しています。また、個別サポートでの実績の共有や、実サイトを見ながらコーチングを受けることで必要なスキルを身につけることができます。本記事では、初心者にもわかりやすい「ATUS(ええタス)」の特徴やメリットを紹介します。（担当者様への特別インタビューも掲載）

続きを見る