10 najlepszych mobilnych wtyczek WordPress dla 100% responsywnego motywu
Opublikowany: 2017-02-23Według raportu „State of Mobile Web US 2017” firmy LikeWeb około 61% ruchu konsumenckiego na stronach internetowych w USA pochodzi z urządzeń mobilnych. Jest to wzrost wielokrotnie w porównaniu z 0,7% w 2009 r. Ruch w sieci mobilnej rośnie średnio o około 10% rocznie i oczekuje się, że będzie się utrzymywać. Jeśli korzystasz z WordPressa, możesz się zastanawiać, czy Twoja witryna jest zoptymalizowana pod kątem urządzeń mobilnych.
Chociaż zapewnienie bezpieczeństwa witryny na poziomie 99,9% i osiągnięcie czasu ładowania poniżej 1 sekundy jest niezwykle istotne, w naszym świecie zorientowanym na urządzenia mobilne coraz ważniejsze staje się upewnienie się, że witryna jest dostosowana do urządzeń mobilnych.
[bctt tweet=” Stworzenie prostej strategii marketingu mobilnego może się bardzo opłacić, zapewniając użytkownikom użyteczność i wartość. #WordPress” nazwa użytkownika = „thewpbuffs”]Mając to na uwadze, szczegółowo omówimy 10 najlepszych wtyczek mobilnych WordPress , których można użyć, aby Twoja witryna była responsywna na wszystkich urządzeniach.
1. WPtouch Pro
WPtouch Pro* pomógł ukształtować i rozwinąć mobilny internet i działa w ponad 500 000 witryn na całym świecie.
Instalując i optymalizując tę wtyczkę, WPtouch Pro rozpozna, kiedy ktoś odwiedza Twoją witrynę z urządzenia mobilnego. Następnie automatycznie wyświetli się im wersja zoptymalizowana pod kątem urządzeń mobilnych. Krótko mówiąc, dzięki tej wtyczce możesz mieć dwie gotowe wersje swojej witryny – jedną na urządzenia mobilne, drugą na komputery stacjonarne i laptopy.
Po pierwsze; ta wtyczka jest bardzo prosta w konfiguracji. Kreator konfiguracji pomoże Ci udostępnić mobilną i w pełni responsywną wersję Twojej witryny w ciągu kilku minut.
Dodatkową premią jest możliwość wyboru rozmiaru ekranu, na którym Twoja witryna będzie wyświetlana jako mobilna*, a także możliwość zmiany tytułów, sposobu wyświetlania, powiększenia, a nawet posiadania specjalnej strony docelowej.
WPtouch ma również własną bibliotekę motywów*, która zapewnia wiele opcji do wyboru dla Twojej witryny mobilnej. Dzięki temu Twoja witryna może mieć unikalny mobilny UX bez konieczności budowania jej od zera.
Chwalą się również, że w ich testach motywy WPtouch są do 5 razy szybsze niż motywy stacjonarne lub responsywne*.
Obsługują także 23 różne języki*, więc niezależnie od tego, skąd pochodzisz Ty lub osoby odwiedzające Twoją witrynę, możesz mieć pewność, że Twoja nowa witryna mobilna jest dostosowana do osób, do których chcesz dotrzeć bezpośrednio.
2. Pakiet mobilny WordPress
Ta wtyczka pomaga użytkownikom przekształcić zawartość ich witryny w niesamowitą, progresywną mobilną aplikację internetową. Wtyczka zawiera kilka motywów aplikacji mobilnych, które można kupić osobno lub wszystkie razem w pakiecie.
Pakiet mobilny jest kompatybilny z urządzeniami Apple iOS i Android, a także popularnymi przeglądarkami, takimi jak Google Chrome, Safari i innymi. Darmowa wersja umożliwia zmianę koloru, tekstu i wielu innych opcji. Wersja pro ma więcej funkcji, w tym więcej motywów, przyciski mediów społecznościowych, opcje monetyzacji i inne.
3. Dowolny przełącznik motywów mobilnych
Podobnie jak w przypadku pakietu mobilnego WordPress, co zrobić, jeśli nie chcesz tego samego motywu na komputerach stacjonarnych, co na urządzeniach mobilnych? Ta wtyczka umożliwia zainstalowanie dwóch aktywnych motywów dla Twojej witryny: jednego dla urządzeń mobilnych i jednego dla pozostałych elementów. Działa poprzez wykrywanie urządzenia odwiedzającego Twoją witrynę i wyświetla wybrany motyw spośród wstępnie ustawionych opcji.
Możesz nawet wybrać inny motyw do wyświetlania w różnych przeglądarkach. Theme Switcher może wykryć iPhone'a, Androida, Windows Mobile i inne urządzenia przed załadowaniem Twojej witryny. Dostępne są zarówno bezpłatne, jak i płatne opcje, dzięki którym Twoja witryna otrzyma to, czego potrzebuje.
4. Wtyczka do aplikacji mobilnej
Czy wiesz, że według Smart Insights aż 89% użytkowników mobilnych korzysta z aplikacji, aby uzyskać dostęp do Internetu za pośrednictwem telefonu? Jeśli chcesz być jedną z takich witryn mobilnych, wypróbuj tę wtyczkę. Przekształca Twoją witrynę w aplikację mobilną, a także witrynę mobilną.
Wystarczy zainstalować aplikację mobilną i wybrać szablon, aby natychmiast przekształcić witrynę w aplikację. Dostosuj te, które ci dają, lub możesz nawet użyć własnych. Nie wiesz jak? Zawierają motywy i wskazówki dla wielu firm, od klubów nocnych po motoryzację.
5. Kompresja i optymalizacja obrazu Smush
Chcesz więc, aby Twoje obrazy były wspaniałe, bez pogarszania szybkości ładowania strony? Użyj tej wtyczki WordPress, aby automatycznie kompresować i optymalizować obrazy podczas przesyłania ich do biblioteki multimediów bez utraty jakości. WP Smush może tworzyć reguły dotyczące maksymalnej szerokości i wysokości, aby skalować większe obrazy, nawet gdy są skompresowane.
Duże pliki graficzne mogą spowalniać witrynę mobilną, nawet o tym nie wiedząc. Wtyczka wykorzystuje zaawansowaną i niewidzianą technologię, aby szybko kompresować każde zdjęcie, nawet jeśli zostało już przesłane. Usuwa również wszystkie niepotrzebne dane, nie spowalniając witryny. Po prostu zainstaluj i wybierz, które obrazy wymagają kompresji, naciskając przycisk „zmiażdż teraz”, który pojawi się obok nich.
6. Maksymalne Mega Menu
Jedną z najtrudniejszych części optymalizacji witryny pod kątem urządzeń mobilnych jest menu lub nawigacja. Niektóre motywy nie biorą tego pod uwagę i powodują, że urządzenia mobilne mają zniekształcone i trudne w użyciu menu. Aby to wszystko zmienić, użyj wtyczki Max Mega Menu. Dzięki niemu możesz dodać wiele popularnych widżetów WordPress do swojego menu, zmienić styl menu za pomocą zaawansowanego edytora motywów i zmienić sposób zachowania menu na różnych urządzeniach.
Jest to także doskonałe narzędzie do optymalizacji menu witryn na komputery stacjonarne. Można wyświetlać wspaniałe obrazy użytkownikom komputerów stacjonarnych, zachowując jednocześnie prostotę dla użytkowników mobilnych. Istnieją nawet opcje, które pozwalają ukryć tekst, wyłączyć linki, a nawet całkowicie ukryć menu dla urządzeń mobilnych. Opcje mobilne obejmują także funkcję wyszukiwania, ikony i bloki przełączania logo dla urządzeń mobilnych.
7. Dynamiczne widżety
Jeśli używasz widżetów na swoich stronach i postach, możesz marnować cenne miejsce w sieci, jeśli chodzi o gości przychodzących z urządzenia mobilnego. Czasami te widżety mogą być zebrane razem na dole strony i wyglądać na zniekształcone, a jednocześnie pogarszać ogólną wygodę korzystania z witryny.
Dynamiczne widżety umożliwiają wybór stron, na których mają być wyświetlane widżety, umożliwiając pokazywanie lub ukrywanie widżetów za pomocą reguły logiki warunkowej. Użytkownicy mogą ustawić te reguły według roli WordPress, typu przeglądarki, adresu IP, języka (z WPML lub QTranslate), adresu URL, pojedynczych postów, pojedynczych stron i tak, nawet dla urządzeń mobilnych.
8. Favicon autorstwa Real Favicon Generator
Widzisz tego szczęśliwego faceta na górze zakładki tego bloga? To jest Favicon WP Buffs. To miły akcent, który sprawia, że Twoja witryna wygląda dobrze. Jednak na urządzeniach mobilnych służy również jako swego rodzaju zakładka do Twojej witryny. Ta wtyczka umożliwia generowanie i konfigurowanie własnych ulubionych ikon dla urządzeń mobilnych, takich jak iPhone, iPad, Android, tablety z systemem Windows, a nawet komputer stacjonarny lub laptop. Nie tworzy jednego obrazu uniwersalnego rozwiązania.
Favicon generuje wszystkie ikony, których będziesz potrzebować na urządzeniach mobilnych odwiedzających Twoją witrynę. Automatycznie utworzy zoptymalizowaną favikonę dla iOS i Androida, w tym Chrome, Firefox, Safari, Opera, IE i Camino.
9. Podstawowy kreator stron
Użyj tego premium narzędzia do tworzenia stron, aby dodać wiele elementów do swojej witryny. Należą do nich zaawansowane wiersze, kolumny i sekcje, do których możesz dodać dowolne zaawansowane widżety.
Jest to w 100% frontend, co oznacza, że możesz zobaczyć wprowadzone zmiany, ponieważ narzędzie do tworzenia stron znajduje się po lewej stronie, a treść po prawej. W ten sposób możesz zobaczyć, jak będzie wyglądać, zanim zapiszesz i opublikujesz. Obecnie zawiera 42 elementy, które można dodać do każdej strony, w tym unikalne elementy, takie jak alerty, siatka bloków, lista funkcji, odtwarzacz audio, pasek umiejętności i wiele innych.
Zawiera także tradycyjne elementy, takie jak bloki tekstowe i te służące do dodawania obrazów. Jednak najlepszą funkcją mobilnych witryn WordPress jest możliwość ukrycia wszelkich elementów, gdy odwiedzający przychodzą z ekranu, który jest zbyt mały, aby je pomieścić. Po prostu wybierz urządzenia, na których chcesz wyświetlać elementy, zaznaczając je. Narzędzie Cornerstone Page Builder jest dołączone do popularnego motywu X WordPress firmy Themeco, ale jeśli masz 39 USD, możesz go kupić dla swojego motywu.
10. Przycisk Zadzwoń teraz
Spójrzmy prawdzie w oczy, oczekujesz od odwiedzających Twoją witrynę mobilną, aby korzystali z telefonu komórkowego, którego używają do przeglądania Twojej witryny, i dzwonili do Ciebie w sprawie Twoich towarów lub usług. Ułatw im to, instalując tę wtyczkę WordPress. Umieszcza skuteczny przycisk z informacją „zadzwoń teraz” lub wyświetla na ekranie urządzenia mobilnego ikonę, która nie będzie widoczna na innych większych urządzeniach.
Ponieważ ci mobilni goście już korzystają ze swoich telefonów, mogą łatwo do Ciebie zadzwonić za pomocą jednego prostego naciśnięcia przycisku. Po prostu wprowadź swój numer we wtyczce Zadzwoń teraz, kolor przycisku i miejsce, w którym ma być wyświetlany. Możesz nawet zintegrować metodę śledzenia kliknięć z wtyczką, w tym Google Universal Analytics i Google Classic Analytics. Możesz także wybrać, na jakich stronach przycisk ma się pojawiać.
BONUS: przetestuj swoją witrynę mobilną
OK, więc to nie jest wtyczka, ale jeśli chcesz sprawdzić, czy Twoja witryna jest dostosowana do urządzeń mobilnych, skorzystaj z tego bezpłatnego narzędzia. Test optymalizacji mobilnej Google przetestuje i pokaże, jak Twoja witryna wygląda na urządzeniu mobilnym. Na przykład sprawdziliśmy witrynę WP Buffs i uzyskaliśmy pozytywny wynik testu. Otrzymaliśmy także raport dotyczący użyteczności mobilnej obejmujący całą witrynę, który możemy wykorzystać jako punkt odniesienia. Do przeprowadzenia testu zgodności z urządzeniami mobilnymi może być potrzebne konto Google Search Console.
Podsumowanie
Mamy nadzieję, że pomoże Ci to w pełni wykorzystać witrynę WordPress i zapewni większą liczbę odwiedzających mobilnych oraz trafne konwersje. Oczywiście świat wtyczek WordPress ciągle się zmienia, dodaje nowe funkcje i ulepsza się – więc upewnij się, że jesteś na bieżąco z najnowszymi i kompatybilnymi wtyczkami, które jeszcze bardziej zoptymalizują Twoją witrynę, a nie ją spowalniają.
Chcesz podzielić się swoją opinią lub dołączyć do rozmowy? Dodaj swoje komentarze na Twitterze.