Uczynienie Twojego WordPressa przyjaznym dla urządzeń mobilnych za pomocą WPtouch Pro

W zależności od demografii Twojej witryny, posiadanie przyjaznej dla urządzeń mobilnych witryny może być dla Ciebie ważne. Możesz to zrobić, używając responsywnego motywu WordPress, który dostosowuje się do różnych rozmiarów ekranu / urządzeń, lub możesz utworzyć wersję swojej witryny specyficzną dla urządzeń mobilnych, jeśli nie chcesz zmieniać projektu swojej witryny. W tym artykule pokażemy, jak utworzyć przyjazną dla urządzeń mobilnych witrynę WordPress za pomocą WPTouch Pro.

WPtouch Pro to komercyjna wtyczka WordPress, która może przekształcić Twoją witrynę WordPress w natywne doświadczenie mobilne dla nowoczesnych przeglądarek smartfonów. Jest szybka, ma pełne wsparcie dla internacjonalizacji, integrację z ekranem głównym iOS i mnóstwo innych sposobów na poprawę doświadczenia użytkownika mobilnego.

Po zakupie WPtouch Pro otrzymasz klucz licencyjny i plik do pobrania wtyczki. Musisz zainstalować ją na swoim blogu (postępuj zgodnie z naszym prostym przewodnikiem instalacji wtyczki), a następnie aktywować ją z panelu administratora.

Po aktywacji wtyczka wyświetli powiadomienie przypominające o konieczności wprowadzenia klucza licencyjnego. Musisz wprowadzić klucz licencyjny, aby otrzymywać aktualizacje wtyczki, pobierać motywy i dodatki. Kliknij link „aktywuj swoją licencję”, aby wprowadzić swój klucz licencyjny.

Na następnym ekranie po prostu wprowadź adres e-mail swojego konta (ten, którego użyłeś do zakupu wtyczki) oraz klucz licencyjny produktu, a następnie kliknij przycisk aktywuj. WPTouch zweryfikuje Twój klucz licencyjny i wyświetli komunikat o powodzeniu.

Po aktywacji wtyczka dodaje pozycję menu WPTouch Pro w pasku administracyjnym WordPress. Aby skonfigurować wtyczkę, należy przejść do WP Touch Pro » Ustawienia podstawowe.

Na ekranie ustawień głównych możesz skonfigurować różne opcje dla mobilnej wersji swojej witryny. Pierwszą opcją na tym ekranie jest zmiana tytułu witryny i podpisu. Jest to szczególnie przydatne, jeśli Twoja witryna ma długi tytuł i podpis, które nie pasują do ekranów mobilnych.

Następną opcją na tym ekranie jest Regionalizacja. WP Touch Pro automatycznie wykrywa język Twojej witryny z instalacji WordPress, jednak możesz również ręcznie wybrać język za pomocą tej opcji.

Opcja Wyświetlanie na ekranie podstawowych ustawień pozwala ręcznie wyłączyć motyw mobilny bez dezaktywacji wtyczki. Domyślne ustawienie to Normalne, które włącza wyświetlanie motywu mobilnego dla wszystkich odwiedzających, którzy uzyskują dostęp do witryny za pośrednictwem urządzenia mobilnego. Możesz zmienić je na Podgląd, dzięki czemu motyw mobilny będzie wyświetlany tylko administratorom witryny, gdy są zalogowani. Możesz również wybrać Wyłączone, aby całkowicie wyłączyć wyświetlanie motywu mobilnego.

Na stronie podstawowych ustawień dostępne są zaawansowane opcje. Na przykład możesz wybrać niestandardową stronę docelową dla mobilnej wersji Twojej witryny. Możesz dodać niestandardowy kod, który pojawi się w stopce motywu. Możesz również wykonać kopię zapasową wszystkich ustawień WP Touch Pro, a następnie zaimportować je na inną witrynę WordPress z WP Touch Pro. Jest to dobra opcja, jeśli masz witrynę stagingową lub lokalną instalację.

Po przejściu przez stronę podstawowych ustawień możesz wyświetlić podgląd swojej witryny mobilnej na pulpicie, klikając przycisk Podgląd motywu u dołu tej strony. Gdy będziesz zadowolony z wyglądu swojego motywu, możesz kliknąć przycisk Zapisz zmiany, aby zapisać swoje ustawienia.

Zmiana motywu mobilnego w WPTouch Pro 3

Domyślnie WPTouch Pro 3 jest dostarczany z jednym preinstalowanym motywem mobilnym. Dodatkowe motywy można pobrać i zainstalować z WPTouch Pro » Motywy i Rozszerzenia. Bauhaus, CMS, Classic Redux i Simple to motywy dostępne we wszystkich planach licencyjnych. Aby zainstalować motyw, wystarczy kliknąć przycisk Zainstaluj pod motywem. WPTouch Pro pobierze motyw z chmury i zainstaluje go. Po zainstalowaniu motywu można kliknąć przycisk aktywuj, aby użyć tego motywu.

