WordPress超初心者向け/文字の変更・装飾方法を解説

Word Pressブログに挑戦!
Word Pressブログに挑戦!

WordPressで記事を書いていて、文字の大きさを変えたり装飾したりと、文字に変化をつけたいと思った時に、その方法が分からなくて困りました。
なので、その方法を自分の備忘録としてと、同じ様な超初心者さんの参考になればと思い、記事にして残しておきたいと思います。

*ブロックエディター、Cocoonを利用しています
*現時点の情報なので変更になる場合があります。ご了承下さい。

文字を太字にする方法

文字を選択します
「太字」マークをクリックします

↓太字に変更できました

*ショートカットキー:「Ctrl」+「B」でも変更できます

文字の大きさを変更する方法

文字を選択します
「フォントサイズ」マークをクリックして、任意の大きさをクリックします

↓文字の大きさを28pxに変更できました

マーカー・アンダーラインを引く方法

文字を選択します
「文字」マークをクリックして、任意のマーカーをクリックします

↓黄色マーカーを引く事ができました

確認ポイント

変更操作にあたり、事前に確認しておきたいポイントです↓

〈ポイント1〉

右側にサイドバーが出ていない場合は右上の「設定」をクリックすると出ます

↓右側にサイドバーが出ました

〈ポイント2〉

選択タブが「投稿」の方になっていると、編集することができません

「ブロック」タブの方をクリックする事で、編集できる様になります

〈ポイント3〉

「ブロック」が選択され、「設定」が選択されている状態です

「ブロック」が選択されている状態で、「スタイル」の方をクリックすることで、文字色や背景の色などを変更できる様になります

文字の色を変更する方法

【ブロック単位で文字の色を変更する場合】

*サイドバーのブロックでの変更は、ブロック全体に反映されます

「スタイル」のタブが選択されている状態で「テキスト」をクリックすると、色を選択できる画面が出てくるので、任意の色をクリックします

↓ブロック単位で任意の色に変更できました

【文章の一部分の文字の色を変更したい場合】

文字の色を変更したい部分を選択します「☑(さらに表示)」マークをクリックして、「ハイライト」をクリックします

色を選択できる画面が出るので、任意の色をクリックします

↓「文字の色」の部分だけを任意の色に変更する事ができました

背景色を変更する方法

【ブロック単位で背景色を変更する場合】

*サイドバーのブロックでの変更は、ブロック全体に反映されます

「スタイル」のタブが選択されている状態で、「テキスト」をクリックすると、色を選択できる画面が出てくるので、任意の色をクリックします

↓ブロック単位で任意の背景色に変更できました

【文章の中の一部分だけの背景色を変更したい場合】

背景色を変更したい部分を選択します
「☑(さらに表示)」マークをクリックして、「ハイライト」をクリックします

色を選択できる画面が出るので、「背景」をクリックして、任意の色をクリックします

↓「背景色の一部分だけを」の部分を任意の色に変更する事ができました

まとめ

今回は、記事を作成する時によく使う「文字を太字にする方法」「文字の大きさを変更する方法」「マーカー・アンダーラインを引く方法」「文字の色を変更する方法」「背景色を変更する方法」を説明してみました。

簡単な事な様で、一か所選択が出来ていなかっただけで変更できなくて、あれ?何で?と戸惑う事が未だにあるので、忘れてしまった時はこの記事を見ようと思います(^^;)
そして、同じ様な超初心者さんの参考になればいいなと思います。

にほんブログ村 ブログブログ ブログ初心者へ
にほんブログ村