Jak korzystać z bloku zdarzeń WordPress firmy Automattic

Automattic, firma macierzysta WordPress, opublikowała już niektóre z najbardziej znanych wtyczek WP. WooCommerce, Jetpack, Akismet, BuddyPress, bbPress… i lista jest długa. Teraz dodali kolejną potężną wtyczkę do swojej już długiej listy: Blok zdarzeń. To niewiarygodnie proste rozwiązanie, aby poinformować użytkowników, co się dzieje.

Co to jest blokada zdarzeń?

W przeciwieństwie do wielu nowych bloków z WordPress 5.8, Event Block musi być instalowany ręcznie za pośrednictwem repozytorium wtyczek zamiast katalogu bloków w samym edytorze.

Esencja nowoczesnej filozofii projektowania Automattic jest w pełnym rozkwicie dzięki tej wtyczce. Jest prosty, łatwy w użyciu i stylowy. Po prostu przejdź do wtyczek w panelu administracyjnym i wyszukaj lub prześlij, aby je zainstalować. Pojawi się on na liście wtyczek jako Event .

Sam blok umożliwia dodawanie opisów wydarzeń, godzin i lokalizacji oraz dodawanie zdjęć do karty wyświetlanej odwiedzającym. Dodatkowo masz opcje i ustawienia specyficzne dla bloku, które możesz dostosować, aby lepiej dopasować blok do projektu witryny i wyglądu wydarzenia, które wyświetlasz.

Jak dodać blok wydarzeń do swojego posta lub strony?

Po zainstalowaniu wtyczki dodanie bloku zdarzeń do strony jest bardzo proste. W edytorze bloków WordPress po prostu naciśnij przycisk +, aby dodać nowy blok. Możesz znaleźć ten przycisk na górnym pasku narzędzi lub po prawej stronie dowolnego pustego bloku.

Pojawi się pasek boczny wyboru bloku. Blok zdarzeń można znaleźć w sekcji Widgety , przewijając i przeglądając cały zestaw zainstalowanych bloków. Możesz także wyszukać wydarzenie, aby natychmiast je znaleźć. (Pamiętaj, że wyszukiwanie wydarzeń nie powoduje podniesienia bloku).

Każdy blok wyświetla kartę dla pojedynczego zdarzenia. Jeśli planujesz użyć tego do wyświetlania festiwalu lub serii wydarzeń (takich jak godziny seansów spektaklu, który odbywa się przez wiele dni), musisz albo uwzględnić te informacje w opisie, albo utworzyć wiele kart dla każdego pojedynczego programu.

Ustawienia i opcje blokowania zdarzeń

Jak powiedzieliśmy powyżej, jedną z opcji, która nie jest uwzględniona, jest możliwość zaprezentowania serii wydarzeń. Technicznie rzecz biorąc, nie jest w stanie zaprezentować zakresu dat. Powiedziawszy to, sprawdźmy dokładnie, co potrafi wtyczka Event Block.

Aby ustawić datę wydarzenia, po prostu kliknij przycisk Wybierz datę . Pojawi się wyskakujący kalendarz, w którym możesz wybrać datę i godzinę wydarzenia. Jeśli nie wybierzesz godziny, domyślnie będzie to godzina, w której wybrałeś datę. Data zastąpi przycisk i pojawi się w lewym górnym rogu bloku.

Pozostałe pola — tytuł , lokalizacja i opis — to po prostu pola tekstowe, w których wpisujesz odpowiednie informacje. Są dość oczywiste z natury.

Główną wadą tej karty jest jednak to, że lokalizacje nie są klikalne. Aby mieć link do mapy, musisz umieścić go osobno w poście za pomocą bloku lub innej metody. Numery telefonów są domyślnie klikalne na telefonie komórkowym.

Należy pamiętać, że możesz utworzyć hiperłącze do dowolnego tekstu w polach opisu lub lokalizacji. Oznacza to, że jeśli przejdziesz do Map Google i wprowadzisz lokalizację wydarzenia, możesz wziąć adres URL tego wyszukiwania i utworzyć hiperłącze, używając tekstu lokalizacji, jeśli chcesz. Nie jest to idealne rozwiązanie, ale być może najlepsze, jakie masz bez dodawania innych wtyczek.

Obraz zdarzenia jest zasadniczo blokiem obrazu umieszczonym z boku bloku zdarzenia. Rozciągnie się, aby dopasować się do bloku. Możesz dostosować ostrość obrazu w ustawieniach bloku po prawej stronie, umieszczając niebieskie kółko pod nagłówkiem selektora punktu ogniskowego .

Poniżej znajduje się sekcja Ustawienia kolorów . Możesz dostosować blok, aby wyglądał tak, jak chcesz, ustawiając tło i kolor tekstu dla całego bloku.

Na szczęście edytor ma ostrzeżenie dla osób, które nie mają dobrego oka do kombinacji kolorów i ostrzeże Cię, jeśli wybrana kombinacja jest trudna do odczytania.

Być może najlepszą opcją dla Bloku Zdarzeń jest dodanie do niego podbloków. Po prostu naciśnij enter/return po opisie, a otrzymasz kolejny przycisk +, tak jak w edytorze podstawowym. Stąd możesz dodać dowolną liczbę innych bloków wewnątrz samego wydarzenia. Nawet inne wydarzenia .

