Transformarea site-ului WordPress în unul optimizat pentru mobil cu WPtouch Pro

În funcție de publicul țintă al site-ului dvs., poate fi important să aveți un site web optimizat pentru mobil. Puteți face acest lucru fie folosind o temă WordPress responsivă care se adaptează la diferite dimensiuni de ecran / dispozitive, fie puteți crea o versiune specifică pentru mobil a site-ului dvs. dacă nu doriți să schimbați designul site-ului. În acest articol, vă vom arăta cum să creați un site WordPress optimizat pentru mobil cu WPTouch Pro.

WPtouch Pro este un plugin comercial WordPress care poate transforma site-ul dvs. WordPress într-o experiență mobilă nativă pentru browserele moderne de smartphone. Este rapid, are suport complet de internaționalizare, integrare cu ecranul de pornire iOS și o mulțime de alte modalități de a îmbunătăți experiența utilizatorului pe mobil.

După ce ați achiziționat WPtouch Pro, veți primi o cheie de licență și fișierul de descărcare pentru plugin. Trebuie să îl instalați pe blogul dvs. (urmați ghidul nostru simplu de instalare a pluginurilor), apoi să îl activați din tabloul de bord.

După activare, plugin-ul va afișa o notificare care vă reamintește să introduceți cheia de licență. Trebuie să introduceți cheia de licență pentru a primi actualizări ale plugin-ului, a descărca teme și add-on-uri. Faceți clic pe link-ul „activați licența” pentru a introduce cheia de licență.

Pe ecranul următor, introduceți pur și simplu adresa de e-mail a contului dvs. (cea pe care ați folosit-o pentru a achiziționa plugin-ul) și cheia de licență a produsului, apoi faceți clic pe butonul de activare. WPTouch va verifica acum cheia de licență și va afișa un mesaj de succes.

La activare, pluginul adaugă un element de meniu WPTouch Pro în bara de administrare WordPress. Pentru a configura pluginul, trebuie să accesați WP Touch Pro » Setări de bază.

Pe ecranul setărilor de bază, puteți configura diverse opțiuni pentru versiunea mobilă a site-ului dvs. Prima opțiune de pe acest ecran este schimbarea titlului și subtitlului site-ului. Acest lucru este deosebit de util dacă site-ul dvs. are un titlu și un subtitlu lungi care nu se potrivesc bine pe ecranele mobile.

Următoarea opțiune de pe acest ecran este Regionalizare. WP Touch Pro detectează automat limba site-ului tău din instalația ta WordPress, însă poți selecta manual limba folosind această opțiune.

Opțiunea Afișare de pe ecranul de setări de bază vă permite să dezactivați manual tema mobilă fără a dezactiva plugin-ul. Setarea implicită este Normal, care activează afișarea temei mobile pentru toți vizitatorii care accesează site-ul printr-un dispozitiv mobil. O puteți schimba în Previzualizare, astfel încât tema mobilă să fie afișată doar administratorilor de site administratorilor atunci când sunt conectați. De asemenea, puteți alege Dezactivat pentru a opri complet afișarea temei mobile.

Există câteva opțiuni avansate disponibile pe pagina de setări de bază. De exemplu, puteți alege o pagină de destinație personalizată pentru versiunea mobilă a site-ului dvs. Puteți adăuga cod personalizat care va apărea în zona de subsol a temei. De asemenea, puteți face backup tuturor setărilor WP Touch Pro și apoi le puteți importa pe un alt site WordPress cu WP Touch Pro. Aceasta este o opțiune bună dacă aveți un site de staging sau o instalare locală.

După ce ați parcurs pagina de setări de bază, puteți previzualiza site-ul dvs. mobil direct pe desktop, făcând clic pe butonul Previzualizare temă din partea de jos a acestei pagini. Odată ce sunteți mulțumit de aspectul temei dvs., puteți face clic pe butonul Salvare modificări pentru a salva setările.

Schimbarea temei mobile în WPTouch Pro 3

În mod implicit, WPTouch Pro 3 vine cu o temă mobilă preinstalată. Puteți descărca și instala teme suplimentare din WPTouch Pro » Teme & Extensii. Bauhaus, CMS, Classic Redux și Simple sunt temele disponibile cu toate planurile de licențiere. Pentru a instala o temă, pur și simplu faceți clic pe butonul Instalare de sub temă. WPTouch Pro va descărca tema din cloud și o va instala. Odată ce o temă este instalată, puteți face clic pe butonul de activare pentru a utiliza acea temă.

Personalizarea temei mobile în WPTouch Pro3

