unitone v3.7.0 の概要
機能追加
- 子ページ一覧ブロックを追加
- カラーパレットに「テキスト(黒)」を追加
- スタック(区切りあり)とクラスター(区切りあり)に「HTML 要素」の設定を追加
- 固定ページに「抜粋」の設定を追加
変更
- ナビゲーションのデフォルトの項目を固定ページの一覧ではなく適当なカスタムリンクに変更
- リセット CSS の詳細度を低めに変更
- レスポンシブグリッドブロックの表示を
auto-fit
からauto-fill
に変更(var(--unitone--auto-repeat)
を上書きすることで変更可能)
不具合の修正
- フレームブロックで画像を包含していないとき、高さが保持されなくなっていた不具合を修正
子ページ一覧ブロックを追加
特定のページの子ページの一覧を表示するブロックを追加しました。ブロックスタイルを切り替えることで様々なレイアウトで表示できます(HTML 構造自体も変わります)。サンプルは以下。
デフォルト
- unitone のインストール
- unitone のセットアップ
- ライセンスキーの設定
- ヘッダーのカスタマイズ
- フッターのカスタマイズ
- 記事一覧部分のカスタマイズ
- グローバルナビゲーションのカスタマイズ
- 404 ページのテンプレートのカスタマイズ
- アーカイブページのテンプレートのカスタマイズ
- 投稿のテンプレートのカスタマイズ
- 固定ページのテンプレートのカスタマイズ
- 特定の投稿だけページレイアウトを変更する
- 特定の固定ページだけページレイアウトを変更する
- CSS によるカスタマイズ
- unitone の CSS カスタムプロパティ
- unitone ブロックを使った構築の基本的な考え方
- unitone ブロック
- 両端ブロック
- センターブロック
- クラスターブロック
- クラスター(区切りあり)ブロック
- コンテナーブロック
- カバーブロック
- デコレーターブロック
- フレームブロック
- ガターブロック
- レイヤーブロック
- リールブロック
- レスポンシブグリッドブロック
- レスポンシブグリッド(区切りあり)ブロック
- スタックブロック
- スタック(区切りあり)ブロック
- スイッチャーブロック
- テキストブロック
- 縦書きブロック
- サイドバーブロック
- アコーディオンブロック
- パンくずリストブロック
- 子ページの一覧ブロック
- メガメニューブロック
- パターンを挿入(ベータ版)ブロック
- セクションブロック
- スライダーブロック
- フレックスブロック
- フレックス(区切りあり)ブロック
- グリッドブロック
- グリッド(区切りあり)ブロック
- div ブロック
クラスター(区切り:ストライプ)
クラスター(区切り:スラッシュ)
スタック(区切り:ストライプ)
- unitone のインストール
- unitone のセットアップ
- ライセンスキーの設定
- ヘッダーのカスタマイズ
- フッターのカスタマイズ
- 記事一覧部分のカスタマイズ
- グローバルナビゲーションのカスタマイズ
- 404 ページのテンプレートのカスタマイズ
- アーカイブページのテンプレートのカスタマイズ
- 投稿のテンプレートのカスタマイズ
- 固定ページのテンプレートのカスタマイズ
- 特定の投稿だけページレイアウトを変更する
- 特定の固定ページだけページレイアウトを変更する
- CSS によるカスタマイズ
- unitone の CSS カスタムプロパティ
- unitone ブロックを使った構築の基本的な考え方
- unitone ブロック
リッチメディア
unitone のインストール
unitone のセットアップ
unitone の初期設定ができるセットアップ画面について説明します。
ライセンスキーの設定
ライセンスキーを設定するとワンクリックアップデートやブロックパターンが利用できるようになります。
ヘッダーのカスタマイズ
ヘッダーのテンプレートパーツをカスタマイズして、共通ヘッダーのレイアウトを変更する方法について説明します。
フッターのカスタマイズ
フッターのテンプレートパーツをカスタマイズして、共通フッターのレイアウトを変更する方法について説明します。
記事一覧部分のカスタマイズ
記事一覧部分(ループ)のテンプレートパーツをカスタマイズして、記事一覧部分(ループ)のレイアウトを変更する方法について説明します。
グローバルナビゲーションのカスタマイズ
グローバルナビゲーションにリンクを追加したり、カスタマイズする方法について説明します。
404 ページのテンプレートのカスタマイズ
404 ページ用のテンプレートをカスタマイズして、404 ページのレイアウトを変更する方法について説明します。
アーカイブページのテンプレートのカスタマイズ
アーカイブページ用のテンプレートをカスタマイズして、アーカイブページのレイアウトを変更する方法について説明します。
投稿のテンプレートのカスタマイズ
投稿用のテンプレートをカスタマイズして、投稿のレイアウトを変更する方法について説明します。
固定ページのテンプレートのカスタマイズ
固定ページ用のテンプレートをカスタマイズして、固定ページのレイアウトを変更する方法について説明します。
特定の投稿だけページレイアウトを変更する
特定の投稿のページレイアウトを変更する方法について説明します。
特定の固定ページだけページレイアウトを変更する
特定の固定ページのページレイアウトを変更する方法について説明します。
CSS によるカスタマイズ
CSS を追加する方法を説明します。
unitone の CSS カスタムプロパティ
unitone の CSS カスタムプロパティの一覧と説明。
unitone ブロックを使った構築の基本的な考え方
unitone でいきなり構築を始める前に知っておくとちょっと作業がしやすくなりそうなことをまとめています。
unitone ブロック
unitone の独自ブロックについて説明しています。
ボックス
unitone のインストール
unitone のセットアップ
unitone の初期設定ができるセットアップ画面について説明します。
ライセンスキーの設定
ライセンスキーを設定するとワンクリックアップデートやブロックパターンが利用できるようになります。
ヘッダーのカスタマイズ
ヘッダーのテンプレートパーツをカスタマイズして、共通ヘッダーのレイアウトを変更する方法について説明します。
フッターのカスタマイズ
フッターのテンプレートパーツをカスタマイズして、共通フッターのレイアウトを変更する方法について説明します。
記事一覧部分のカスタマイズ
記事一覧部分(ループ)のテンプレートパーツをカスタマイズして、記事一覧部分(ループ)のレイアウトを変更する方法について説明します。
グローバルナビゲーションのカスタマイズ
グローバルナビゲーションにリンクを追加したり、カスタマイズする方法について説明します。
404 ページのテンプレートのカスタマイズ
404 ページ用のテンプレートをカスタマイズして、404 ページのレイアウトを変更する方法について説明します。
アーカイブページのテンプレートのカスタマイズ
アーカイブページ用のテンプレートをカスタマイズして、アーカイブページのレイアウトを変更する方法について説明します。
投稿のテンプレートのカスタマイズ
投稿用のテンプレートをカスタマイズして、投稿のレイアウトを変更する方法について説明します。
固定ページのテンプレートのカスタマイズ
固定ページ用のテンプレートをカスタマイズして、固定ページのレイアウトを変更する方法について説明します。
特定の投稿だけページレイアウトを変更する
特定の投稿のページレイアウトを変更する方法について説明します。
特定の固定ページだけページレイアウトを変更する
特定の固定ページのページレイアウトを変更する方法について説明します。
CSS によるカスタマイズ
CSS を追加する方法を説明します。
unitone の CSS カスタムプロパティ
unitone の CSS カスタムプロパティの一覧と説明。
unitone ブロックを使った構築の基本的な考え方
unitone でいきなり構築を始める前に知っておくとちょっと作業がしやすくなりそうなことをまとめています。
unitone ブロック
unitone の独自ブロックについて説明しています。
パネル
unitone のインストール
unitone のセットアップ
unitone の初期設定ができるセットアップ画面について説明します。
ライセンスキーの設定
ライセンスキーを設定するとワンクリックアップデートやブロックパターンが利用できるようになります。
ヘッダーのカスタマイズ
ヘッダーのテンプレートパーツをカスタマイズして、共通ヘッダーのレイアウトを変更する方法について説明します。
フッターのカスタマイズ
フッターのテンプレートパーツをカスタマイズして、共通フッターのレイアウトを変更する方法について説明します。
記事一覧部分のカスタマイズ
記事一覧部分(ループ)のテンプレートパーツをカスタマイズして、記事一覧部分(ループ)のレイアウトを変更する方法について説明します。
グローバルナビゲーションのカスタマイズ
グローバルナビゲーションにリンクを追加したり、カスタマイズする方法について説明します。
404 ページのテンプレートのカスタマイズ
404 ページ用のテンプレートをカスタマイズして、404 ページのレイアウトを変更する方法について説明します。
アーカイブページのテンプレートのカスタマイズ
アーカイブページ用のテンプレートをカスタマイズして、アーカイブページのレイアウトを変更する方法について説明します。
投稿のテンプレートのカスタマイズ
投稿用のテンプレートをカスタマイズして、投稿のレイアウトを変更する方法について説明します。
固定ページのテンプレートのカスタマイズ
固定ページ用のテンプレートをカスタマイズして、固定ページのレイアウトを変更する方法について説明します。
特定の投稿だけページレイアウトを変更する
特定の投稿のページレイアウトを変更する方法について説明します。
特定の固定ページだけページレイアウトを変更する
特定の固定ページのページレイアウトを変更する方法について説明します。
CSS によるカスタマイズ
CSS を追加する方法を説明します。
unitone の CSS カスタムプロパティ
unitone の CSS カスタムプロパティの一覧と説明。
unitone ブロックを使った構築の基本的な考え方
unitone でいきなり構築を始める前に知っておくとちょっと作業がしやすくなりそうなことをまとめています。
unitone ブロック
unitone の独自ブロックについて説明しています。
固定ページのテンプレートやテンプレートパーツに設置して常にそのページが属する最上位のローカルナビゲーションを表示したい場合は「トップレベルの子ページ一覧を表示する」を有効にすることで実現できます。
フィルターフック
unitone_child_pages_args
子ページ一覧を表示するためのクエリをカスタマイズできます。
add_filter(
'unitone_child_pages_args',
function( $args ) {
return $args;
}
);
unitone_child_pages
子ページ一覧ブロックの出力をカスタマイズできます。
add_filter(
'unitone_child_pages',
function( $html, $wp_query, $attributes ) {
return $html;
},
10,
3
);
カラーパレットに「テキスト(黒)」を追加
常に var(--unitone--color--text)
を返すカラーを追加しました。「テキスト」「テキスト(Alt)」はスタイルバリエーションを切り替えると背景色の濃さによって黒や白に変わったりしますが、「テキスト(黒)」は常に黒(var(--unitone--color--text)
)を返します。
スタック(区切りあり)とクラスター(区切りあり)に「HTML 要素」の設定を追加
ul
や ol
を指定できるようになりました。
コメントを残す