Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【石川確認待ち】クエリーブロック拡張の技術検証・プロトタイプ作成 #1013

Closed
kurudrive opened this issue Feb 7, 2022 · 7 comments
Assignees

Comments

@kurudrive
Copy link
Member

やりたい事

  • 固定ページでサイドバーに子階層の一覧を表示したい
  • 関連記事を表示したい

など。

FSEでは、そのものを表示するブロックではなく、クエリだけ発行して、中身の要素は自分でカスタマイズできるので、それ用。

コアのクエリブロックも投稿タイプやカテゴリーで絞り込みできるが、
「今表示しているページの先祖階層からの子ページリスト」や「特定の固定ページの子ページ」などができない。

これを実現するためのブロックの作成が必要になる。
おそらくコアのフックとかより完全自作の方が良いのではと思ってます。

設定項目として最初に「クエリータイプ」の選択があって、

■ クエリータイプ

  • 先祖階層からのリスト
  • 子ページリスト → 選択されたらどのページの子ページなのかの選択
  • (順次拡張)
@kurudrive kurudrive changed the title クエリーブロック拡張の技術検証 クエリーブロック拡張の技術検証・プロトタイプ作成 Feb 7, 2022
@shimotmk
Copy link
Contributor

shimotmk commented Feb 8, 2022

技術検証中...

@shimotmk
Copy link
Contributor

shimotmk commented Feb 8, 2022

@kurudrive
子ページの表示は子ページリストで表示出来そうですが少し違いますか?

関連記事は現存のブロックでは出来ないですが子ページリストの要領で作れるのではないかと思います

@kurudrive
Copy link
Member Author

@shimotmk 子ページリストは表示要素(view)をブロック内に持ってしまっているので、今回やりたい事はちょっと違います。
あくまでクエリを持ったアウターブロックだけで、中に入る表示要素はクエリーブロックのように自由に自作できる必要があります。

@shimotmk
Copy link
Contributor

技術検証途中経過

クエリーブロックの構造

クエリーループ > 投稿テンプレート > 投稿タイトル

各ブロックおおよそ行っていること

クエリーループで条件を絞り込む
投稿テンプレートでその条件をWP_Queryの形式に変換
Innerブロックで情報を取得して表示

現時点での問題点

コア拡張版のクエリーループを作ればいろいろと条件が使えるかなと思ったが現状では投稿テンプレートで使うWP_Queryの形式に変換する関数build_query_vars_from_query_blockにフックがない。コアでもissuesがある
https://developer.wordpress.org/reference/functions/build_query_vars_from_query_block/
WordPress/gutenberg#36504

@shimotmk
Copy link
Contributor

@kurudrive
子ページのあるクエリ ブロックのプロトタイプを作成してみました
#1036
作ってみた印象としては正式実装は時期尚早と思いました

特にパターンをセットする系のコンポーネントでexperimentalが使われているのでこれが安定するまでは正式実装はしないほうが良いかと思っています

@kurudrive
Copy link
Member Author

@shimotmk ありがとうございます。順次確認します!

@shimotmk shimotmk linked a pull request Mar 3, 2022 that will close this issue
@kurudrive kurudrive changed the title クエリーブロック拡張の技術検証・プロトタイプ作成 【石川確認待ち】クエリーブロック拡張の技術検証・プロトタイプ作成 Mar 8, 2022
@shimotmk
Copy link
Contributor

shimotmk commented Mar 18, 2022

@kurudrive
少し調整したい箇所が出来たので調整します
→一旦調整終わり

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants