Skip to content

v1.4.22 リファレンスの左サイドバーと読み上げ

Choose a tag to compare

@KantanPro KantanPro released this 17 Aug 12:19
· 5 commits to main since this release

新機能([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 に正規化されます。