シンプルオーサーボックス(Simple Author Box)にルビを振る

先日、ホームページの講義のなかで、先生が

「善さん」て何?誰?「西川善」ってどう読むの?「にしかわぜん?」「にしかわよし?」とアドバイスを受けました。

確かに、弊社を知らない人は「どう読むの?」です。

私が仕事を始めてからはお客様が「ぜんさん」と呼んでくださるので、その呼び方に慣れて、誰れかが「?」と思っていることを考えていませんでした。

これが作る側の盲点ですよね。自分が知ってることがほかの人もわかっている思い込んでしまうこと。

タイトルに本当はルビを付けたいのだけど、それがなかなか!
そう考えてるうちに

あれ?これ?よくないなー

Simple Author Boxの見直し

よくあるこのプロフィール欄

「善ぜんさん」これ「ぜんぜんさん」じゃん!

変更前のプロフィール

直しましょう!
しかし直し方を忘れました。

検索!

なんと!わたしのブログが上位に!

以前の使い方

自分で作ったブログでやり方を教わるなんて!

しかし、ちょっとわかりやすいじゃないこのページ(自画自賛)・・・・(^^♪

ルビ(ふりがな)を入れるには?

フリガナを入れるのはどうすればいいのかな?

善ぜんさん」を「ぜんさん」にしたい!

ルビを入れたい部分です。善にふりがなを入れたい

まず、「テキスト」に変えます

右上の「ビジュアル」「テキスト」のタブを「テキスト」にします。

テキストに変えます

「ふりがな」というものがあります

なにやら上にいっぱい出てきました。
(これを何と呼ぶのかわかりませんが)

「ふりがな」というものがあります。
これを使います。

ふりがなをつけたい「善ぜんさん」を範囲指定して「ふりがな」を押します。

すると何やら追加されています↓

「ふりがな」というものをクリックしてみましょう

「ふりがな」を「ぜん」に変えます

<rt>ふりがな</rt>の部分の「ふりがな」をふりがなにしたい文字、「ぜん」を入れます

てきすとにHTMLが。文字を変えましょう

「ぜん」を入れたら「ぜんさん」の「ぜん」はいらないので消しておきます

はいったあ!

「ビジュアル」に切り替えると・・・

はいったあ!!!

善さんにふりがながつきました

では「包創喜材業」も変えましょう

変更したプロフィール欄です

HTMLでふりがなを振る方法

要するに

<ruby>ふりがなを入れたい文字<rt>ふりがな</rt></ruby>

というものを使えばいいのだ。
お勉強になりました。