Efectuarea WordPress Mobile Friendly cu WPtouch Pro

În funcție de datele demografice ale site-ului dvs., ar putea fi important să aveți un site web prietenos pentru dispozitive mobile. Puteți face acest lucru fie folosind o temă WordPress receptivă care se adaptează la diferite dimensiuni / dispozitive de ecran, fie puteți crea o versiune specifică pentru site-ul dvs. mobil dacă nu doriți să schimbați design-ul site-ului. În acest articol, vă vom arăta cum să creați un site WordPress prietenos mobil cu WPTouch Pro.

WPtouch Pro este un plugin WordPress comercial care vă poate transforma site-ul WordPress într-o experiență mobilă nativă pentru browserele smartphone moderne. Este rapid, are suport complet de internaționalizare, integrare iOS homescreen și multe alte modalități de a îmbunătăți experiența utilizatorilor mobili.

Odată 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 de instalare a pluginului simplu) și apoi activați-l din tabloul de bord.

La activare, pluginul va afișa o notificare care vă amintește să introduceți cheia de licență. Trebuie să introduceți cheia de licență pentru a primi actualizări plugin, pentru a descărca teme și add-uri. Click pe "activați licența" link pentru a introduce cheia de licență.

În ecranul următor, trebuie doar să introduceți adresa de e-mail a contului dvs. (cea pe care ați folosit-o pentru a achiziționa pluginul) și cheia de licență a produsului, apoi să faceți clic pe butonul de activare. WPTouch va verifica acum cheia dvs. 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ă mergeți la WP Touch Pro »Setări de bază.

În ecranul de setări de bază, puteți configura diferite opțiuni pentru versiunea mobilă a site-ului dvs. Prima opțiune de pe acest ecran este schimbarea titlului site-ului și byline. Acest lucru este util în special în cazul în care site-ul dvs. are un titlu și o linie lungă care nu se încadrează bine în ecranele mobile.

Următoarea opțiune de pe acest ecran este Regionalizarea. WP Touch Pro detectează automat limba site-ului dvs. din instalarea WordPress, cu toate acestea puteți selecta manual limba utilizând această opțiune.

Afişa opțiunea din ecranul de setări de bază vă permite să dezactivați manual tema mobilă fără a dezactiva pluginul. Setarea implicită este Normal care permite afișarea temelor mobile pentru toți vizitatorii care accesează site-ul printr-un dispozitiv mobil. Puteți să o schimbați previzualizare, astfel încât tema mobilă este afișată numai administratorilor site-ului atunci când sunt conectați. De asemenea, puteți alege invalid pentru a dezactiva complet afișarea temelor mobile.

Există câteva opțiuni de avans 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 să copiați toate setările WP Touch Pro și apoi să le importați pe un alt site WordPress cu WP Touch Pro. Aceasta este o opțiune bună dacă aveți un site de staționare sau o instalare locală.

Odată ce ați trecut prin pagina de setări de bază, puteți previzualiza site-ul mobil chiar în spațiul de lucru făcând clic pe Temă de previzualizare butonul din partea de jos a acestei pagini. Odată ce sunteți mulțumit de modul în care arată tema, puteți face clic pe Salvează modificările pentru a salva setările.

Schimbarea temei Mobile în WPTouch Pro 3

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

Personalizarea temei tale mobile în WPTouch Pro3

După ce ați selectat tema pentru site-ul dvs. mobil, vă recomandăm să îl personalizați pentru a vă satisface nevoile. Pentru a face asta, trebuie să te duci WPTouch Pro »Setări tematice. Temele mobile ale WPTouch Pro sunt foarte personalizabile. Puteți regla toate aspectele site-ului dvs. mobil din ecranul setărilor temelor. Vă vom urmări în diferite secțiuni ale Setărilor temei.

În fila meniu de sus, puteți vedea diferitele zone din tema pe care le puteți personaliza. Veți începe de la General care conține opțiuni pentru unele setări de bază, cum ar fi numărul de postări care se afișează pe prima pagină, activați glisorul categoriei, activați cursorul de posturi recomandate etc. Setările implicite ar trebui să funcționeze pentru majoritatea site-urilor, dar puteți efectua modificări după cum este necesar. Veți observa, de asemenea, o pictogramă info lângă câteva opțiuni, luând mouse-ul pe pictograma vă va arăta ajutorul contextual pentru acea opțiune.

Odată ce ați făcut modificările temei, puteți previzualiza aceste modificări făcând clic pe Temă de previzualizare în 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 Salvează modificările pentru a salva setările temei. 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 Branding tab. Aici puteți încărca propriul dvs. logo, fundal, fonturi personalizate, pictograme de social media etc. Puteți, de asemenea, să schimbați culorile temelor pentru a vă satisface logo-ul și culorile mărcii dvs..

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

WPTouch Pro vă permite să profitați din plin de caracteristicile dispozitivului mobil transformând site-ul dvs. într-o aplicație web. Mai întâi trebuie să faceți clic pe fila Bookmark Icons din ecranul Theme Settings. Va trebui să încărcați două pictograme, una pentru dispozitive Android și cealaltă pentru dispozitive iOS (iPhone, iPod și iPad).

Apoi faceți clic pe fila Modul Web-App în setările temelor. Trebuie doar să bifați caseta pentru a activa modul de aplicație web iOS, iar acest lucru va afișa setările avansate pentru modul aplicație web. Puteți utiliza setările implicite sau puteți încărca propriile ecrane personalizate.

Monopolați site-ul dvs. mobil cu WPTouch Pro

Teme WPTouch Pro fac de asemenea extrem de ușor să afișați reclame pe site-ul dvs. mobil. Trebuie să mergeți la fila Publicitate în cadrul setărilor de temă și să alegeți dintre serviciul de publicitate Google Adsense sau personalizat.

Pentru Google Adsense, va trebui să introduceți ID-ul dvs. de editor Google Adsense și ID-ul slotului pe care îl puteți obține din contul dvs. Google Adsense. După aceasta, trebuie să alegeți locația unde doriți să fie afișate anunțurile. Salvați modificările și site-ul dvs. mobil va începe să afișeze anunțuri.

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

WPTouch Pro utilizează funcționalitatea implicită a meniului WordPress, dar vă permite să modificați sau să alegeți modul în care doriți să afișați meniul pe site-ul dvs. mobil. Pentru a configura meniurile, trebuie să mergeți la WPTouch Pro »Meniuri. Mai întâi trebuie să alegeți un meniu. Puteți alege să afișați pagini WordPress din meniu sau să alegeți un meniu existent.

În fila Meniu de configurare, puteți personaliza în continuare meniul WordPress. Puteți asocia pictogramele fiecărui element de meniu prin glisarea unei pictograme într-un element de meniu.

Implicit, WPTouch Pro vine cu un set de pictograme Elegant proiectat de teme elegante. Puteți instala alte seturi de pictograme făcând clic pe butonul Instalați de lângă acestea sau încărcați propriile seturi de pictograme personalizate.

WPTouch este un plugin extraordinar pentru a converti orice site web alimentat de WordPress într-o aplicație web mobilă cu drepturi depline. Cu teme frumoase și opțiuni puternice de personalizare, puteți crea site-uri mobile minunate î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 pentru mobil cu WP Touch Pro. Pentru feedback și întrebări, ne puteți lăsa un comentariu de mai jos sau urmați-ne pe Twitter.