Warning: Undefined variable $post in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/functions.php on line 12

Warning: Attempt to read property "ID" on null in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/functions.php on line 12

Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 18

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 21

Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 30

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 33

Word Pressで文字の上に送り仮名(ルビ)をつける簡単な方法


Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 18

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 21

Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 30

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 33

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91

Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
[direct]<input name=”rubi” type=”text” value=”<ruby>★<rt>☆</rt></ruby>”>[/direct]
MENくん
むずかしい文字もじに送り仮名をつけたい!
くま3号
おぉ…その文字につけるんかい

固有名詞など読み方が独特な文字に「送り仮名(ルビ)」をつけたいときってありますよね。

ワードプレスの投稿画面(テキストエディタ)でちょちょいっとつけれます

これです

<ruby>★<rt>☆</rt></ruby>
★:漢字 ☆:送り仮名

Word Pressでルビ(送り仮名)をつける手順

簡単2ステップです。

  1. 投稿画面を「テキスト」エディタにする
  2. ルビのコードを貼り付けて記入

テキストエディタに切り替えてから、コードを追加、記入すれば終わりです。

ビジュアルエディタでルビる

MENくん
ぼくビジュアルエディタ派だから…
くま3号
ほな、プラグインの「Visual Editor Custom Buttons」で登録しとけば?
MENくん
それや!それならビジュアルでいける!(ルビそんな使わないけど)

 

このページを参考にしてください。
Visual-Editor-Custom-Buttonsの使い方【プラグイン:Visual Editor Custom Buttons】ビジュアルエディタにボタンを追加する

 

プラグインで登録しておけば、ビジュアルエディタでも簡単です。

ルビをカスタマイズする

ルビの色や文字の大きさを変更するには、CSSを変更する必要があります。

くま1号
でたでた、自己満足カスタマイズやな
MENくん
・・・

ぼくはルビを少し薄くしたかったので、こんな感じにコードを追加しました。

rt {
    opacity: .8;/*透明度80%*/
}

font-sizeとかcolorで文字色も変更できます。

ルビのまとめ

ビジュアルエディタ派の人はプラグインを使って、登録とうろくしておけば簡単かんたんにルビれるようになります。

くま3号
またひとつWord Pressのことを覚えたね

Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 18

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 21

Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 30

Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 33