WordPress の記事エディタや、無料ブログのエディタの多くには、シンプルなアンダーラインがありません。
アンダーラインは一見リンクと見間違う場合がありますので、WEB ページでは装飾のための利用は推奨されていませんが、アンダーラインを引きたい場合はあります。
ポイント
本記事では、
WordPress ブログで、簡単にアンダーラインを引く方法 を紹介します。
装飾は素敵なブログ記事を作るアイテムですね。
目次
アンダーライン例
アンダーラインを引いた例です。
ポイント
- アンダーラインを引いています。
- アンダーラインを引いていません。
商品紹介の記事などでは 蛍光アンダーライン（蛍光マーカー） のほうが見栄えが良いですが、学術論文などで特定の文章を特筆する場合などにはシンプルなアンダーラインが良い時もありますね。
アンダーラインを引く方法
アンダーラインを引きたい単語（または文章）の前後に、HTML タグ <span style="text-decoration: underline;"> ～ </span> （または、<u> ～ </u>）を入力します。
<span style="text-decoration: underline;"> アンダーラインを引きたい単語（または文章） </span>Step.1 文章を書く、HTMLモードにする
通常のブロックで文章を入力した後、「縦に３個点が並んでいるボタン」を押して、「HTML として編集」をクリックします。
Step.2 アンダーラインの HTML タグを入力する
アンダーラインを引きたい単語（または文章）の前後に、HTML タグ <span style="text-decoration: underline;"> ～ </span> （または、<u> ～ </u>）を入力します。
Step.3 ビジュアルモードに戻す
「縦に３個点が並んでいるボタン」を押して、「ビジュアル編集」をクリックします。
Step.4 完成
アンダーラインを引くことができました。完成です。
アンダーラインサンプル
「アンダーラインを引きたい場合のサンプルです。ここからアンダーラインを引きます。 ここから解除します。」
まとめ：記事内の文章にアンダーラインを引く方法
WordPress の記事にアンダーラインを引きたい場合、単語（または文章）の前後に、HTML タグ <span style="text-decoration: underline;"> ～ </span> （または、<u> ～ </u>）を入力することで実現できます。
ポイント
- アンダーラインを引いています。
- アンダーラインを引いていません。
蛍光アンダーライン（蛍光マーカー）を使いたい場合は以下の記事を参考にしてください。
おすすめ副業「ブログ・アフィリエイト」
アフィリエイト初心者や経験者にとって、
正しいスキルを学ぶことは成功につながる重要な要素です。
必要なスキルを身につけることができるアフィリエイトスクールで
アフィリエイトを学びましょう！
＼やるなら一日でも早い方がお得／
https://boonboonblog.com/entries/entry-38763.html
Presented By Boon Boon Blog .Com
広告の設置・収入について
当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。
当サイトは Google アドセンスを利用し、広告により収入を得ています。
当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。
