10Jul

Jak stworzyć wersję mobilną swojego bloga WordPress

Czy chcesz, aby Twój blog wyglądał świetnie na wszystkich urządzeniach, a nie tylko na komputerach? Coraz większą popularnością cieszą się smartfony i inne urządzenia mobilne, dlatego możesz mieć pewność, że Twój blog wygląda świetnie niezależnie od tego, co czytają.

WordPress to świetne narzędzie do tworzenia bloga lub tradycyjnej strony internetowej dla Twojej firmy, organizacji lub po prostu udostępniania zdjęć rodzinie i znajomym. Możesz zrobić darmowy blog na WordPress.com, a jeśli tak, Twój blog będzie już gotowy na najnowocześniejsze przeglądarki urządzeń mobilnych. Oto nasza strona testowa WordPress.com w Mobile Safari;WordPress.com automatycznie nadał mu styl iOS, który jest łatwy w użyciu na urządzeniach mobilnych.

Jednakże, jeśli chcesz ulepszyć WordPress i stworzyć swoją witrynę tak, jak chcesz, musisz skorzystać z samostartującego WordPress.org. Jeśli samodzielnie utworzysz nową witrynę WordPress na swoim serwerze lub usługę hostingową lub skorzystasz z automatycznego instalatora, takiego jak Softaculous, możesz być rozczarowany, że Twoja witryna wygląda tak samo w przeglądarkach mobilnych, jak na Twoim komputerze. Utrudnia to korzystanie z małych ekranów.

Na szczęście za pomocą wtyczki WPtouch można łatwo uzyskać ten sam styl iOS na swoim blogu. Zaloguj się do pulpitu WordPress i wybierz Dodaj nowy pod wtyczkami z menu po lewej stronie.

Na tej stronie wpisz WPtouch w polu wyszukiwania.

Teraz zainstaluj i aktywuj wtyczkę jak zwykle.

Twoja witryna będzie miała ładny motyw, który działa doskonale na nowoczesnych smartfonach i innych urządzeniach mobilnych, ale nadal będzie wyświetlać Twój własny zwykły motyw użytkownikom korzystającym z komputerów. Jeśli chcesz zobaczyć, jak wygląda Twój nowy motyw mobilny na iPhonie, zapoznaj się z artykułem Testowanie stron mobilnych w Safari dla Windows. Ustawienia

Tweak WPtouch

Program WPtouch działa dobrze bez konieczności modyfikowania większości witryn, ale jeśli chcesz, możesz dostosować witrynę mobilną i dostosować ustawienia WPtouch, aby działało tak, jak chcesz. Aby to zrobić, kliknij WPtouch w Ustawienia w lewym menu.

Tutaj możesz dostosować wiele ustawień, w tym tło, czcionki, ikony i inne elementy motywu mobilnego.

Możesz również dodać Google Analytics i AdSense do swojej witryny mobilnej, dzięki czemu możesz zarabiać na ruchu i wiedzieć, ilu odwiedzasz. Jeśli potrzebujesz znaleźć kod Google Analytics, oto, jak szybko go znaleźć.

Konieczne może być modyfikowanie ustawień w innych wtyczkach WordPress, w tym WP Cache i W3 Cache, aby mogły one pracować z WPtouch, dlatego należy sprawdzić listę u dołu strony ustawień.

Oto Techinch.com z dostosowanym logo, menu i tła za pomocą WPtouch. Teraz Twoja strona wygląda tak, jak chcesz, na komputerach i urządzeniach mobilnych.