Dostosowywanie motywu mobilnego w WPTouch Pro3

Po wybraniu motywu dla swojej strony mobilnej możesz chcieć go dostosować do swoich potrzeb. Aby to zrobić, przejdź do WPTouch Pro » Ustawienia motywu. Motywy mobilne WPTouch Pro są wysoce konfigurowalne. Możesz dostroić każdy aspekt swojej strony mobilnej z ekranu ustawień motywu. Przeprowadzimy Cię przez różne sekcje Ustawień motywu.

W zakładce menu na górze możesz zobaczyć różne obszary swojego motywu, które możesz dostosować. Zaczniesz od zakładki Ogólne, która zawiera opcje podstawowych ustawień, takich jak liczba postów do wyświetlenia na stronie głównej, włączenie suwaka kategorii, włączenie suwaka polecanych postów itp. Domyślne ustawienia powinny działać dla większości stron, ale możesz wprowadzić zmiany w razie potrzeby. Zauważysz również ikonę informacji obok niektórych opcji; najedź na nią myszą, aby wyświetlić kontekstową pomoc dla tej opcji.

Po wprowadzeniu zmian w motywie możesz je podglądnąć, klikając przycisk Podgląd motywu na dole strony. Gdy będziesz zadowolony z wprowadzonych zmian, musisz kliknąć przycisk Zapisz zmiany, aby zapisać ustawienia motywu. Dostępny jest również przycisk resetowania na wypadek, gdybyś chciał powrócić do domyślnych ustawień.

Po skonfigurowaniu ogólnych ustawień dla swojego motywu mobilnego, przejdź do zakładki Branding. Tutaj możesz przesłać własne logo, tło, niestandardowe czcionki, ikony mediów społecznościowych itp. Możesz również zmienić kolory motywu, aby pasowały do Twojego logo i kolorów marki.

Zamiana Twojej witryny w mobilną aplikację internetową

WPTouch Pro pozwala w pełni wykorzystać funkcje urządzeń mobilnych, zamieniając Twoją witrynę w aplikację internetową. Najpierw musisz kliknąć zakładkę Ikony zakładek na ekranie Ustawienia motywu. Będziesz musiał przesłać dwie ikony, jedną dla urządzeń z systemem Android i drugą dla urządzeń z systemem iOS (iPhone, iPod i iPad).

Po tym kliknij na zakładkę Tryb aplikacji internetowej w ustawieniach motywu. Po prostu zaznacz pole wyboru, aby włączyć tryb aplikacji internetowej dla systemu iOS, a wyświetlą się zaawansowane ustawienia dla trybu aplikacji internetowej. Możesz użyć domyślnych ustawień lub przesłać własne niestandardowe ekrany startowe.

Zarabiaj na swojej stronie mobilnej z WPTouch Pro

Motywy WPTouch Pro ułatwiają również wyświetlanie reklam na Twojej mobilnej stronie internetowej. Musisz przejść do karty Reklamy w ustawieniach motywu i wybrać spośród Google Adsense lub niestandardowej usługi reklamowej.

W przypadku Google Adsense musisz wprowadzić swój identyfikator wydawcy Google Adsense i identyfikator slotu, które możesz uzyskać ze swojego konta Google Adsense. Następnie musisz wybrać lokalizację, w której chcesz wyświetlać reklamy. Zapisz zmiany, a Twoja witryna mobilna zacznie wyświetlać reklamy.

Dostosowywanie menu nawigacyjnych dla strony mobilnej w WPTouch Pro

WPTouch Pro wykorzystuje domyślną funkcjonalność menu WordPress, ale pozwala na modyfikację lub wybór sposobu wyświetlania menu na Twojej stronie mobilnej. Aby skonfigurować menu, musisz przejść do WPTouch Pro » Menu. Najpierw musisz wybrać menu. Możesz wybrać wyświetlanie stron WordPress w menu lub wybrać istniejące menu.

Na karcie Ustawienia menu możesz dalej dostosowywać swoje menu WordPress. Możesz powiązać ikony z każdym elementem menu, po prostu przeciągając ikonę do elementu menu.

Domyślnie WPTouch Pro zawiera zestaw ikon Elegant, zaprojektowany przez Elegant Themes. Możesz zainstalować inne zestawy ikon, klikając przycisk Zainstaluj obok nich lub przesłać własne niestandardowe zestawy ikon.

WPTouch to świetna wtyczka do przekształcenia dowolnej witryny opartej na WordPress w w pełni funkcjonalną mobilną aplikację internetową. Dzięki pięknym motywom i potężnym opcjom dostosowywania możesz tworzyć atrakcyjne witryny mobilne w ciągu kilku minut, nie pisząc ani jednej linii kodu. Mamy nadzieję, że ten artykuł pomógł Ci stworzyć przyjazną dla urządzeń mobilnych witrynę za pomocą WP Touch Pro. W przypadku opinii i pytań możesz zostawić nam komentarz poniżej lub śledzić nas na Twitterze.