W artykule:
W zależności od demografii witryny może być ważne, aby mieć witrynę przyjazną dla urządzeń mobilnych. Możesz to zrobić za pomocą responsywnego motywu WordPress, który dostosowuje się do różnych rozmiarów ekranu / urządzeń, lub możesz utworzyć wersję witryny dla urządzeń mobilnych, jeśli nie chcesz zmieniać projektu witryny. W tym artykule pokażemy, jak stworzyć przyjazną dla urządzeń mobilnych witrynę WordPress z WPTouch Pro.
WPtouch Pro to komercyjna Wtyczka WordPress, która może przekształcić Twoją witrynę WordPress w natywne środowisko mobilne dla nowoczesnych przeglądarek smartfonów. Jest szybki, ma pełne wsparcie internacjonalizacji, integrację ekranu głównego iOS i mnóstwo innych sposobów na poprawę komfortu użytkownika mobilnego.
Po zakupie WPtouch Pro otrzymasz klucz licencyjny i plik do pobrania wtyczki. Musisz zainstalować go na swoim blogu (postępuj zgodnie z naszym prostym przewodnikiem instalacji wtyczek), a następnie aktywować go z Pulpitu nawigacyjnego.
Po aktywacji wtyczka wyświetli powiadomienie przypominające o wprowadzeniu klucza licencyjnego. Musisz wprowadzić klucz licencyjny, aby otrzymywać aktualizacje wtyczek, pobierać motywy i Dodatki. Kliknij na „Aktywuj licencję” link do wprowadzenia klucza licencyjnego.
Na następnym ekranie po prostu wprowadź adres e-mail swojego konta (ten, którego użyłeś do zakupu wtyczki) i klucz licencyjny produktu, a następnie kliknij przycisk Aktywuj. WPTouch będzie teraz zweryfikować klucz licencyjny i wyświetli komunikat o sukcesie.
Po aktywacji wtyczka dodaje element menu WPTouch Pro w pasku administracyjnym WordPress. Aby skonfigurować wtyczkę musisz przejść do WP Touch Pro ” podstawowe ustawienia.
Na ekranie ustawień podstawowych można skonfigurować różne opcje dla wersji mobilnej witryny. Pierwszą opcją na tym ekranie jest zmiana tytułu i tekstu witryny. Jest to szczególnie przydatne, jeśli Twoja witryna ma długi tytuł i wiersz, który nie pasuje dobrze do ekranów mobilnych.
Kolejną opcją na tym ekranie jest Regionalizacja. WP Touch Pro automatycznie wykrywa język twojej witryny z instalacji WordPress, ale możesz również ręcznie wybrać język za pomocą tej opcji.
Na Wyświetlacz opcja na ekranie ustawień podstawowych Pozwala ręcznie wyłączyć motyw mobilny bez dezaktywacji wtyczki. Domyślnym ustawieniem jest Normalny co umożliwia wyświetlanie motywu mobilnego wszystkim odwiedzającym witrynę za pośrednictwem urządzenia mobilnego. Możesz go zmienić na Podgląd tak więc motyw mobilny jest wyświetlany tylko administratorom witryny, gdy są zalogowani. Możesz również wybrać Niepełnosprawni aby całkowicie wyłączyć wyświetlanie motywu mobilnego.
Istnieje kilka opcji zaawansowania dostępnych na stronie ustawień podstawowych. Na przykład możesz wybrać niestandardową stronę docelową dla wersji mobilnej witryny. Możesz dodać niestandardowy kod, który pojawi się w obszarze stopki motywu. Możesz także wykonać kopię zapasową wszystkich ustawień WP Touch Pro, a następnie zaimportować je do innej witryny WordPress za pomocą WP Touch Pro. Jest to dobra opcja, jeśli masz witrynę przechowalniczą lub lokalną instalację.
Po przejściu przez stronę ustawień podstawowych możesz wyświetlić podgląd witryny mobilnej bezpośrednio na pulpicie, klikając na Preview Theme przycisk na dole tej strony. Gdy będziesz zadowolony z wyglądu swojego motywu, możesz kliknąć Zapisz Zmiany przycisk, aby zapisać ustawienia.
Zmiana motywu mobilnego w WPTouch Pro 3
Domyślnie WPTouch Pro 3 jest wyposażony w jeden motyw mobilny Wstępnie zainstalowany. Możesz pobrać i zainstalować dodatkowe motywy 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ąć na Zainstaluj przycisk pod tematem. WPTouch Pro pobierze motyw z chmury i zainstaluje go. Po zainstalowaniu motywu możesz kliknąć przycisk Aktywuj, aby użyć tego motywu.
Dostosowywanie motywu mobilnego w WPTouch Pro3
Po wybraniu motywu dla witryny mobilnej możesz dostosować go do swoich potrzeb. Aby to zrobić, musisz udać się do WPTouch Pro ” Ustawienia Motywu. Motywy mobilne WPTouch Pro są wysoce konfigurowalne. Możesz dostroić każdy aspekt swojej witryny mobilnej na ekranie ustawień motywu. Przeprowadzimy Cię przez różne sekcje ustawień motywu.
Na górnej karcie menu możesz zobaczyć różne obszary motywu, które możesz dostosować. Zaczniesz od Ogólne zakładka zawierająca opcje niektórych podstawowych ustawień, takich jak liczba postów do wyświetlenia na stronie głównej, Włącz suwak kategorii, Włącz suwak polecanych postów itp. Domyślne ustawienia powinny działać dla większości witryn, ale możesz wprowadzać zmiany w razie potrzeby. Zobaczysz również ikonę informacji obok niektórych opcji, najechanie myszką na ikonę pokaże Ci pomoc kontekstową dla tej opcji.
Po wprowadzeniu zmian w szablonie możesz wyświetlić podgląd tych zmian, klikając na Preview Theme przycisk na dole strony. Gdy jesteś zadowolony z wprowadzonych zmian, musisz kliknąć na Zapisz Zmiany przycisk, aby zapisać ustawienia motywu. Istnieje również przycisk resetowania w przypadku, gdy chcesz powrócić do ustawień domyślnych.
Po skonfigurowaniu ustawień ogólnych dla motywu mobilnego przełącz się na Branding tab. Tutaj możesz przesłać własne logo, tło, niestandardowe czcionki, ikony mediów społecznościowych itp. Możesz także zmienić kolory motywu, aby pasowały do Twojego logo i kolorów marki.
Przekształcanie witryny w mobilną aplikację internetową
WPTouch Pro pozwala w pełni korzystać z funkcji urządzeń mobilnych, przekształcając swoją witrynę w aplikację internetową. Najpierw musisz kliknąć zakładkę ikony Zakładki na ekranie ustawień motywu. Musisz przesłać dwie ikony, jedną dla urządzeń z systemem Android, a drugą dla urządzeń z systemem iOS (iPhone, iPod i iPad).
Następnie kliknij kartę tryb aplikacji internetowej w Ustawieniach motywu. Po prostu zaznacz pole, aby włączyć tryb aplikacji internetowej iOS, a to wyświetli ustawienia zaawansowane dla trybu aplikacji internetowej. Możesz użyć ustawień domyślnych 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 w witrynie mobilnej. Musisz przejść do zakładki Reklama w Ustawieniach motywu i wybrać Google Adsense lub niestandardową usługę reklamową.
W przypadku Google Adsense należy wprowadzić identyfikator wydawcy Google Adsense i identyfikator gniazda, który można uzyskać z konta Google Adsense. Następnie musisz wybrać lokalizację, w której chcesz wyświetlać reklamy. Zapisz zmiany, a Twoja strona mobilna zacznie wyświetlać reklamy.
Dostosowywanie menu nawigacji dla witryny mobilnej w WPTouch Pro
WPTouch Pro wykorzystuje domyślną funkcjonalność menu WordPress, ale pozwala zmodyfikować lub wybrać sposób wyświetlania menu na swojej 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 jeszcze bardziej dostosować swoje menu WordPress. Możesz powiązać ikony z każdym elementem menu, przeciągając ikonę do elementu menu.
Domyślnie WPTouch Pro jest wyposażony w elegancki zestaw ikon 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 konwersji dowolnej strony internetowej zasilanej WordPress w pełnoprawną aplikację mobilną. Dzięki pięknym motywom i potężnym opcjom dostosowywania możesz tworzyć świetnie wyglądające witryny mobilne w ciągu kilku minut bez pisania jednej linii kodu. Mamy nadzieję, że ten artykuł pomógł Ci stworzyć przyjazną dla urządzeń mobilnych witrynę z WP Touch Pro. W przypadku opinii i pytań możesz zostawić nam komentarz poniżej lub śledzić nas na Twitterze.
