W artykule:
Czy chcesz ukryć konkretny widget WordPress dla użytkowników mobilnych?
Widżety to dynamiczne treści, które są często dodawane na pasku bocznym lub stopce witryny. Czasami widżet może dobrze wyglądać na komputerach stacjonarnych / laptopach, ale możesz go ukryć na urządzeniach mobilnych.
W tym artykule pokażemy, jak warunkowo ukryć widżet WordPress na urządzeniach mobilnych (bez pisania kodu).
Uwaga: W większości responsywnych motywów WordPress pasek boczny pojawi się pod Twoimi treściami na urządzeniach mobilnych. Dlatego często właściciele witryn chcą ukryć niektóre widżety na urządzeniach mobilnych, aby przyspieszyć szybkość witryny dla użytkowników mobilnych.
Jak ukryć Widżet na telefonie komórkowym w WordPress
Ze względu na ten samouczek będziemy ukrywać widget wyszukiwania na naszej stronie demonstracyjnej, ale możesz go użyć, aby ukryć dowolny widget WordPress.
Na naszej stronie demonstracyjnej widżet wyszukiwania pojawia się u góry naszego paska bocznego i wygląda dobrze na pulpicie.
Jednak w telefonie komórkowym widżety paska bocznego wyświetlają się pod treścią, a nie obok niej:
Zamierzamy ukryć widżet wyszukiwania, aby wyświetlał się tylko na komputerach stacjonarnych, a nie na urządzeniach mobilnych.
Uwaga: W tym samouczku termin „komputery stacjonarne” obejmuje zarówno laptopy, jak i zwykłe komputery stacjonarne.
Najpierw musisz zainstalować i aktywować wtyczkę opcje widżetów. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do Wygląd ” Widgety strona w obszarze administracyjnym WordPress.
Na tym ekranie zobaczysz aktywne widżety umieszczone w obszarach gotowych do widżetów witryny.
Edytujmy widżet wyszukiwania, klikając jego nazwę:
W Ustawieniach widżetu zobaczysz nową sekcję dodaną przez wtyczkę opcje widżetu. Tutaj po prostu kliknij małą ikonę telefonu komórkowego, a następnie wybierz urządzenie lub urządzenia, na których chcesz ukryć widżet.
Nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać zmiany.
Teraz śmiało i sprawdź swoją witrynę za pomocą urządzenia mobilnego. Ten widżet nie będzie już wyświetlany w obszarze widżetów:
Ale co, jeśli chcesz ukryć widżet na urządzeniach stacjonarnych, ale wyświetlić go na ekranach mobilnych?
Zobaczmy, jak to zrobić.
Jak zrobić mobilną wersję widżetu w WordPress
Czasami możesz chcieć mieć jedną wersję widżetu dla użytkowników komputerów stacjonarnych i inną dla użytkowników mobilnych.
Na przykład możesz wyświetlić pięć ostatnich postów na komputerze, ale tylko trzy posty na urządzeniach mobilnych.
Jest to również łatwe do zrobienia z wtyczką opcji widżetów. Możesz po prostu utworzyć dwa widżety i ustawić jeden widżet, aby wyświetlał się tylko na komputerze, a drugi tylko na urządzeniach mobilnych.
Najpierw Dodaj lub Otwórz widżet, który chcesz wyświetlić tylko na pulpicie. Następnie kliknij małą ikonę urządzenia mobilnego. Następnie po prostu zaznacz pola „Tablet” i „Mobile”, aby ukryć widżet na tych urządzeniach:
Nie zapomnij nacisnąć przycisku Zapisz, aby zapisać zmiany.
Teraz Dodaj lub Otwórz widżet, który chcesz wyświetlać tylko na urządzeniach mobilnych. Powtórz ten sam proces, ale tym razem kliknij pole wyboru „pulpit”, aby ukryć widżet na urządzeniach stacjonarnych:
To wszystko. Teraz masz wersję desktopową i mobilną widżetu.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak ukryć widget na urządzeniach mobilnych w WordPress. Możesz również sprawdzić naszą listę najlepszych kreatorów stron typu przeciągnij i upuść WordPress, aby dostosować swoją witrynę lub jak utworzyć niestandardowy motyw w WordPress (bez pisania kodu).
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
