Niedawno dodałem tutaj funkcję tworzenia przycisków do otwierania okna modalnego bez wtyczek w WordPress. Cóż, wczoraj GenerateBlocks w aktualizacji 2.3.0 swojej wersji Pro dodał tę opcję znacznie bardziej elastyczną i z wieloma innymi możliwościami, które mogą zaoszczędzić trochę wtyczki.
Są to panele nakładkowe (nie wiem, czy to najlepsze tłumaczenie dla "paneli nakładkowych") z warunkami.
Panele nakładek GenerateBlocks Pro 2.3 umożliwiają dodawanie dowolnych treści do elementów interaktywnych, takich jak wyskakujące okienka, przesuwane okna, okna modalne i niemodalne, etykiety narzędzi, panele off-canvas, a nawet mega menu.
Podczas gdy GenerateBlocks i GeneratePress są znane z dostarczania czystego, lekkiego i zoptymalizowanego kodu, muszę jeszcze przeanalizować wpływ tych paneli na DOM, aby porównać ilość elementów i głębokość, którą dodają, aby wiedzieć, w jakich przypadkach lepiej będzie użyć tego nowego narzędzia lub po prostu HTML i CSS, poświęcając interesujące opcje reguł warunkowych.
GenerateBlocks nie dodaje nowego bloku do swojej kolekcji 12. To, co zobaczymy, to dwie nowe opcje w panelu administracyjnym: Overlay Panels i Conditions.
Aby rozpocząć tworzenie pierwszego modala, popupa lub tooltipa klikamy na Overlay Panels, a po prawej stronie znajdziemy jego opcje konfiguracyjne.
Możesz teraz przetestować jego funkcje, tworząc dowolną zawartość wewnątrz kontenera GenerateBlocks (lub innego elementu) bez konieczności zapoznawania się z opcjami konfiguracji Warunków.
Dostępne są wyzwalacze (działania lub okoliczności, które wykonają rzecz z treścią do wyświetlenia):
- Kliknięcie. Zawartość wyświetlana po kliknięciu przycisku, obrazu, łącza itp. jest aktywowana.
- Po najechaniu zostanie aktywowana, gdy użytkownik najedzie kursorem na element.
- Kliknij lub najedź kursorem. Połącz kliknięcie i najedź kursorem.
- Intencja wyjścia: Wyświetlana, gdy użytkownik próbuje opuścić stronę i przesuwa wskaźnik na górę przeglądarki.
- Przewijanie procentowe: Wyświetlanie po przewinięciu przez użytkownika strony w dół do określonej wartości procentowej.
- Opóźnienie czasowe: pojawia się po upływie ustawionego czasu.
- Zdarzenia niestandardowe są wyzwalane przez określone akcje, takie jak dodanie elementu do koszyka WooCommerce (`wc-blocks_added_to_cart`).
Następnie możesz rzucić okiem na Warunki i wypróbować możliwości. Chociaż nie miałem jeszcze czasu na wykorzystanie wszystkich kombinacji, to niewielka część, którą udało mi się wypróbować, wydaje się bardzo przydatna.
Jeśli wyzwalacze oferują dobrą paletę opcji, warunki znacznie zwiększają ich możliwości.
Warunki mogą być oparte na szerokim zakresie parametrów, zapewniając szczegółową kontrolę:
- Autor: wyświetla nakładki na treści określonych autorów.
- Cookie: Pokaż lub ukryj nakładki w zależności od obecności lub wartości plików cookie.
- Data i godzina Nakładki planowania dla określonych dat, godzin lub powtarzających się zdarzeń.
- Urządzenie - pokazuje lub ukrywa nakładki w zależności od komputera stacjonarnego, tabletu lub urządzenia mobilnego.
- Język: Segmentuj użytkowników według języka strony.
- Lokalizacja: Wyświetla nakładki na określonych stronach, postach lub plikach. Lokalizacje można również skonfigurować dla całej witryny lub na poziomie szczegółowości tak wysokim, jak strona 404 lub podstrony.
- Niestandardowe polapostów mogą być używane do wyzwalania nakładek (np. wyświetlania nakładki na posty z określoną wartością meta).
- Parametr zapytania - docelowe adresy URL z określonymi ciągami zapytań (np. `?utm_source=newsletter`). Jest to bardzo przydatne, jeśli uruchamiasz reklamy i chcesz wyświetlać tylko oferty oparte na określonych parametrach zapytania dla określonej kampanii.
- Odsyłacz: Kieruje reklamy do odwiedzających pochodzących z określonych domen lub adresów URL.
- Opcje witryny - dostosowanie ustawień witryny WordPress do warunków.
- Metadane użytkownika, personalizacja według danych profilu użytkownika.
- Rola użytkownika: wyświetlanie treści zarejestrowanym użytkownikom, administratorom, subskrybentom lub gościom.
Listę pozostałych opcji można znaleźć szczegółowo w tym poście lub w tym przewodniku po panelach oraz w tym przewodniku po warunkach z dokumentacją, przykładami, wskazówkami i zrzutami ekranu.
A jeśli wolisz, aby ktoś wyjaśnił ci graficznie, jak zacząć, Kyle z The Admin Bar już to zrobił w tym filmie.
Nadal uważam, że chociaż na swoim forum wsparcia oferują bardzo dobrą obsługę klienta z bardzo pomocnymi odpowiedziami na każde pytanie, krzywa uczenia się korzystania z wielu możliwości GenerateBlocks jest nadal nieco stroma. Tym bardziej dla nowicjuszy lub osób przyzwyczajonych do kreatorów takich jak Elementor. Mimo to nie zamieniłbym GB na żaden kreator ani kolekcję bloków, ponieważ jego ewolucja, choć powolna, wydaje mi się słuszna.
