v1.4.22 リファレンスの左サイドバーと読み上げ
新機能([kantanbond_reference])
KantanBiz の /reference 画面にある左サイドバーと読み上げを、WordPress 側のショートコードにも移植しました。
左サイドバー(目次・登場人物)
- 目次と登場人物を左サイドバーにまとめ、本文との 2 カラム構成に変更。
- PC(1024px 以上): サイドバーはスクロールに追従(sticky)。目次が長い場合はサイドバー内でスクロールします。
- 狭い画面: 目次は折りたたみ表示。画面幅の変化に合わせて自動で開閉します。
読み上げ(TTS)
- 読み上げ: いま見ている節を読み上げ、節の終わりで停止します。
- 通し読み: 節が終わるたびに自動で次の節へ進み、最後まで読み続けます(閉じている章は自動で開きます)。
- 最初から: 第1章の最初の節から最後まで通しで読み上げます。
- 一時停止・停止、速さ 4 段階(ゆっくり/ふつう/やや速い/速い)に対応。
- 発言ごとの ▶ ボタンで、その行から読み始められます。読み上げ中の行はハイライトして自動スクロールします。
- ビズちゃん・ビズ博士で声色を変えて読み分けます。
- 本文は外部に送信しません。ブラウザ内蔵の音声合成(Web Speech API)のみを使用し、非対応ブラウザでは読み上げ UI を表示しません。
文字サイズ
- 小・中・大・特大から選択可能。読み上げの速さとあわせてブラウザに記憶されます。
追加した属性
tts(既定yes)… 読み上げ UI の表示・非表示。font(既定md)… 本文の初期文字サイズ(sm/md/lg/xl)。
例: [kantanbond_reference tts="no" font="lg"]
アップデート方法
このリリースには ZIP アセットを添付していません。WordPress 管理画面の更新通知からは、GitHub のソースアーカイブ(zipball) 経由で更新されます。展開後のフォルダ名は自動的に KantanBond に正規化されます。