こんにちは。つぶあんです。
今回はblogノウハウ【初心者WordPress】です。
漢字にフリガナあると便利ですよね。
今回は、cocoonテーマを使っている方へフリガナをつけるハウツーです。
実は簡単に付けられます。
つぶあん*ぶろぐは、エックスサーバー・WordPress・cocoonテーマで運営しています。
読めない漢字には、フリガナ欲しい。
![](https://tubuanblog.com/wp-content/uploads/2022/03/lightbulb-g710370089_1920-1024x682.jpg)
「つぶあん*ぶろぐ」の中の日本の古き良きことの記事には難しい漢字が多く出て来て
全然読めない。ごめんね。私も読めない。
と、いう事もあり、見やすく漢字の後に・をつけて、ひらがなやカタカナでフリガナとして書いておりました。
伊弉諾・イザナギ ⇦こんな風に。実際スマホではこの方が見やすい。
ところが、cocoonのブロックエディターでは、この難しい漢字にフリガナが打てます。
伊弉冉 ⇦こんな感じ。でも、この方がまとまり感がある。
ちなみに↑こちらは、ふりがなを太字にしています。
色も変えられます。
伊弉冉 ⇦良いですな。強調できて良い感じ。
では、早速やり方です。
漢字を入力
![](https://tubuanblog.com/wp-content/uploads/2022/03/characters-g5e3638630_1920-1024x553.jpg)
今回は、「天照大御神」にふりがなをつけます。
ブロックエディターで簡単にできます!
まずは、記事を書いている途中でもどこでも漢字にはフリガナが入れられるという事です。
今回は、天照大御神と漢字を入力し、それにフリガナをつける方法です。
ドラッグして選択
![](https://tubuanblog.com/wp-content/uploads/2022/03/computer-g93e3ef347_1920-1024x683.jpg)
![](https://tubuanblog.com/wp-content/uploads/2022/03/18e541c86d45fd1066a993c47d8c7b6a.png)
漢字を入力したら、ふりがなを入れたい部分の漢字を①ドラッグして選択します。
ここで、選択の背景色が黄色にならなくても大丈夫ですよ。デフォルトの色は黄色ではなくブルーです。
ブロックエディターを使っていると、左クリックしてカーソルが出ている時や文字を選択している時、
「それをどうしたいん?」
って待ってくれてるバーが出現します。※記号が並んでいる四角の枠で囲ってある部分
ここより数字を振ってあるので、① ⇨ ② ⇨ ③ と、順番通りに進めて下さい。
![](https://tubuanblog.com/wp-content/uploads/2022/03/09db02b225f99686898d3a8137f023f7.png)
フリガナを入れるための機能が入っている右端の方にある② ∨ 部分をクリックします。
ふりがな(ルビ)を入れる
すると、オプションの上の方に●●●という記号につづいてふりがな(ルビ)とあります。
ここをクリックすると、③別窓が登場します。
登場した別窓はこちら
⇩
![](https://tubuanblog.com/wp-content/uploads/2022/03/da185975eb71dd28b082b7741e78e83e.png)
別窓の上にはblog名が出ています。④ここにフリガナを入れます。
ひらがなでもカタカナでもどちらでもOK!
![](https://tubuanblog.com/wp-content/uploads/2022/03/17208279bd7bf4a783171bcc8fd097ac.png)
ここでは、ひらがなで
「あまてらすおおみかみ」
と入れました。
できあがり
![](https://tubuanblog.com/wp-content/uploads/2022/03/tulips-g3d5dc5f57_1920-1024x341.jpg)
すると?
![](https://tubuanblog.com/wp-content/uploads/2022/03/09ac0b565081b3af74b775a219888a4d.png)
漢字にふりがなが付きました!
以上です。簡単でしたね♪
その他の装飾
文字の装飾もドラッグして選択 ➡ 機能を選ぶでできます。
色を付ける場合 ⇩
![](https://tubuanblog.com/wp-content/uploads/2022/03/da75cb276c334b574d4b23db7fd9639e.png)
フォントサイズを変える場合も ⇩
![](https://tubuanblog.com/wp-content/uploads/2022/03/21d156cbc59bbb9fa5834cbc6749da15.png)
調子に乗って40PXにしてみました。(笑)
この場合、サイズの変更は、漢字部分だけでOKですよ!
それに伴ってフリガナ部分は勝手に合わせてくれます。
まとめ
![](https://tubuanblog.com/wp-content/uploads/2022/03/computer-g9d159cd32_1920-1024x682.jpg)
今回は、cocoonテーマ仕様のblogでブロックエディターを使って漢字のふりがなを入れる方法について書いて来ました。
便利な機能ですよね!
いろんなことができるので、徐々に使えるようになったら記事も見やすくなりますね。
どうしても、慣れたものばかり使ってしまうのですが。
研究は怠らず、これからも追及して行きたいと思います♪
つぶあん
コメント