Strona mobilna na WordPress – konfiguracja WPtouch Mobile Plugin

Adam
Comments Off on Strona mobilna na WordPress – konfiguracja WPtouch Mobile Plugin

Konfiguracja_WPtouch_Mobile_Plugin_WordPress

Masz stronę na WordPressie? Prowadzisz bloga na tej platformie? Chcesz, by witryny prawidłowo wyświetlały się na urządzeniach mobilnych? Jedną z najlepszych rzeczy, jakie możesz zrobić jest zainstalowanie w wtyczki WPtouch Mobile Plugin.

Dzięki niej strona będzie świetnie wyglądać na każdym urządzeniu mobilnym (o tym jak jest to ważne zarówno z punktu widzenia użytkowników, jak i Google przeczytasz tutaj). We wszystkich rankingach wtyczek do WordPressa, plugin ten znajduje się w ścisłej czołówce. Chcesz, aby Twoja witryna była mobile friendly? Ta wtyczka pozwoli Ci to osiągnąć.

WPtouch Mobile Plugin to jeden z najpopularniejszych darmowych pluginów do wyświetlania strony na WordPressie, pozwalający przeglądać ją w sposób wygodny. Co robi? Wykrywa, czy user używa przeglądarki mobilnej, a następnie podmienia stronę na przyjazną, na przykład, dla Twojego tabletu, zachowując przy tym jej funkcjonalność. Do tej pory plugin pobrało ponad 6 mln użytkowników.

Istnieje również wersja płatna wtyczki, zawierająca szereg dodatkowych funkcji. Wersja PRO to cena 49 dolarów na rok dla jednej witryny. Plugin pozwala odpowiednio ustawić choćby wygląd blogu/strony, w tym ilość wpisów, komentarzy, kolor motywu. Dzięki niemu witryna na urządzeniu mobilnym będzie wyglądać miło dla oka. Bez względu na to, czy zdecydujesz się na wersję darmową, czy PRO.

WPtouch Mobile Plugin – Konfiguracja 

Co zrobić, aby WPtouch Mobile Plugin znalazł się na Twoim urządzeniu i prawidłowo działał? Oto krótkie i treściwe wprowadzenie do instalacji oraz konfiguracji wtyczki.

Załóżmy, że już zalogowałeś się do panelu administracyjnego swojej strony na WordPressie (uwaga: musisz mieć WordPressa ściągniętego na twardy dysk i zainstalowanego, z poziomu strony www nie da się dodać wtyczki). Co dalej?

  • Z menu po lewej stronie wybierz podmenu “Wtyczki” (plugins, jeśli pracujesz na wersji angielskiej), a w nim kliknij “Dodaj nową” (Add New).

WPtouch_Mobile_Plugin_add_new_plugin

  • Zobaczysz pole wyszukiwania i przycisk “Szukaj wtyczki” (Search plugin). W polu wyszukiwania wpisujesz nazwę wtyczki. Wystarczy samo WPtouch (koniecznie bez spacji! Mogą być małe litery). Wciskasz “Szukaj wtyczki”.
  • W wynikach wyszukiwania na górze zobaczysz plugin, którego poszukujesz. Obok nazwy jest numer wersji, dalej ilość gwiazdek, czyli to, jak jest oceniany przez użytkowników, zaś poniżej dwa linki: “Szczegóły” (More Details) oraz “Instaluj teraz” (Install now). Kliknij w ten drugi. Wtyczka zostanie zainstalowana. Aktywuj ją (Activate).

WPtouch_Mobile_Plugin_search_and_instal

Teraz trzeba dokonać odpowiednich ustawień.

  • W menu przechodzisz do sekcji “Ustawienia” (Settings). Gdy podmenu się rozwinie, zobaczysz na dole nazwę wtyczki WPTouch. Również ona ma po zainstalowaniu swoje podmenu. Wchodząc do niego zobaczysz w podglądzie, jak Twoja strona będzie wyglądać na urządzeniu mobilnym (rysunki trzech ekranów smartfonów).
  • Także tutaj możesz ustawić plugin tak jak Ci pasuje. Klikasz w drugą pozycję submenu, “Core Settings” i  wpisujesz odpowiedni tytuł Twojej strony. Regionalizację zostaw na ustawieniu “Wykryj automatycznie” (Auto-detect). Sposób wyświetlania strony (Display mode), pozostaw zaznaczone “Normal”.

settings

  • Dalej dokonujesz wyboru “Landing Page”, czyli strony, na którą chcesz, aby user był kierowany. Żeby zobaczyć, jak witryna będzie się prezentować, kliknij podgląd (Preview). Pokaże się pop-up z wyświetloną stroną według Twoich ustawień.

landing_page

  • W dalszej kolejności możesz dopasować tematy / szablony. Kliknij w submenu w pozycję “Themes & Extensions” (Szablony i rozszerzenia). Gdy już zdecydujesz się na któryś, kliknij przycisk “Ustaw” (Setup). Zobaczysz, że możesz ustawić szereg parametrów. Choćby, ile postów ma być pokazanych w jednym wylistowaniu, w opcji ustawień głównych dla szablonu (menu na belce poziomej, pod nazwą wtyczki i nazwą tematu).
  • Obok nich, w sekcji “Branding”, dobierasz kolory szablonu, tutaj możesz wgrać logo swojej firmy, zajawkę strony, czy ustawić kolory linków udostępniania. W tej sekcji dodajesz również linki do social media, adres mailowy i adres strony, które powinny się znaleźć w Twojej stopce. Wyświetlą się one w postaci ładnych buttonów na samym dole mobilnej wersji witryny. Po ustawieniu interesujących Cię parametrów (na przykład ikonek w menu) kliknij “Zapisz” (Save).

theme_settings_branding

WPtouch Mobile Plugin polecamy wszystkim, którzy chcą mieć witrynę dostosowaną do najnowszych standardów mobilnych. Przeglądanie stron na tabletach i smartfonach w ciągu ostatnich lat rośnie w olbrzymim tempie. Pamiętaj o tym i dbaj o UX. Tym bardziej, że Google troszczy się o użytkowników mobilnych i już niedługo zacznie karać strony, które nie zostały dostosowane do ich potrzeb.

Więcej o wtyczce można dowiedzieć się chociażby ze stron: www.wptouch.com oraz https://wordpress.org/plugins/wptouch/.