Kontroluj widoczność widżetów WordPress za pomocą widżetów warunkowych

Widżety to doskonały sposób na promowanie innych aspektów witryny, bez przerywania treści, którą aktualnie czyta użytkownik. Zwykle odbywa się to na pasku bocznym lub innym obszarze wyznaczonym przez motyw WordPress dla widżetów.

Może się jednak zdarzyć, że widżet będzie wyświetlany tylko na niektórych stronach. Na szczęście widżety warunkowe istnieją tylko dla tego scenariusza. Na przykład, jeśli masz widżet kalendarza w swojej witrynie, możesz chcieć, aby pojawiał się tylko na stronie wydarzeń.

W tym artykule przedstawimy przegląd tego, czym są widżety warunkowe i jak je tworzyć. Przyjrzymy się również dwóm opcjom ich konfiguracji. Zanurzmy się!

Czym są widżety warunkowe?

Krótko mówiąc, widżety warunkowe to widżety WordPress, które mają dodatkową zmienną kontrolną. Dzięki temu możesz określić, czy każdy widżet pojawi się na określonej stronie lub poście. Może ci to pomóc na kilka różnych sposobów.

Po pierwsze, możesz zmaksymalizować cenną nieruchomość witryny. W większości motywów jest tylko tyle miejsca na pasku bocznym. Gdy ustawisz warunkowe widżety, możesz kontrolować, ile miejsca jest przeznaczone na każdą funkcję. W razie potrzeby możesz dołączyć lub wykluczyć niektóre widżety z paska bocznego.

Dodatkowo, ustawiając widżety warunkowo, możesz upewnić się, że paski boczne są bardziej odpowiednie dla każdej strony. Możesz na przykład usunąć widżet mapy i wskazówek dojazdu ze wszystkich innych stron, ale pozostawić je widoczne na stronie „Informacje”. Spowoduje to zwolnienie miejsca na widżet paska bocznego na bardziej odpowiednią treść na innych stronach.

Jak zrobić widżet warunkowy (bez Jetpack)

Jeśli chodzi o pracę z widżetami warunkowymi, istnieje kilka narzędzi, których możesz użyć. Niektóre z nich wymagają dostosowania kodu motywu, a inne nie.

Najpierw przyjrzymy się, jak aktywować opcje warunkowe za pomocą wtyczki, która wymaga trochę dodatkowej wiedzy na temat kodowania. Następnie zbadamy, jak osiągnąć te same wyniki za pomocą wtyczki Jetpack

Krok 1: Wybierz warunkową wtyczkę widżetu

Istnieje kilka opcji wtyczek umożliwiających warunkowe widżety. W tym przykładzie użyjemy Widget Logic.

Ta wtyczka dodaje pole do wszystkich twoich widżetów, w których możesz dołączyć dowolne tagi warunkowe WordPress lub ogólny kod PHP. Aby rozpocząć, musisz najpierw zainstalować i aktywować wtyczkę.

Krok 2: Otwórz swój panel widżetów

Następnie możesz przejść do Wygląd > Widżety i otworzyć panel ustawień dowolnego widżetu, aby uzyskać dostęp do nowego pola logiki widżetu .

Tutaj możesz dodać dowolne tagi warunkowe WordPress, o których wspominaliśmy wcześniej. Na przykład, jeśli chcesz, aby określony widżet był wyświetlany na pasku bocznym każdej strony z wyjątkiem strony „Informacje”, możesz dodać:

!is_page('about')

Podobnie możesz łączyć wiele tagów warunkowych, aby jeszcze bardziej dostosować sposób wyświetlania widżetów. Na przykład możesz określić, aby niektóre widżety pojawiały się tylko w pojedynczych postach określonej kategorii, używając nazw kategorii. Jeśli chcesz, aby wszystkie posty w kategorii „wypieki” wyświetlały określony widżet, możesz użyć:

is_single() && in_category('baked-goods')

Ponadto więcej opcji znajdziesz na dole strony Wygląd > Widżety .

Te ustawienia umożliwiają określenie kolejności ładowania nowej logiki widżetów. Jest to szczególnie ważne w przypadku motywów, które znacznie różnią się od bardziej standardowych opcji WordPress.

Ostatecznie będziesz musiał dość dobrze znać kod swojego motywu, aby uniknąć błędów podczas korzystania z tej wtyczki. Ponadto będziesz chciał zapoznać się z WordPress Loop, aby lepiej zrozumieć kolejność, w jakiej niektóre elementy będą ładowane w Twojej witrynie.

Zmiana widoczności widżetu za pomocą Jetpack

Jak wspomnieliśmy wcześniej, innym rozwiązaniem do dostosowywania opcji wyświetlania widżetów jest użycie Jetpack. Ta uniwersalna wtyczka ma wiele funkcji, które mogą pomóc Ci poprawić wydajność witryny WordPress, a także umożliwia zarządzanie widżetami warunkowymi.

Krok 1: Otwórz ustawienia Jetpack

Po wykonaniu niezbędnych kroków instalacji i konfiguracji Jetpack, musisz odwiedzić stronę Jetpack > Ustawienia na pulpicie nawigacyjnym WordPress. Następnie kliknij kartę Pisanie .

Funkcja widoczności widżetów nie jest domyślnie włączona. Musisz przewinąć w dół do obszaru ustawień widżetów i włączyć tę opcję.

Twoje zmiany zostaną automatycznie zapisane. Po wykonaniu tego kroku będziesz mieć kontrolę nad tym, gdzie widżety mają się pojawiać w Twojej witrynie.

Krok 2: Dodaj nowe reguły

Teraz, gdy funkcja widoczności została włączona, możesz przejść do Wygląd > Widżet na pulpicie nawigacyjnym WordPress. Jeśli klikniesz aktywny widżet, zobaczysz nowy przycisk Widoczność .

Jeśli wybierzesz Widoczność, znajdziesz nowy panel opcji, w którym możesz tworzyć instrukcje logiki widoczności. Umożliwią ci one kontrolę nad tym, gdzie w witrynie WordPress pojawia się każdy konkretny widżet.

Możesz utworzyć wiele instrukcji logicznych, aby kontrolować widoczność widżetu, ale wtedy musisz zdecydować, czy wszystkie warunki mają być spełnione. Jeśli tak, zaznacz pole Dopasuj wszystkie warunki .

Na przykład, jeśli chcesz ukryć widżet Ostatnie posty na stronie głównej swojej witryny, ale tylko wtedy, gdy posty są pisane przez określonego autora, możesz ustawić taką logikę.

Używając Jetpack do dostosowywania widżetów, nie musisz dostosowywać kodu motywu. Jednak nadal zalecamy przetestowanie nowych ustawień na serwerze przejściowym przed wdrożeniem ich w działającej witrynie internetowej.

Dostosuj swoją witrynę za pomocą silnika WP

Teraz, gdy wiesz, jak uzyskać większą kontrolę nad tym, na jakich stronach i postach pojawiają się Twoje widżety WordPress, możesz utworzyć bardzo trafne paski boczne dla swojej witryny. W WP Engine rozumiemy, jak ważny może być dostęp do odpowiednich zasobów dla programistów, jeśli chcesz stworzyć naprawdę niestandardową witrynę.

Ponadto dostosowywanie witryny może często wymagać wielu testów, prób i błędów. Dlatego oferujemy różnorodne plany hostingowe ze wszystkimi narzędziami i zasobami potrzebnymi do zbudowania niesamowitego doświadczenia cyfrowego. Sprawdź wszystkie nasze rozwiązania i produkty WordPress do swojego następnego projektu!