Każdy pojedynczy element w bloku zdarzeń można dostosować indywidualnie. Możesz potraktować nowo utworzony blok wydarzeń jak mniejszy obszar treści posta lub strony, nad którą już pracujesz. Każde zdarzenie podrzędne może mieć swój własny projekt i obraz, a także każdy blok akapitu lub cokolwiek innego. Wszystkie opcje bloków pojawią się po prawej stronie na pasku bocznym opcji bloku, w zależności od wybranego bloku.

Ostatnią opcją dla wtyczki blokującej zdarzenia jest to, czy samo zdarzenie ma być wyświetlane jako element wyśrodkowany, czy rozciągniesz obszar zawartości.

W menu kontekstowym ikona wyrównania umożliwia wybór jednego z nich. Niezależnie od tego, który wybierzesz, wszelkie podbloki, które utworzyłeś, dostosują się, aby dostosować się do zmiany. Obrazy nadal będą skupiać się we wskazanym miejscu, ale będą się rozszerzać i wyświetlać więcej obrazu podstawowego, jeśli pozwala na to szerokość.

Wskazówki i najlepsze praktyki dotyczące skutecznego korzystania z bloku zdarzeń

Wtyczka Event Block jest prosta i potężna, i możesz z nią wiele zrobić. Oto kilka wskazówek, dzięki którym wyróżnisz się wśród gości.

1. Użyj koloru

Nie pozwól, aby opcje kolorów zmarnowały się dzięki blokowi zdarzeń. Skorzystaj z możliwości dostosowania projektu, aby uzupełnić projekt strony, a także inne bloki w ramach wydarzenia i na tej samej stronie.

A jeśli używasz bloków w samym bloku zdarzenia, pamiętaj, aby stylizować je tak, aby wyróżniały się z ich kontenera, aby użytkownicy byli bardziej skłonni je zauważyć.

2. Używaj obrazów o odpowiedniej wielkości

Obrazy naprawdę mogą stworzyć lub przerwać wydarzenie. Jeśli Twoje wydarzenie nie wygląda ekscytująco ani angażująco, ludzie rzadziej będą chcieli w nim uczestniczyć. Upewnij się, że używasz wysokiej jakości obrazów, które reprezentują Twoje wydarzenie w różnych rozmiarach i kształtach. Ponieważ obrazy są responsywne i dostosowują swoje położenie do dostępnej przestrzeni, możliwe jest ustawienie ziarnistej fotografii niczego w szczególności.

Zawsze testuj swoje obrazy, aby upewnić się, że wyświetlają się dobrze w wielu aspektach.

3. Skorzystaj z podbloków

Nie bój się dodawać bezpłatnych bloków w samym wydarzeniu. Oczywiście, możesz dodać trochę do zawartości strony, ale jeśli chcesz mieć pewność, że te informacje będą dostępne, najlepszym sposobem na to jest osadzenie ich w bloku zdarzeń.

Na przykład możesz użyć bloku Divi w wydarzeniu, aby użyć naszego modułu Mapy, ponieważ WordPress nie ma jednego domyślnego, a blok zdarzenia domyślnie nie renderuje klikalnych adresów. (Pamiętaj też, że możesz użyć hiperłącza, aby wkleić adres URL Map Google do lokalizacji, jeśli chcesz).

4. Eksperymentuj z zakładką Wzorce

WordPress 5.8 wprowadził do edytora zakładkę Patterns. W połączeniu z wtyczką Event Block możesz tworzyć bardzo przyjemne projekty stron przy niewielkim wysiłku.

W każdej sytuacji, w której możesz dodać blok, możesz wybrać kartę Wzory na lewym pasku bocznym. Wybranie jednego spowoduje dodanie go do szablonu i możesz z niego przejść. Na powyższym obrazku po prostu dodaliśmy blok zdarzeń na dole każdej kolumny, którą umieścił wzorzec, a także jeden w domyślnej kolumnie strony. Ponieważ edytor Gutenberga umożliwia dostosowanie wszędzie, możesz również eksperymentować z tworzeniem własnych wzorów. W ten sposób Twoje wydarzenia nie zgubią się w standardowym zestawieniu lub liście.

Wniosek

Wtyczka Event Block może początkowo nie wydawać się solidna. Ale przy odrobinie przemyślanego projektu i przeglądaniu opcji możesz urozmaicić każdą stronę za pomocą jednego. Dzięki dostępnym podblokom wszelkiego rodzaju i możliwości zagnieżdżania w nim innych zdarzeń, blok zdarzeń z pewnością ulepszy niemal każdy rodzaj witryny. Niezależnie od tego, czy jest to wydarzenie osobiste, wirtualna impreza, czy nawet symbol zastępczy wielkiego ogłoszenia, ta wtyczka jest prawdopodobnie najłatwiejszym sposobem na zrobienie tego.

Jakie rzeczy zrobiłeś do tej pory z wtyczką Event Block?

Artykuł wyróżniony obrazem autorstwa Viktorii Kurpas / shutterstock.com