Ako zabezpečiť, aby bol váš blog WordPress prístupný pre mobilných používateľov

Reklama

Nenúťte svojich čitateľov priblížiť si ich na telefóne: ponúkajú mobilnú verziu svojho blogu WordPress. Tu je návod.

Pokiaľ ide o spustenie blogu, prvou vecou, ​​na ktorú musíte myslieť, sú vaši návštevníci. Kľúčovú otázku by ste si mali položiť: Chcete, aby bol váš blog ľahko prístupný aj na cestách? Ak je odpoveď áno, musíte zabezpečiť, aby sa vaše webové stránky zobrazovali na smartfónoch rovnako krásne ako na stolnom počítači - a všetko medzi tým.

Existuje niekoľko spôsobov, ako môžete svoj web pripraviť na mobilné zariadenia alebo tablety. Či už ide o responzívnu tému WordPress, ktorá sa prispôsobuje rôznym zariadeniam, alebo doplnok WordPress, ktorý vám umožňuje vytvoriť vyhradenú mobilnú verziu, nižšie uvedené možnosti ste už pokryli.

Najlepšie na týchto riešeniach je, že nevyžadujú vôbec žiadne znalosti kódovania. Mobilnú stránku môžete uviesť do prevádzky v priebehu niekoľkých minút bez toho, aby ste museli vedieť o navrhovaní alebo kódovaní webových stránok.

Citlivé témy

Najjednoduchší a najúčinnejší spôsob, ako urobiť blog WordPress mobilným, je výber responzívnej témy. Responzívne témy sa automaticky prispôsobia každému zariadeniu, ktoré náhodou používate pri návšteve stránok. Ak máte počítač s menšou obrazovkou, web sa prispôsobí veľkosti tejto obrazovky. Ak máte smartphone, automaticky sa zobrazí mobilný motív.

Použitie responzívneho motívu je výhodné, pretože sa nemusíte spoliehať na zástrčky tretích strán ani na ďalšie opravy a riešenie all-in-one uľahčuje život. Kde teda nájdete slušné responzívne témy?

Ak hľadáte platenú tému, Themeforest má na výber viac ako 2 000 responzívnych tém. Ak by ste sa radšej rozhodli pre bezplatnú tému, existuje z čoho vyberať. Niektoré sme predstavili skvelé citlivé portfóliové témy Vytvorte úžasne citlivé portfólio s jednou z týchto bezplatných tém WordPressV dnešnej dobe nestačí mať krásne navrhnutý web, najmä ak ste fotograf, umelec alebo grafik. Ak vaše stránky dnes nereagujú, je pravdepodobné, že strácate významnú časť ... Čítaj viac , napríklad.

Responzívne témy nie sú skvelé, iba ak chcete vytvoriť webovú stránku portfólia. toto zoznam viac ako 250 responzívnych tém Ukazuje vám úplnú rozmanitosť - a všetky uvedené témy sú zadarmo.

Nezabudnite sa tiež pozrieť Dessignova pôsobivá skupina responzívnych tém, z ktorých niektoré veľmi pripomínajú SquarespaceŠtýl.

plugins

Ak ste už do svojho témy WordPress investovali čas, námahu alebo peniaze a nechcete prepnúť na responzívnu tému, aby sa vaše stránky stali mobilnými, môžete namiesto toho zvoliť doplnok. Nevýhodou použitia doplnku je však to, že stratíte osobnosť svojho blogu, ktorý ste si vybrali s jeho témou, a budete musieť robiť štýl, ktorý doplnok poskytuje.

Dôležitou vlastnosťou, ktorú všetky tieto doplnky ponúkajú, je umožniť divákom prejsť na webovú stránku pre stolné počítače, ak sa tak rozhodnú.

Jeden z najpopulárnejších doplnkov, s ktorým sme sa stretli, je WPtouch. Preskúmali sme plugin pred pár rokmi Ako si vyrobiť svoj Wordpress Blog ako mobilný s WPtouch Čítaj viac a vzhľad a dojem témy doplnku sa príliš nezmenil. WPTouch je doplnok plug-and-play, čo znamená, že nemusíte robiť nič, aby vaši návštevníci videli mobilnú verziu vašich stránok. Môžete však vylepšiť nastavenia a prispôsobiť ikony používané v mobilnej verzii vášho webu. Ak by sme mali nejakú sťažnosť týkajúcu sa doplnku, jeho vzhľad sa v priebehu rokov nezmenil - tak to vyzerá trochu zo dátumu.

