WordPress5.1フォント色変更方法!ブロック内の一部分を!

WordPress5.0ブロック内の一部分のフォントカラーを変更する手順4ブログ運用
スポンサーリンク

WordPress5.0にバージョンアップ後、投稿記事の編集画面が大幅に変更されました。
ブロック単位で投稿記事を管理する仕様になったようですが、編集画面からはフォントカラーを一部分のみ変更することができず、ブロック単位でフォントカラーが変更されてしまいます。
文章の一部分のみフォントカラーを変更したい場合、HTMLモードでタグを直接記述する必要があります。そこで、今回、手順としてまとめました。

【WordPress5.1フォント色変更方法手順書について】

  • 手順の対象者:ブロック内の一部分のフォントカラーを変更する方法
  • WordPressバージョン:5.0、5.1
  • 設定時間目安:1分
  • 手順書作成日:2018年12月9日

【WordPress5.1フォント色変更方法手順】

1.ブロック内にカーソルを合わせ「:」を押下します。

WordPress5.0ブロック内の一部分のフォントカラーを変更する手順1

2.「HTMLとして編集」を押下します。

WordPress5.0ブロック内の一部分のフォントカラーを変更する手順2

3.フォントカラーを変更したい文章の先頭に<span style=”color: #ff0000;”>を、文章の終わりに</span>を挿入します。

例:<span style=”color: #ff0000;”>フォントカラー赤</span>

※#ff0000は変更したいフォントカラー(16進数)に適宜修正
※<span>タグ:一つの範囲として定義

WordPress5.0ブロック内の一部分のフォントカラーを変更する手順3

4.ブロック内にカーソルを合わせ、「ビジュアル編集」を押下します。

WordPress5.0ブロック内の一部分のフォントカラーを変更する手順4

5.フォントカラーが変更されているか確認します。

例:フォントカラー赤

コメント

dosankokazu

北海道札幌市在住の生粋道産子です。
パパ歴2年目。
子育て、北海道、グルメ、体験談、エンタメ(映画含む)、日常生活で役立つ情報等を発信します。
娘の笑顔を糧に日々奮闘。

dosankokazuをフォローする