Odată ce ați selectat tema pentru site-ul dvs. mobil, este posibil să doriți să o personalizați pentru a corespunde nevoilor dvs. Pentru a face acest lucru, trebuie să accesați WPTouch Pro » Setări temă. Teme mobile WPTouch Pro sunt extrem de personalizabile. Puteți ajusta fin fiecare aspect al site-ului dvs. mobil din ecranul de setări al temei. Vă vom ghida prin diferitele secțiuni ale Setărilor temei.

În fila meniului de sus, puteți vedea diferitele zone ale temei pe care le puteți personaliza. Veți începe de la fila General, care conține opțiuni pentru setări de bază, cum ar fi numărul de postări de afișat pe pagina principală, activarea glisorului de categorii, activarea glisorului pentru postări recomandate etc. Setările implicite ar trebui să funcționeze pentru majoritatea site-urilor, dar puteți face modificări după cum este necesar. Veți observa, de asemenea, o pictogramă de informații lângă unele opțiuni; mutând mouse-ul peste pictogramă, veți vedea ajutor contextual pentru acea opțiune.

Odată ce ați făcut modificările la tema dvs., puteți previzualiza acele modificări făcând clic pe butonul Preview Theme din partea de jos a paginii. Când sunteți mulțumit de modificările pe care le-ați făcut, trebuie să faceți clic pe butonul Save Changes pentru a salva setările temei dvs. Există, de asemenea, un buton de resetare în cazul în care doriți să reveniți la setările implicite.

După configurarea setărilor generale pentru tema dvs. mobilă, treceți la fila Branding. Aici puteți încărca propriul logo, fundal, fonturi personalizate, pictograme de rețele sociale etc. De asemenea, puteți schimba culorile temei pentru a se potrivi logo-ului și culorilor mărcii dvs.

Transformarea site-ului dvs. într-o aplicație web mobilă

WPTouch Pro îți permite să profiți la maximum de caracteristicile dispozitivelor mobile transformând site-ul tău într-o aplicație web. Mai întâi, trebuie să dai clic pe fila Pictograme de marcaj din ecranul Setări temă. Va trebui să încarci două pictograme, una pentru dispozitive Android și cealaltă pentru dispozitive iOS (iPhone, iPod și iPad).

După aceea, dă clic pe fila Mod Web-App din setările temei. Pur și simplu bifează căsuța pentru a activa modul web-app iOS, iar acest lucru va afișa setările avansate pentru modul web-app. Poți folosi setările implicite sau poți încărca propriile tale ecrane de pornire personalizate.

Monetizați-vă site-ul mobil cu WPTouch Pro

Teme WPTouch Pro fac, de asemenea, extrem de ușor pentru dvs. să afișați reclame pe site-ul dvs. mobil. Trebuie să accesați fila Publicitate din setările temei și să alegeți între Google Adsense sau un serviciu de publicitate personalizat.

Pentru Google Adsense, va trebui să introduceți ID-ul editorului Google Adsense și ID-ul slotului pe care le puteți obține din contul dvs. Google Adsense. După aceea, trebuie să alegeți locația unde doriți să fie afișate reclamele. Salvați modificările și site-ul dvs. mobil va începe să afișeze reclame.

Personalizarea meniurilor de navigare pentru site-ul mobil în WPTouch Pro

WPTouch Pro folosește funcționalitatea implicită a meniului WordPress, dar îți permite să modifici sau să alegi cum vrei să afișezi meniul pe site-ul tău mobil. Pentru a configura meniurile, trebuie să accesezi WPTouch Pro » Meniuri. Mai întâi, trebuie să alegi un meniu. Poți alege să afișezi paginile WordPress în meniu sau să alegi un meniu existent.

În fila Configurarea meniului, puteți personaliza în continuare meniul WordPress. Puteți asocia pictograme cu fiecare element de meniu, pur și simplu trăgând o pictogramă către un element de meniu.

În mod implicit, WPTouch Pro vine cu setul de pictograme Elegant, proiectat de Elegant Themes. Puteți instala alte seturi de pictograme făcând clic pe butonul Instalați de lângă ele sau puteți încărca propriile seturi de pictograme personalizate.

WPTouch este un plugin excelent pentru a transforma orice site web bazat pe WordPress într-o aplicație web mobilă completă. Cu teme frumoase și opțiuni puternice de personalizare, puteți crea site-uri mobile cu aspect grozav în câteva minute, fără a scrie o singură linie de cod. Sperăm că acest articol v-a ajutat să creați un site prietenos cu dispozitivele mobile cu WP Touch Pro. Pentru feedback și întrebări, ne puteți lăsa un comentariu mai jos sau ne puteți urmări pe Twitter.