· 

ふりがな(ルビ)の付け方


① 「コンテンツを追加」で「文章」を入力します。

blg_ruby01:文章を入力する
blg_ruby01:文章を入力する

② メニュー「HTLMの編集」を選択する

blg_ruby02:HTMLの編集を選ぶ
blg_ruby02:HTMLの編集を選ぶ

③ ふりがなをふる文字をHTMLタグで修飾する

  • 追加した文章をHTML編集で表示するとソースコードで表示される

<p>本日は晴天なり</p>

 

blg_ruby03:ソースコードが表示される
blg_ruby03:ソースコードが表示される
  • ルビを付ける文字の直後に、ルビとして記載する文字を括弧でくくり挿入する

<p>本日は晴天(せいてん)なり</p>

 

blg_ruby04:ルビとして記載する文字を括弧でくくり入力する
blg_ruby04:ルビとして記載する文字を括弧でくくり入力する
  • ルビを付けたい文字とルビに記載する文字を合わせて、<ruby></ruby>タグで囲みます。

<p>本日は<ruby>晴天(せいてん)</ruby>なり</p>

 

blg_ruby05:ルビを付ける文字とルビ文字とを<ruby></ruby>で囲む
blg_ruby05:ルビを付ける文字とルビ文字とを<ruby></ruby>で囲む
  • ルビに記載する文字を、<rt></rt>タグで囲みます。

<p>本日は<ruby>晴天(<rt>せいてん</rt>)</ruby>なり</p>

 

blg_ruby06:ルビ記載文字を<rt></rt>で囲む
blg_ruby06:ルビ記載文字を<rt></rt>で囲む
  • ルビに記載する文字を囲む括弧2か所を、<rp></rp>タグで囲みます。rp は ruby Parentheses(括弧)のこと。

<p>本日は<ruby>晴天<rp>(</rp><rt>せいてん</rt><rp>)</rp></ruby>なり</p>

 

blg_ruby07:2ヶ所の括弧を<rp></rp>で囲む
blg_ruby07:2ヶ所の括弧を<rp></rp>で囲む

④ 「保存」を押して HTML編集を終了する

漢字にひらがなでルビがふられる。

blg_ruby08:ルビが振られる
blg_ruby08:ルビが振られる

投稿 by Guys