どもです。

このブログのテーマ（レイアウトや見た目を決めるテンプレートのようなもの）を変更しました。
これまでのテーマは更新が止まってしまっていたので、今もメンテナンスが続いている「PaperMod」というテーマに乗り換えています。
見た目はかなり変わりましたが、記事のURLは変わっていないので、ブックマークやRSSフィードはそのまま使えます。

主な変更点は以下のとおりです。

見た目の変更

  1. 文字を大きくし、行間を広げました。
  2. Windowsでは、読みやすさに配慮した「BIZ UDPゴシック」で表示するようにしました。
  3. 文字と背景の色の差をはっきりさせ、日付などの文字も読みやすくしました。
  4. ダークモードに対応しました。
    パソコンやスマートフォンの設定に合わせて自動で切り替わるほか、ページ上部のボタンでも切り替えられます。
  5. 記事の一覧を記事ごとに枠で囲んだ表示にしました。
  6. パソコン、タブレット、スマートフォンのそれぞれの画面幅に合わせて表示されるようにしました。

配置の変更

  1. これまで横にあったサイドバー（サイト内検索、最近の投稿、カテゴリー、RSSフィード）を各ページの本文の下に移動しました。
  2. ページ上部のメニューに「サイト内検索」を追加しました。

スクリーンリーダー向けの変更

  1. ランドマークを整理しました。
  2. 「投稿ナビゲーション」と「共有」の見出しを、画面にも表示するようにしました。
  3. 共有ボタンの読み上げを変更しました。

注意事項

  1. CSSやJavaScriptのファイル名が変わっているので大丈夫だとは思いますが、表示がおかしい場合は、Ctrl+F5（MacではCommand+Shift+R）で強制的に再読み込みしてみてください。
  2. 以前からそうでしたが、JavaScriptが無効になっている場合、意図した通りに動かないと思います。
    特に、サイト内検索は動作しません。
    なので、JavaScriptを有効にしてご利用ください。

今回の変更について

今回は、NVDAでの読み上げのチェック以外、見た目の部分などのほとんどをAIに作成してもらいました。
ただ、実際の見え方や使い勝手でおかしな点があるかもしれません。
もしなにかありましたら、 お問い合わせ からご連絡いただけると幸いです。

ということで、今回は以上です。

それでは。