unitone v24.9.1 の概要
機能追加
- ページのレイアウトに「左ヘッダー（細）」を追加
- デコレーターブロック・セクションブロックに「ミックスブレンドモード」の設定を追加
align-itemsにbaselineを追加
不具合の修正
- Noto Sans JP、Noto Serif JP のとき、アイコンの位置がずれる不具合を修正
- インラインアイコンの行内の表示位置を調整
- タイポグラフィパネルで「ハーフレディング」を設定しても反映されない不具合を修正
ページのレイアウトに「左ヘッダー（細）」を追加
ページの左側に細いヘッダーがある状態で、中身がロゴとハンバーガーボタンのレイアウトを追加しました。ページヘッダー（画像）つき、ページヘッダー（アイキャッチ画像）つきなど、いくつかのバリエーションがあります。
unitone セットアップ画面 → カスタムテンプレートで有効化すると、投稿や固定ページの編集画面でテンプレートを切り替えることができます。
記事ごとではなく、そのテンプレート自体を「左ヘッダー（細）」系のレイアウトに変更したい場合は、サイトエディターで固定ページのテンプレートや投稿のテンプレートの編集画面を開いて、設定パネル → デザインから切り替えることができます。
（本当は Snow Monkey みたいにサイト全体に設定できれば簡単だなと思うのですが、ブロックテーマはテンプレートごとに設定するのが仕様…）
デコレーターブロック・セクションブロックに「ミックスブレンドモード」の設定を追加
これまでレイヤーブロックの子ブロックにはミックスブレンドモードが設定できたのですが、それだけだとちょっと使い勝手がわるいなということで、デコレーターブロックとセクションブロックにも設定を追加しました。
下記サンプルです。「Lorem」というテキストを配置したセクションブロックを、ミックスブレンドモード difference、文字色白に設定しています。スクロールすると、背景にあわせてテキストの色が変わります。
Lorem
align-items に baseline を追加
下記のように左右で文字の大きさが違うレイアウトのとき、align-items: end だと、line-height の大きさの違いで小さい文字のほうが少し下側にずれた感じで見えちゃうので、そうならないように、baseline の設定を追加しました。
電車がホームに滑り込み、車輪の音が響く。
静かに本をめくる人
Noto Sans JP、Noto Serif JP のとき、アイコンの位置がずれる不具合を修正
下記の記事を参考に、調整してみました！ありがとうございます。
インラインアイコンの行内の表示位置を調整
アイコンを入れる場所によって微妙にレイアウトがズレちゃうことがあったので、CSS を調整してみました。
コメントを残す