Jak upewnić się, że blog WordPress jest dostępny dla użytkowników mobilnych

Reklama

Nie zmuszaj czytelników do powiększania swojego telefonu: zaoferuj mobilną wersję swojego bloga WordPress. Oto jak.

Jeśli chodzi o prowadzenie bloga, pierwszą rzeczą, o której musisz pomyśleć, są Twoi odwiedzający. Kluczowe pytanie, które powinieneś sobie zadać: czy chcesz, aby Twój blog był łatwo dostępny w podróży? Jeśli odpowiedź brzmi „tak”, musisz zadbać o to, aby Twoja witryna wyświetlała się równie pięknie na smartfonie, jak na komputerze stacjonarnym - i wszystko pomiędzy.

Istnieje kilka sposobów dostosowania witryny do urządzeń mobilnych lub tabletów. Niezależnie od tego, czy jest to responsywny motyw WordPress, który dostosowuje się do różnych urządzeń, czy wtyczka WordPress, która pozwala Ci stworzyć dedykowaną wersję mobilną, skorzystaj z poniższych opcji.

Najlepsze w tych rozwiązaniach jest to, że nie wymagają one absolutnie żadnej wiedzy na temat programowania. Możesz uruchomić witrynę mobilną w kilka minut, bez konieczności posiadania wiedzy na temat projektowania lub kodowania stron internetowych.

Responsywne motywy

Najłatwiejszym i najbardziej wydajnym sposobem na uczynienie bloga WordPress przyjaznym dla urządzeń mobilnych jest wybranie responsywnego motywu. Responsywne motywy automatycznie dostosowują się do dowolnego urządzenia, którego używasz podczas odwiedzania strony. Jeśli więc korzystasz z komputera z mniejszym ekranem, strona dostosowuje się do rozmiaru tego ekranu. Jeśli korzystasz ze smartfona, automatycznie wyświetli się motyw mobilny.

Korzystanie z elastycznego motywu jest wygodne, ponieważ nie musisz polegać na wtyczkach innych firm ani dodatkowych poprawkach, a kompleksowe rozwiązanie znacznie ułatwia życie. Gdzie więc znajdziesz przyzwoite responsywne motywy?

Jeśli szukasz płatnego motywu, Themeforest ma ponad 2000 elastycznych motywów do wyboru. Jeśli wolisz darmowy motyw, jest kilka do wyboru. Zaprezentowaliśmy niektóre świetne responsywne motywy portfolio Utwórz niezwykle responsywne portfolio za pomocą jednego z tych darmowych motywów WordPressW dzisiejszych czasach nie wystarczy mieć pięknie zaprojektowaną stronę internetową, zwłaszcza jeśli jesteś fotografem, artystą lub grafikiem. W dzisiejszych czasach, jeśli Twoja witryna nie reaguje, prawdopodobnie tracisz znaczną część ... Czytaj więcej , na przykład.

Elastyczne motywy nie są świetne tylko wtedy, gdy chcesz utworzyć witrynę portfolio. To lista ponad 250 responsywnych motywów pokazuje dostępną różnorodność - a wszystkie wymienione motywy są bezpłatne.

Koniecznie sprawdź również Imponujący zestaw responsywnych motywów Dessign, z których kilka bardzo przypomina SquarespaceStyl.

Wtyczki

Jeśli zainwestowałeś już czas, wysiłek lub pieniądze w motyw WordPress i nie chcesz przestawić się na responsywny motyw, aby witryna była przyjazna dla urządzeń mobilnych, możesz zamiast tego wybrać wtyczkę. Wadą korzystania z wtyczki jest jednak to, że tracisz osobowość swojego bloga, który wybrałeś ze swoim motywem, i musisz dostosować się do stylu, jaki zapewnia wtyczka.

Ważną funkcją, którą oferują wszystkie te wtyczki, jest umożliwienie przeglądającym przejście do strony na komputery, jeśli zechcą.

Jedną z najpopularniejszych wtyczek, na które się natknęliśmy, jest WPTouch. Sprawdziliśmy wtyczka kilka lat temu Jak uczynić blog Wordpress przyjaznym dla urządzeń mobilnych dzięki WPtouch Czytaj więcej , a wygląd motywu wtyczki niewiele się zmienił. WPTouch to wtyczka plug-and-play, co oznacza, że ​​nie musisz nic robić, aby odwiedzający zobaczyli mobilną wersję witryny. Możesz jednak dostosować ustawienia i dostosować ikony używane w mobilnej wersji swojej witryny. Jeśli mieliśmy jedną skargę na wtyczkę, oznacza to, że jej wygląd wcale się nie zmienił przez lata - więc wygląda trochę przestarzale.

