[ 解決済 ] VK blocks 投稿リストブロックで、特定のカテゴリーを除外したい

私はフックを使ってできるかどうかわかりませんが、CSS でできそうです。

VK 投稿リストはカテゴリーを示すクラス名を出力しますので、これが使えます。

添付画像をご参照ください。

以下の CSS でいけそうです。

.xxxxxx .vk_post.category-events {
    display: none;
}

xxxxxx は特定の投稿リストブロックの 追加 CSS クラス です。

除外したいカテゴリー以外の最新の5つの記事を表示させたいのです。

やっぱり、そうなりますよね。

同一ページ内の複数のクエリ―ループブロックに異なる設定をする方法がわかりませんでした

もし、そのことが唯一の課題だとすると、
News & Information を クエリーループ で作って、
それ以外の投稿リストを VK 投稿リスト で作れば解決するように思います。
それだとダメでしょうか？

ちなみに、
VK 投稿リスト でも以下のページの最後の方に書かれている「全要素の差し替え」を使って、
特定のカテゴリーを除外するコードを書くことはできそうですが、
同一ページ内に VK 投稿リスト が複数ある場合は難しそうです。

Lightning 投稿一覧カスタマイズ徹底解説

ページ内で何番目の投稿リスト（クエリーループ）なのかを取得する手段があれば解決しそうですね。

あと、もうひとつのアプローチとして、
十分な数の記事を出力しておいて（例えば20件）、
JavaScript で条件に合うものだけを表示して（条件に合わないものを非表示にして）
5件だけ見せるというのもあります。
これが楽かもしれません。

もうひとつ、ダメ元で書きますと、
イベントをカスタム投稿タイプにすればよさそうですが、
それだとダメでしょうか？

• この返信は1年、 1ヶ月前に対馬 俊彦が編集しました。

> 石川さん

トップページに設置してある3つの VK 投稿リスト のうち、
特定のひとつの VK 投稿リスト についてだけ有効にできるフックになるのでしょうか？

なんだか難しそうな実装になりそうに感じて気になりましたので、
質問させていただきました。

うひゃっ、すごーい!!😲

フィルターフックで 追加 CSS クラス を取得できるようになってたんですね。

エディター画面にも反映されてて、びっくりしました。

追加 CSS クラス の名前を exclude-2 exclude-6 のようにつけて
除外するカテゴリーを柔軟にカスタマイズできそうですね。

• この返信は1年、 1ヶ月前に対馬 俊彦が編集しました。

_|＼○_ﾋｬｯ ε=＼＿○ﾉ ﾎｰｳ!!

|・ｗ・）.oO（ でも イベント情報 を別投稿タイプにした方が王道ではないかなと感じたりもする今日この頃… ）