UTSUWA Ver. 2.0.9 リリースのお知らせ
a-blog cms の公式テーマである UTSUWA をアップデートいたしました。UTSUWA の最新バージョンは GitHub からダウンロード可能です。GitHub の UTSUWA 最新バージョンは現在の CMS に同梱されている UTSUWA とはバージョンが異なります。近々リリースされる CMS 3.1系には最新の UTSUWA が同梱されます。
Ver. 2.0.9
変更点
- ビルドツールのアップデート
- 固定ヘッダー分の高さ確保をCSSのscroll-padding-topに変更
- モジュールIDのグローバル化と%{BASE_URL} から %{HOME_URL}への変更
- エントリーカスタムフィールドのOGP画像をSEO設定の中に
- カルーセルをslickからsplideに変更
- site-partsフォルダとpartsフォルダを統合
修正点
- フッターロゴの条件分岐を修正
- 電話番号ではないtelを含むリンクにスタイルが適用されるのを修正
- ページタイトル背景画像を中心配置に
- フォームのemailバリデータを修正
- サブディレクトリインストール時にアセットのパスが通らなくなる問題の修正
- webpack実行時に不要なJavaScriptが出力されてしまう問題の修正
- 不要な横スクロールが表示されるのを修正
- Android Chrome での閲覧時のトップページの表示崩れを修正
主なリリースノート内容
固定ヘッダー分の高さ確保をCSSのscroll-padding-topに変更
テキストユニットの見出し要素にアンカーリンクを設けた場合に固定ヘッダー分の高さを確保するため、上方向にネガティブマージンとボーダーを適用していましたがこれを削除しました。代わりにCSSのscroll-padding-topを利用してヘッダー分の高さを確保し、scroll-behaviorでスムーススクロールを実装しています。scroll-behavior-polyfillを読み込むことでSafari14以前にも対応しています。
Android Chrome での閲覧時のトップページの表示崩れを修正（カルーセルをslickからsplideに変更）
カルーセルをslickからsplideに変更したことで、Android Chrome での閲覧時のトップページの表示崩れも修正されています。
最後に
UTSUWAをはじめ、各公式テーマをより使いやすいものにするため、今後もアップデートを重ねてまいります。公式テーマに関するご意見ご要望もお待ちしております。