Tak wygląda Twoja strona z aktywowanym WPTouch:

Detektor mobilny to kolejna świetna wtyczka, która oferuje wykrywanie przez ponad 5000 urządzeń mobilnych. Wtyczka oferuje także różnorodne motywy do wyboru. Niektóre z tych motywów są eleganckie, minimalne i nowoczesne, co daje przewagę na WPTouch. Co najlepsze: oferuje mobilne wersje oficjalnych motywów WordPress, Twenty Eleven i Twenty Twelve. Motyw WZ Mobile to kolejna świetna opcja, która pozwala wyświetlać polecane obrazy na stronie głównej.

Tak wygląda Twoja strona z aktywowanym wykrywaczem mobilnym z motywem WZ Mobile:

UppSiteodróżnia się od innych podobnych wtyczek, wyświetlając stronę docelową, która daje odwiedzającym wybór, przy pierwszym załadowaniu witryny, przeglądanie wersji mobilnej (HTML5) lub stacjonarnej teren. Może również zapisać ich wybór. Jest to także jedna z wtyczek, dla której musisz wybrać niektóre ustawienia, zanim pojawi się ona na Twoim blogu. Podczas konfigurowania możesz wybrać rodzaj prowadzonej witryny - blog, witrynę firmową lub kombinację.

Podczas eksploracji ustawień zauważysz, że UppSite to dość bogata w funkcje wtyczka. Podczas konfigurowania wtyczki możesz wybrać swoją ikonę, tekst z nią związany i jej kolor.

Po skonfigurowaniu wtyczki dostępne są inne opcje dostosowywania, ale niektóre z nich są ograniczone do wersji premium wtyczki. Darmowa wersja pozwala między innymi zmienić tło strony mobilnej i górny pasek. W wersji premium możesz także pobrać aplikację na iOS, Androida i Windows Phone, a także dostosować stronę docelową - ale wszystko to sprawi, że cofniesz się o 99,99 USD miesięcznie.

Tak wygląda Twoja witryna mobilna z aktywowanym UppSite:

Ze wszystkich tych wtyczek, gdybyśmy musieli wybrać jedną, byłby to Mobile Detector. Wykonuje pracę w minimalnej ilości kroków. Jeśli potrzebujesz czegoś bardziej solidnego, nad którym chcesz mieć większą kontrolę nad witryną firmy, UppSite może lepiej dopasować się do twoich potrzeb - jeśli możesz sobie na to pozwolić.

Dodatkowe narzędzia

Innym sposobem upewnienia się, że blog WordPress jest całkowicie dostępny dla urządzeń mobilnych, jest skorzystanie z bezpłatnego narzędzia Osadzaj Responsive. To narzędzie pozwala osadzać filmy z YouTube'a, zdjęcia i filmy na Instagramie, Mapy Google i wiele innych, jednocześnie zapewniając osadzenie w obrębie twojego projektu. Przekonasz się, że niektóre osadzone obrazy lub filmy mogą nakładać się na treść. Osadzanie Responsive kładzie kres tym zagięciom.

Aby dowiedzieć się więcej o Embed Responsively, sprawdź naszą szczegółową recenzję Jak odpowiednio osadzić YouTube, Vimeo, Instagram i Mapy GoogleJednym z największych modnych słów w świecie projektowania online w ciągu ostatnich dwóch lub trzech lat musi być „responsive”. Wraz z pojawieniem się przeglądania wszystkiego - od 4-calowego ekranu smartfona po ... Czytaj więcej .

Który powinieneś wybrać?

Jeśli chcesz zaoferować odwiedzającym bezproblemowe korzystanie z witryny w przeglądarce na komputerze, a także w przeglądarce mobilnej, wybierz responsywny motyw. Ułatwi ci to życie, eliminując potrzebę aktualizacji wtyczek, które w końcu mogą już nie być obsługiwane.

Jeśli chcesz mieć większą kontrolę nad tym, jak widzowie widzą Twoją witrynę w wersji mobilnej, i chcesz pomyśleć o dodatkowych szczegółach, takich jak zarabianie i zaangażowanie, wtyczka jest prawdopodobnie najlepszym rozwiązaniem ty.

Czy masz jakieś wskazówki, jak upewnić się, że Twój blog WordPress jest gotowy na urządzenia mobilne? Daj nam znać w komentarzach.

Źródło zdjęcia: Luc Legay