Takto vyzerá vaša stránka s aktivovaným WPTouch:

Mobilný detektor je ďalším skvelým doplnkom a môže sa pochváliť detekciou viac ako 5 000 mobilných zariadení. Doplnok tiež ponúka rôzne témy, z ktorých si môžete vybrať. Niektoré z týchto tém sú elegantné, minimálne a moderné, čo na WPTouch dáva nohu. Najlepšie zo všetkého: ponúka mobilné verzie oficiálnych tém WordPress, Twenty Eleven a Twenty Twelve. Téma WZ Mobile Theme je ďalšou skvelou možnosťou, ktorá vám umožňuje zobraziť odporúčané obrázky na domovskej stránke.

Takto vyzerá vaša stránka s aktivovaným mobilným detektorom a s témou WZ Mobile:

UppSiteodlišuje sa od iných podobných doplnkov zobrazením vstupnej stránky, ktorá návštevníkom poskytuje pri prvom načítaní vášho webu môžete zvoliť prehliadanie mobilných (HTML5) alebo desktopových verzií site. Môže tiež uložiť ich výber. Je to tiež jeden z doplnkov, pre ktoré musíte zvoliť niektoré nastavenia skôr, ako sa zobrazia vo vašom blogu. Pri nastavovaní si môžete vybrať, aký typ stránok prevádzkujete - blog, podnikový web alebo kombináciu.

Pri skúmaní nastavení zistíte, že UppSite je doplnok s množstvom funkcií. Pri nastavovaní doplnku si môžete vybrať ikonu, text, ktorý s ňou súvisí, a farbu.

Po nastavení doplnku existujú ďalšie možnosti prispôsobenia, ale niektoré z nich sú obmedzené na prémiovú verziu doplnku. Bezplatná verzia vám okrem iného umožňuje zmeniť pozadie mobilnej stránky a horného panela. Vďaka prémiovej verzii získate aj aplikáciu na stiahnutie pre iOS, Android a Windows Phone a môžete prispôsobiť svoju vstupnú stránku - všetko, čo vás mesačne vráti, je neuveriteľných 99,99 dolárov.

Takto vyzerá vaša mobilná stránka s aktivovanou službou UppSite:

Zo všetkých týchto doplnkov, ak by sme si museli vybrať jeden, by to bol mobilný detektor. Vykonáva úlohu v minimálnom množstve krokov. Ak potrebujete niečo trochu robustnejšie, ktoré chcete pre svoju obchodnú stránku získať väčšiu kontrolu, UppSite by sa mohol lepšie prispôsobiť vašim potrebám - ak si to môžete dovoliť.

Extra nástroje

Ďalším spôsobom, ako zabezpečiť, aby bol váš blog WordPress úplne prístupný pre mobilné zariadenia, je použitie bezplatného nástroja Vložte zodpovedne. Tento nástroj umožňuje vkladať videá z YouTube, fotografie a videá z Instagramu, Mapy Google a ďalšie, a to všetko pri zabezpečení toho, aby vloženie zostalo v rámci vášho návrhu. Zistíte, že pri niektorých vloženiach môžu obrázky alebo videá prekrývať obsah. Embed Responsively ukončí tieto zlomy.

Ak sa chcete dozvedieť viac o zodpovednom vkladaní, pozrite si našu hĺbkovú kontrolu Ako zodpovedajúcim spôsobom vkladať YouTube, Vimeo, Instagram a Mapy GoogleJedným z najväčších módnych slov vo svete dizajnu online za posledné dva alebo tri roky musí byť „responzívny“. S príchodom prehľadávania všetkého od 4-palcovej obrazovky smartfónu po ... Čítaj viac .

Ktoré by ste si mali zvoliť?

Ak chcete svojim návštevníkom ponúknuť bezproblémový zážitok, keď sa vzhľad vášho webu v stolnom prehliadači rozširuje na dizajn v mobilnom prehliadači, mali by ste zvoliť responzívnu tému. To vám tiež uľahčí život a zbavíte sa potreby aktualizovať doplnky, ktoré už nemusia byť podporované.

Ak chcete mať väčšiu kontrolu nad tým, ako vaši diváci vidia váš web v jeho mobilnej verzii, a Ak chcete premýšľať o ďalších detailoch, ako je speňaženie a zapojenie, je pravdepodobne najlepší doplnok vy.

Máte nejaké tipy alebo triky, ako zabezpečiť, aby bol váš blog WordPress pripravený pre mobilné zariadenia? Dajte nám vedieť v komentároch.

Obrázok Kredit: Luc Legay