Twój WordPress przyjazny dla urządzeń mobilnych dzięki WPtouch Pro

W zależności od grupy demograficznej, do której kierowana jest twoja witryna, ważne może być, aby była ona przyjazna 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ć mobilną wersję twojej witryny, jeśli nie chcesz zmieniać projektu witryny. W tym artykule pokażemy, jak stworzyć 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 środowisko mobilne dla nowoczesnych przeglądarek smartfonów. Jest szybka, ma pełną obsługę internacjonalizacji, integrację z ekranem głównym iOS i mnóstwo innych sposobów na poprawę komfortu użytkowania na urządzeniach mobilnych.

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 włącz ją z kokpitu.

Po włączaniu wtyczka wyświetli powiadomienie przypominające o wpisz klucz licencyjny. Klucz licencyjny należy wprowadzić, aby otrzymywać aktualizacje wtyczki, pobierać motywy i dodatki. Kliknij odnośnik „Włącz swoją licencję”, aby wpisz klucz licencyjny.

Na następnym ekranie wpisz swój adres e-mail (użyty do zakupu wtyczki) i klucz licencyjny produktu, a następnie kliknij przycisk aktywacji. WPTouch zweryfikuje teraz twój klucz licencyjny i wyświetli komunikat o powodzeniu.

Po włączaniu wtyczka dodaje pozycję menu WPTouch Pro na pasku administratora WordPress. Aby skonfigurować wtyczkę, musisz przejść do WP Touch Pro ” Ustawienia rdzeni WP.

Na ekranie ustawień rdzeni można skonfigurować różne opcje dla mobilnej wersji twojej witryny. Pierwszą opcją na tym ekranie jest zmiana tytułu witryny i byline. Jest to szczególnie przydatne, jeśli twoja witryna ma długi tytuł i nagłówek, 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.

Opcja Wyświetlanie na ekranie ustawień rdzeni pozwala ręcznie wyłączyć motyw mobilny bez wyłączania wtyczki. Domyślnym ustawieniem jest Normalne, które włącza wyświetlanie motywu mobilnego dla wszystkich odwiedzających uzyskujących dostęp do witryny za pośrednictwem urządzenia mobilnego. Można je zmienić na Podgląd, aby motyw mobilny był wyświetlany tylko administratorom witryny, gdy są oni zalogowani. Można również wybrać Disabled, aby całkowicie wyłączyć wyświetlanie motywu mobilnego.

Na stronie ustawień rdzeni dostępnych jest kilka zaawansowanych opcji. Możesz na przykład wybrać własną stronę docelową dla mobilnej wersji twojej witryny. Możesz dodać własny kod, który pojawi się w obszarze stopki motywu. Możesz także wykonać kopię zapasową wszystkich ustawień WP Touch Pro, a następnie importować je na innej witrynie WordPress z WP Touch Pro. Jest to dobra opcja, jeśli masz witrynę pomostową lub instalację lokalną.

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

Zmiana motywu mobilnego w WPTouch Pro 3

Domyślnie WPTouch Pro 3 posiada preinstalowany jeden motyw mobilny. 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ąć przycisk Zainstaluj poniżej motywu. WPTouch Pro pobierze motyw z chmury i zainstaluje go. Po zainstalowaniu motywu można kliknąć przycisk włączania, aby go używać.

Dostosuj własny motyw mobilny w WPTouch Pro3

Po wybraniu motywu dla witryny mobilnej możesz dostosować go do własnych potrzeb. W tym celu należy przejść do WPTouch Pro ” Ustawienia motywu. Motywy mobilne WPTouch Pro są wysoce konfigurowalne. Możesz dostroić każdy aspekt twojej witryny mobilnej na ekranie ustawień motywu. Przeprowadzimy Cię przez różne sekcje ustawień motywu.

Na karcie górnego menu możesz zobaczyć różne obszary twojego motywu, które możesz dostosować. Zaczniemy od karty Ogólne, która zawiera opcje podstawowych ustawień, takich jak liczba wpisów wyświetlanych na stronie głównej, włączenie suwaka kategorii, włączenie suwaka funkcji slajdów itp. Domyślne ustawienia powinny działać dla większości witryn, ale można je zmienić w razie potrzeby. Obok niektórych opcji można również powiadomienie w postaci ikonki informacyjnej, po najechaniu twoim kursorem myszy na ikonkę wyświetli się pomoc kontekstowa dla danej opcji.

Po wprowadzeniu zmian w twoim motywie możesz je podglądnąć, klikając przycisk Podgląd motywu u dołu strony. Gdy jesteś zadowolony z wprowadzonych zmian, musisz kliknąć przycisk Zapisz zmiany, aby zapisać ustawienia twojego motywu. Dostępny jest również przycisk Reset, który umożliwia przywrócenie ustawień domyślnych.

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

Przekształcenie twojej witryny w mobilną aplikację internetową

WPTouch Pro pozwala w pełni wykorzystać funkcje urządzeń mobilnych, przekształcając twoją witrynę w aplikację internetową. Najpierw należy kliknąć kartę Bookmark Icons na ekranie ustawień motywu. Będziesz musiał przesłać dwie ikonki, 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. Wystarczy zaznaczyć pole, aby włączyć tryb aplikacji internetowej iOS, co spowoduje wyświetlenie zaawansowanych ustawień trybu aplikacji internetowej. Możesz użyć ustawień domyślnych lub wgrać własne, niestandardowe ekrany startowe.

Zarabiaj na swojej witrynie mobilnej dzięki WPTouch Pro

Motywy WPTouch Pro ułatwiają również wyświetlanie reklam na twojej witrynie mobilnej. Musisz przejść do karty Reklama w ustawieniach motywu i wybrać Google Adsense lub własny serwis reklamowy.

W przypadku Google Adsense musisz wpisz swój identyfikator wydawcy Google Adsense i identyfikator gniazda, które możesz uzyskać z konta Google Adsense. Następnie należy wybrać lokalizację, w której mają być wyświetlane reklamy. Zapisz zmiany, a twoja witryna mobilna zacznie wyświetlać reklamy.

Dostosuj menu nawigacji dla witryny 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 witrynie mobilnej. Aby skonfigurować menu, należy przejść do WPTouch Pro ” Menu. Najpierw należy wybrać menu. Możesz wybrać wyświetlanie stron WordPress w menu lub wybrać istniejące menu.

Na karcie Konfiguracja menu możesz jeszcze bardziej dostosować własne menu WordPress. Możesz powiązać ikony z każdą pozycją menu, po prostu przeciągając ikonkę do pozycji menu.

Domyślnie WPTouch Pro jest dostarczany z zestawem ikon Elegant zaprojektowanym przez Elegant Themes. Możesz zainstalować inne zestawy ikon, klikając przycisk Zainstaluj obok nich lub przesłać własne, dostosowane zestawy ikon.

WPTouch to świetna wtyczka do przekształcania dowolnej witryny internetowej opartej na WordPressie w pełnoprawną mobilną aplikację internetową. Dzięki pięknym motywom i potężnym opcjom konfiguratora możesz tworzyć świetnie wyglądające witryny mobilne w ciągu kilku minut bez pisania ani jednej linii kodu. Mamy nadzieję, że ten artykuł pomógł ci stworzyć witrynę przyjazną dla urządzeń mobilnych za pomocą WP Touch Pro. Aby uzyskać uwagi i pytania, możesz zostawić nam komentarz poniżej lub śledzić nas na Twitterze.