Czy chcesz ukryć określony widżet WordPress dla użytkowników mobilnych?
Widżety to dynamiczne treści, które często są dodawane do paska bocznego lub stopki witryny. Czasami widżet może dobrze wyświetlać się na komputerach stacjonarnych, ale można je 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 najbardziej responsywnych motywach WordPress pasek boczny pojawia się pod treścią, gdy korzystasz z urządzeń mobilnych. Dlatego często właściciele witryn chcą ukryć określone widżety na urządzeniach mobilnych, aby przyspieszyć ich działanie.
Jak ukryć widżet na telefonie komórkowym w WordPress
Ze względu na ten samouczek będziemy ukrywać widżet wyszukiwania w naszej testowej witrynie internetowej, ale możesz go również użyć do ukrycia dowolnego widżetu WordPress.
Na naszej stronie testowej widżet wyszukiwania pojawia się u góry naszej stopki i świetnie działa na komputerach stacjonarnych.
Jednak na telefonie widżety paska bocznego pojawiają się pod zawartością zamiast paska bocznego:
Zamierzamy ukryć widżet wyszukiwania, aby był wyświetlany tylko na komputerach stacjonarnych, a nie na urządzeniach mobilnych.
Uwaga : W tym samouczku termin „komputer” obejmuje zarówno laptopy, jak i komputery stacjonarne.
Przede wszystkim musisz zainstalować i aktywować wtyczka Widget Options , Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do strony Wygląd »Widżety w obszarze administracyjnym WordPress.
Na tej stronie zobaczysz swoje aktywne widżety umieszczone w obszarach gotowych widgetów w Twojej witrynie.
Przejdźmy i edytujmy widżet wyszukiwania, klikając nazwę widżetu:
W ustawieniach widżetu nowa sekcja zostanie dodana przez wtyczkę Widget Opcje. Tutaj wystarczy kliknąć małą ikonę telefonu komórkowego, a następnie wybrać, na którym urządzeniu chcesz ukryć widżet.
Nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać zmiany.
Teraz przejdź i wyświetl swoją witrynę na urządzeniu mobilnym. Ten widżet nie będzie już wyświetlany w Twoim obszarze widżetów:
Ale co, jeśli chcesz ukryć widżet na urządzeniach stacjonarnych, ale pokazać go na telefonach komórkowych?
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, a drugą dla użytkowników mobilnych.
Na przykład możesz wyświetlić swoje pięć najnowsze publikacje na komputerze, ale tylko trzy posty na urządzeniach mobilnych.
Jest to również łatwe dzięki wtyczce Widget Options. Możesz po prostu utworzyć dwa widżety i ustawić jeden widżet tak, aby był wyświetlany tylko na komputerze, a drugi tak, aby był wyświetlany tylko na urządzeniach mobilnych.
Najpierw dodaj lub otwórz widżet, który chcesz wyświetlić uniquement na komputerze. Następnie kliknij małą ikonę telefonu komórkowego. Następnie zaznacz tylko pola „ Tablet ' i " Mobilny" aby ukryć widżet na tych urządzeniach:
Nie zapomnij kliknąć przycisku Enregistrer do przechowywania zmian.
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:
Tutaj. Masz teraz wersję na komputery stacjonarne i mobilną wersję swojego widżetu.
Odkryj także niektóre motywy i wtyczki premium WordPress
Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.
Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.
1. WordPress Speed Optimization Plugin
Czy zmagasz się z zarządzaniem wieloma wtyczkami do optymalizacji szybkości witryny? Martwisz się, że spowalniają one szybkość działania Twojej witryny? wtedy ta wtyczka WordPress będzie najlepszym rozwiązaniem dla wszystkich Twoich zmartwień.
Ta wtyczka została zaprojektowana, aby zapewnić prawie 6 do 8 funkcji WordPress wtyczki różne. Po prostu zainstaluj i skonfiguruj, aby zobaczyć wyraźną poprawę ładowania stron.
Chcielibyśmy zwrócić uwagę, że to nie jest plik wtyczka pamięci podręcznej lub CDN, ale wynik, jaki oferuje, jest imponujący. Nie wahaj się wypróbować tej wtyczki WordPress, aby zobaczyć, do czego jest zdolna.
2. Udostępnianie społecznościowe i Locker Pro
Rozszerzenie Social Share & Locker Pro zostało zaprojektowane, aby Twoja witryna była bardziej widoczna w sieciach społecznościowych. Za pomocą kilku kliknięć możesz ustawić położenie ikon społecznościowych lub zablokować zawartość, wymagając udostępniania w jednej z oferowanych przez Ciebie sieci społecznościowych.
Masz predefiniowane motywy 10, które powinny obejmować najczęstsze życzenia. Wszystkie jej tematy to Retina i cuda.
Ponadto dzięki Social Share & Locker Pro będziesz mógł wyświetlić pełną nazwę sieci społecznościowej lub tylko ikonę. Zależy to od Twojego projektu, dostępnej przestrzeni lub Twoich życzeń.
3. WordPress PDF Images Lightbox
WordPress Obraz PDF Lightbox to Wtyczka WordPressa premium, który umożliwia tworzenie przeglądarek plików PDF. Przeglądarka plików PDF to zbiór zdjęć, które można zapisać jako pliki PDF.
Dzięki temu rozszerzeniu możesz utworzyć dowolną liczbę przeglądarek PDF. Dla każdej przeglądarki administrator może ustawić kilka opcji, takich jak:
- Obraz okładki: który zostanie dodany jako pierwsza strona pliku PDF utworzonego przez użytkownika
- Maksymalna liczba obrazów na przeglądającego
- Obraz znaku wodnego: do zastosowania na stronach PDF
- Wysyłanie pocztą elektroniczną: jeśli ta funkcja jest aktywna, a formularz kontaktowy będzie oferowany zaraz po galerii zdjęć. Dzięki temu formularzowi użytkownicy będą mogli wysłać e-mailem utworzony plik PDF do dowolnej osoby.
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Jak dodać uwierzytelniania dwuskładnikowego na WordPressie
- Jak zbudować kompletną stronę internetową za pomocą Elementora
- 10 narzędzi automatyzacji do marketingu w małych firmach
- 5 CDN zaleca, aby zwiększyć wydajność swojego bloga WordPress
Wnioski
Tutaj! To wszystko w tym samouczku. Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak ukryć widżet na urządzeniach mobilnych. Możesz również zobaczyć nasze Kompletny przewodnik, jak przyspieszyć działanie WordPressa dla początkujących.
Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.
Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych. A jeśli masz jakieś sugestie lub uwagi, zostaw je w naszej sekcji commentaires.
...
