おにおとのーと

Minecraftのプレイ記や知識などを中心に投稿していきます!=(^.^)=

【はてなブログ】HTMLだけ!文字にフリガナを振る方法。定型文機能も説明します♪ - お兄お父ブログ第七十稿

f:id:Oni_Oto:20211031200044p:plain

どーもどーもみなさんこんばんはお兄お父と申します!

今回ははてなブログで文字にフリガナを振る方法を紹介します!

こんな感じ→お

特殊な読み方の漢字に付けたり...(お兄お父も特殊な読み方)

違う読み方をするときにつけたり...→本当マジ

使い方はいろいろあるのでやってみてください!

~ピンポンパンポーン~

建築バトルの画像選びのため(言い訳)投稿に少し間が開いてしまいました.

~やり方~

まずは

<ruby><rb>文字</rb><rp>(</rp><rt>フリガナ</rt><rp>)</rp></ruby>

これをコピーします.

そしたら

f:id:Oni_Oto:20211030180409p:plain

上の「HTML編集」をクリック.(はてな記法Markdown使っている方はそのままそこにペースト.)

コピーしたコードをここにペーストします.

「文字」「フリガナ」のところを文字とフリガナにかえます.

そしてもとに編集モード(プレビュー)に切り替えてみてみると...

フリガナがふってあります!

~いちいちHTMLでコピペするのは面倒くさい...?~

毎回毎回このページからコピペするのは面倒くさいですよね~..(アクセス数は増えるけど)

こういう時に便利なのがはてなブログの「定型文」機能です!

f:id:Oni_Oto:20211031074459p:plain

この編集サイドバーから「+(追加)」をおして,,,

f:id:Oni_Oto:20211031074435p:plain

一番下の,「定型文貼り付け」をオンにします!

サイドバーに定型文貼り付けが出てくるのでクリック.

そこに書いてありますが,

よく使う文章や記法、HTMLを保存し記事編集時に貼り付けられます。編集画面内で文章を選択し「定型文を作成する」ボタンを押すと、その文章を「定型文」として保存することができます。定型文は15件まで作成可能です.

ということです.

f:id:Oni_Oto:20211031075145p:plain

「定型文を作成する」をおして,

f:id:Oni_Oto:20211031075259p:plain

ここにコピペし,

(タイトルをつけるとわかりやすいです)

f:id:Oni_Oto:20211031075429p:plain

使いたいときはそこをダブルクリックすればOK!

~自分なりに工夫した使い方~

これを簡単にやるために,HTML編集に一切切り替えないでやる方法を使っています.

①フリガナを定型文からダブルクリック

f:id:Oni_Oto:20211031075429p:plain

②文章を書く

f:id:Oni_Oto:20211031080357p:plain

(黄色ハイライト=フリガナをふりたいところ)

③フリガナを振りたいところをハイライトする

f:id:Oni_Oto:20211031080719p:plain

④ハイライトしながら定型文「フリガナ」をダブルクリック

f:id:Oni_Oto:20211031081134p:plain

f:id:Oni_Oto:20211031081358p:plain

⑤文字やフリガナをハイライト

f:id:Oni_Oto:20211031193454p:plain

f:id:Oni_Oto:20211031193539p:plain

⑥文字やフリガナを変更する

ハイライトしながら文字を打ちます

(「フリガナ」をハイライトしながら,この場合「さすが」,「文字」をハイライトしながらこの場合「流石」)

 

こんな感じです!

...ということで今回はいかがだったでしょうか!
それではまた。
バイバーイ!

宣伝

ONIOTO質問&リクエストコーナー実施中!

詳細はこちら↓↓

この記事のコメント欄に質問リクエストを書いてください!

また、「お兄お父メンバーズ」というグループもあるのでぜひ参加お願いします!

(お金などはかからず、入って何もしないのもあり、限定特典もあり)

詳細↓↓

また、ONIOTOに作ってほしいリソースパックやスキン等々も受け付けております!

どの記事でもいいのでコメント欄にお書きください♪