WP Grid Builder – Oxygen

WP Grid Builder Oxygen: Jak zoptymalizować filtry na stronie WordPress

WP Grid Builder to wydajna wtyczka premium dla WordPress, która umożliwia tworzenie wyspecjalizowanych siatek oraz filtrów kategoryzacyjnych (facet filters). W połączeniu z Oxygen Builder, ta wtyczka staje się potężnym narzędziem, które pozwala na elastyczne zarządzanie układem treści oraz na dostosowywanie prezentacji postów na stronie internetowej.

Rozwój

Instalacja WP Grid Builder oraz jego integracja z Oxygen pozwala na osiągnięcie większej kontroli nad sposobem wyświetlania treści. Jednym z częstych problemów, na które użytkownicy mogą napotkać, jest potrzeba dostosowania zapytań, aby wyświetlały tylko posty napisane przez aktualnie zalogowanego użytkownika. Zmiana ta wymaga innego podejścia, aby była skuteczne, ponieważ domyślnie wtyczka WP Grid Builder nie uwzględnia dynamicznych zapytań w przypadku, gdy korzysta się z aspektów takich jak Easy Posts lub Repeater.

W przypadku modyfikacji zapytania w WordPressie możemy używać akcji hooka pre_get_posts. Dzięki temu możemy bardzo precyzyjnie kontrolować, które posty są wyświetlane na stronie. Kluczowe jest jednak zrozumienie, że zapytania te potrzebują być zdefiniowane we właściwy sposób oraz w odpowiednim kontekście, zwłaszcza gdy pracujemy z Oxygen.

Implementacja filtru dla głównego zapytania

Przykładowo, możemy ustawić Repeater w pamięci reaktywnej (dynamic query), który będzie wyciągał posty opublikowane przez aktualnie zalogowanego użytkownika. Proces ten zaczynamy od dodania Repeater do strony, a następnie zdefiniowania jego zapytania jako niestandardowego.

Pierwszym krokiem jest dodanie przynajmniej jednego elementu do Repeater i skonfigurowanie go do użycia niestandardowego zapytania. Po dodaniu komponentu klikamy na “Custom Query” i wybieramy typ postów, które chcemy filtrować, a także potrzebujemy dodać blok kodu PHP powyżej Repeater, który zawiera odpowiedni kod.

Przykładowy blok PHP, które można dodać, wygląda następująco:

php
add_action( 'pre_get_posts', 'wpdd_published_by_current_logged_in_user' );
function wpdd_published_by_current_logged_in_user( $query ) {
if ( !is_admin() && $query->is_main_query() ) {
$query->set( 'author', get_current_user_id() );
}
}

Jednakże, przy użyciu WP Grid Builder, istnieje ryzyko, że filtr nie będzie działał zgodnie z oczekiwaniami. WPGB nie uwzględnia zmodyfikowanego zapytania, co oznacza, że filtry wyświetlą pierwotną ilość postów, ignorując zmiany dokonane z użyciem akcji pre_get_posts.

Problem z dynamicznymi zapytaniami w codzie PHP

Jeden z kluczowych powodów tej niezgodności polega na tym, że jeżeli dodamy kod PHP bezpośrednio do strony, nie będzie on wykonywany przy filtracji wyników. Kiedy używamy wtyczki Oxygen wraz z WP Grid Builder, technika z wykorzystaniem Ajax zapewnia znaczną poprawę wydajności, jednak też powoduje, że niestandardowy kod PHP nie zostanie wykonany przy każdej próbie filtrowania.

Loïc Blascos, deweloper WP Grid Builder, podkreśla, że rozwiązaniem tego problemu jest przeniesienie kodu pre_get_posts do wtyczki zarządzającej fragmentami kodu (Code Snippets) lub do niestandardowej wtyczki funkcjonalności, co daje większą kontrolę nad zapytaniami.

Konfiguracja Snippet

Aby prawidłowo wprowadzić modyfikacje zapytań do WP Grid Builder, możemy użyć wtyczki Code Snippets. Oto, jak to zrobić:

1. Zainstaluj i aktywuj plugin Code Snippets.
2. Przejdź do Snippets > Dodaj Nowy.
3. Wprowadź tytuł: „Modify WP Grid Builder Query”.
4. Wprowadź kod:

php
add_action(
'pre_get_posts',
function( $query ) {
if ( 'oxygen-element-8' === $query->get( 'wp_grid_builder' ) ) {
$query->set( 'author', get_current_user_id() );
}
},
PHP_INT_MAX - 10
);

1. Ustaw snippet do działania wszędzie. Zapisz zmiany i aktywuj.

W tym kodzie oxygen-element-8 odpowiada “ID” powtarzającego się elementu, które można zobaczyć w panelu struktury w edytorze Oxygen. Dzięki tym ustawieniom zarówno filtry WPGB, jak i posty wyświetlane w Repeaterze będą uwzględniały zmodyfikowane zapytanie, co znacząco zwiększa efektywność w filtracji postów.

Korzyści z używania WP Grid Builder z Oxygen

Integracja WP Grid Builder z Oxygen builder zmienia sposób, w jaki treści są zarządzane na stronach WordPress. Pozwala to na:

• Zwiększenie efektywności prezentacji treści – Dzięki możliwością wizualnym i funkcjonalnym, możliwe jest lepsze dopasowanie układów do potrzeb użytkowników.

• Elastyczność w filtracji – Użytkownicy mogą dostosować widoki i, co ważne, widzieć tylko to, co ich dotyczy, dzięki filtracji po autorze, kategorii itp.

• Wydajność – Użycie Ajax do ładowania treści sprawia, że do użytkownika nie docierają zbędne informacje, a wczytywanie strony odbywa się znacznie szybciej.

• Pełna kontrola nad zapytaniami – Dzięki umiejętności implementowania niestandardowych zapytań, deweloperzy mogą tworzyć bardziej zaawansowane rozwiązania w swoim projekcie.

WP Grid Builder wraz z Oxygen to potężne narzędzie, które pozwala na dużą kontrolę nad prezentacją treści na stronach internetowych w WordPressie. Odpowiednia konfiguracja i przemyślane użycie tych narzędzi pomogą w uzyskaniu atrakcyjnych oraz funkcjonalnych stron.