10Jul

Ako vytvoriť mobilnú verziu vášho blogu WordPress

Chcete, aby váš blog vyzeral skvele na všetkých zariadeniach, nielen na počítačoch? Smartphony a ďalšie mobilné zariadenia sa zvyšujú v obľúbenosti, takže tu je návod, ako zabezpečiť, aby váš blog vyzeral skvele bez ohľadu na to, na čom ho čítajú ľudia.

WordPress je skvelý nástroj na vytváranie blogu alebo tradičných webových stránok pre vaše podnikanie, organizáciu alebo jednoducho zdieľať obrázky s rodinou a priateľmi. Môžete si vytvoriť bezplatný blog na stránke WordPress.com a ak áno, váš blog bude už pripravený pre väčšinu moderných prehliadačov mobilných zariadení.Tu je náš testovací web WordPress.com v mobile Safari;WordPress.com automaticky dáva jej štýl štýlu iOS, ktorý sa dá ľahko používať v mobilných zariadeniach.

Avšak, ak chcete upraviť WordPress a vytvoriť si svoje stránky tak, ako chcete, budete musieť používať Self-hosted WordPress.org. Ak ste vytvorili novú lokalitu WordPress na vlastnom serveri alebo hostiteľskej službe manuálne alebo pomocou automatického inštalátora, ako je Softaculous, možno ste sklamaní, že vaše stránky vyzerajú rovnako v mobilných prehliadačoch ako v počítači. To sťažuje používanie na malých obrazovkách.

Našťastie môžete jednoducho získať rovnakú tému štýlu iOS vo svojom blogu bezplatne pomocou doplnku WPtouch. Prihláste sa do svojho ovládacieho panelu WordPress a zvoľte Pridať nové pod Pluginy v ľavej bočnej ponuke.

Na tejto stránke zadajte WPtouch do vyhľadávacieho poľa.

Teraz nainštalujte a aktivujte doplnok ako obvykle.

Vaša stránka bude teraz mať peknú tému, ktorá funguje skvele na moderných smartphonoch a iných mobilných zariadeniach, ale naďalej bude zobrazovať vašu vlastnú bežnú tému návštevníkom pomocou počítačov. Ak chcete zobraziť ukážku toho, ako váš nový mobilný motív vyzerá na iPhone, pozrite si náš článok o testovaní webových stránok pre mobilné zariadenia v systéme Safari pre systém Windows.

Tweak Nastavenia WPtouch

Funkcia WPtouch funguje bez akéhokoľvek vylaďovania na väčšine stránok, ale ak chcete, môžete prispôsobiť svoj mobilný web a upraviť nastavenia WPtouch tak, aby fungovalo tak, ako chcete. Ak chcete urobiť, kliknite WPtouch pod Nastavenia v ľavom menu.

Tu môžete upraviť mnoho nastavení, vrátane pozadia mobilnej témy, písma, ikonu a ďalšie.

Google Analytics a Adsense môžete tiež pridať na mobilné stránky, aby ste mohli speňažiť návštevnosť a vedeli, koľko návštevníkov získate. Ak potrebujete nájsť kód Google Analytics, môžete ho rýchlo nájsť.

Pravdepodobne budete musieť upraviť nastavenia v iných doplnkoch WordPress, vrátane WP Cache a W3 Cache, aby ste mohli pracovať s WPtouch, preto skontrolujte zoznam v spodnej časti stránky s nastaveniami.

Tu je Techinch.com s prispôsobeným logom, menu a pozadím pomocou programu WPtouch. Váš web teraz vyzerá presne tak, ako chcete, na počítačoch a mobilných zariadeniach.