Ce teme WordPress sunt pentru dispozitivele mobile. Cum să faci o versiune mobilă a unui blog pe WordPress? Ce plugin să alegi

Pentru a utiliza pluginul, trebuie să setați mai multe puncte de întrerupere și să selectați elementul HTML dorit. La punctul de întrerupere, puteți seta dimensiunea imaginii când lățimea atinge punctul de întrerupere. De asemenea, puteți seta unele clase de imagini să fie ignorate.

2. Widgeturi responsive

Responsive Widgets este un plugin care introduce noi widget-uri text/HTML pentru WordPress care apar doar pe anumite dispozitive precum iPad-uri, Nooks, PlayStation Vita și alte dispozitive universale precum tablete sau smartphone-uri.

Pentru a utiliza pluginul, aveți nevoie doar de o înțelegere de bază a widget-urilor pentru WordPress. Deschideți pagina Widgeturi și veți vedea multe widget-uri noi pentru următoarele dispozitive și tipuri de ecran:

• Mobil
• Mobil (peisaj)
• iPhone-uri și iPod-uri
• Phablete
• Tabletă (portret)
• Tabletă (peisaj)
• Portret iPad
• Peisaj iPad
• Tablete Nexus
• Tablete Kindle
• Tabletă de suprafață
• Tablete Nook
• PS Vitas
• Desktop-uri
• Monitoare mari (ecrane de 1240 pixeli+)
• Doar tipăriți

3. Responsabil

Responsabil este un plugin foarte util pentru WordPress care verifică din browser rapiditatea de răspuns a paginilor tale. Utilizează Viewport Resizer Bookmarklet într-o bară fixată în partea de sus a paginii, unde puteți redimensiona pagina pentru dispozitive mobile precum smartphone-uri, tablete sau ecrane desktop și puteți seta dimensiunile în funcție de nevoile dvs.

Pentru a utiliza pluginul, pur și simplu activați-l și deschideți una dintre paginile dvs. Panoul va fi afișat pe fiecare pagină, astfel încât să puteți verifica răspunsul paginilor dvs. fără probleme.

Pluginuri pentru teme mobile
Aceste pluginuri funcționează într-un mod mai specializat: vă vor ajuta să afișați diferite teme WordPress atunci când un utilizator vă accesează site-ul de pe un dispozitiv mobil. Acest lucru este util mai ales dacă aveți o temă care nu este compatibilă cu dispozitivele mobile. Dacă nu aveți timpul sau capacitatea de a vă adapta tema pentru dispozitive mobile, puteți utiliza acest plugin uimitor pentru munca dvs.

4. WPTouch Mobile Plugin

Acest plugin are peste cinci milioane de descărcări și o evaluare de 3,9 din 5 stele. WPTouch este probabil cel mai popular plugin pentru tema mobilă astăzi. Vă permite să creați o versiune mobilă a site-ului dvs. într-un mod foarte simplu, complet automatizat.

Pentru a utiliza pluginul, trebuie pur și simplu să îl instalați și să îl activați, iar setările sale implicite vor fi suficiente pentru mulți utilizatori. De asemenea, puteți configura multe setări în configurația paginii.

Ca avertisment, trebuie spus că în iulie 2014 a fost anunțat: versiunile WPTouch 3 aveau o vulnerabilitate killer. Vulnerabilitatea a fost remediată imediat, dar este posibil să fi cauzat mai multe probleme utilizatorilor pluginului. Un motiv bun pentru a căuta actualizări, iar acest lucru se aplică atât nucleului, cât și tuturor pluginurilor și temelor.

5. Pachetul mobil WordPress

Pachet mobil WordPress este un alt plugin bun care oferă teme mobile pentru site-urile WordPress. Acum are peste 600.000 de descărcări și o evaluare de 3,8 din 5 stele. WordPress Mobile Pack oferă o temă mobilă unică pentru dvs. și vizitatorii site-ului dvs. - o interfață de aplicație mobilă în loc de o interfață clasică de telefon mobil.

La fel ca WPTouch, WordPress Mobile Pack este un plugin complet gata de utilizare odată ce îl instalați și îl activați. Dacă doriți, puteți face unele ajustări pe pagina de configurare.

6. Jetpack de la WordPress.com

Jetpack nu este doar unul dintre cele mai populare plugin-uri pentru WordPress, ci este susținut și de WordPress.com și Automattic. Acest plugin are, de asemenea, o funcție de tema mobilă care vă poate fi foarte utilă

Pentru a utiliza funcția „Temă mobilă”, după instalarea și activarea Jetpack, trebuie să vă conectați la acesta, apoi la setările din pagina de configurare. În lista de module, găsiți „Temă mobilă” și activați-o. Nu este mult, dar după aceea te vei bucura de o interfață mobilă rapidă și curată.

Concluzie
Pe internet, este întotdeauna important să ții pasul cu vremurile și să le oferi vizitatorilor ceea ce își doresc, mai ales dacă aștepți ceva de la ei în schimb (fie ei bani sau laude). Recepția mobilă devine standard în zilele noastre și ar fi o prostie să pierdeți acei vizitatori ai site-ului dvs. care folosesc dispozitive mobile.

Pluginurile mobile adaptează site-ul pentru telefoane mobile și tablete: este convenabil pentru vizitator să folosească site-ul de pe orice dispozitiv.

Să ne uităm la câteva plugin-uri populare care vor ajuta la adaptarea unui site WordPress pentru platformele mobile:

Pluginul JetPack

JetPack adaptează site-ul dvs. WordPress pentru dispozitive mobile cu un clic pe un buton. Bifați „Include tema mobilă JetPack” în blocul de setări „Extensii de teme”. JetPack este potrivit pentru adaptarea mobilă a unui blog și a unui site web simplu.

Plugin mobil Wiziapp

Wiziapp nu numai că adaptează un site web sau un blog pentru mobil, ci și transformă site-ul într-o aplicație mobilă. Mai mult, acest lucru nu afectează în niciun fel afișarea site-ului pe desktop-uri.

În meniul de setări a pluginului „Teme”, selectați una dintre cele opt teme prezentate care vor fi afișate pe dispozitivele mobile. În acest caz, tema site-ului de pe un PC desktop sau laptop va rămâne aceeași.

Pentru a vedea cum va arăta o aplicație mobilă convertită de plugin, accesați blocul de setări „Setări” și selectați „Simulați aplicația - Simulator web”. Selectați sistemul Android sau iOS de care aveți nevoie.

Dacă nu aveți nevoie de publicații, aplicații și funcționalități avansate, utilizați pluginul gratuit. Toate funcțiile necesare pentru un site web pentru începători sunt incluse în versiunea gratuită.

Plugin mobil WPtouch Mobile

Pluginul WPtouch Mobile reproiectează automat site-ul dvs. pentru platforme mobile și încarcă dinamic articole folosind tehnologia Ajax, compatibil cu tranziții ușoare pe dispozitivele cu ecran tactil.

Pentru a vedea cum va arăta o versiune a site-ului adaptată pentru platformele mobile, faceți clic pe butonul „Previzualizare tema” din setările pluginului.

Versiunea cu plată, numită WPtouch Pro, oferă, de asemenea, un panou de administrare separat și suport în sistemul de bilete.

Plugin mobil WP Mobile Detector

Pluginul WP Mobile Detector detectează automat modelul de smartphone al utilizatorului și, în funcție de acesta, descarcă una dintre temele pe care le selectați pentru acesta. În acest caz, tema site-ului de pe un PC desktop sau laptop va rămâne aceeași. Puteți avea mai multe teme diferite pentru diferite dispozitive. De asemenea, pluginul WP Mobile Detector modifică automat dimensiunea și rezoluția imaginilor în funcție de afișarea utilizatorului. Pluginul funcționează cu peste 5.000 de tipuri de telefoane mobile și smartphone-uri.

Pluginul colectează statistici despre utilizatorii de telefonie mobilă, inclusiv numărul de vizite unice, traficul de căutare etc.

Setați tema în setările pluginului, care vor fi afișate pe mobil.

Plugin mobil WP Mobile Edition

Pluginul WP Mobile Edition, precum WP Mobile Detector, detectează dispozitivele mobile populare și afișează conținutul la rezoluția și calitatea cerute de un anumit telefon mobil. WP Mobile Edition creează o versiune mobilă pe un subdomeniu precum m.facebook.com cu setări individuale și redirecționează toți utilizatorii de telefonie mobilă către acesta. Acest lucru este necesar pentru stocarea mai rapidă în cache și suport pentru cookie-urile mobile.

Pluginul acceptă, de asemenea, sistemul de comentare Disqus și o hartă XML mobilă cu propriul generator pentru site-uri, ceea ce are un efect pozitiv asupra optimizării motoarelor de căutare.

Faceți setări de bază pentru plugin și setați funcțiile temei.

Realitățile de astăzi obligă toate proiectele să aibă o versiune mobilă a site-ului.

Google promite, în general, că va scădea clasamentul site-urilor care nu au versiune mobilă și sunt prost vizualizate pe dispozitivele mobile.

Am acest memento în Google Webmaster de peste un an.

Dar sunt super ocupată și nu am timp să fiu atent la asemenea prostii!

Acum câțiva ani am creat o versiune mobilă a site-ului folosind un singur serviciu (acum nici măcar nu voi da un link). Dar în cele din urmă am obținut duplicarea conținutului site-ului pe o resursă terță parte.

La început am crezut că asta e doar pentru telefoane mobile, dar apoi am văzut paginile mele duplicate de la acest serviciu în căutare și erau mai mari decât cele principale. Încrederea în serviciu este mai mare decât a mea.

Pe scurt, am spart această versiune mobilă!

În vremea noastră, când unicitatea unui site este totul pentru noi, nu cred că este înțelept să risipim duplicatele astfel.

Creștere a numărului de utilizatori de telefonie mobilă.

În general, dacă te uiți la statistici, chiar și cu specificul meu InfoWorkshop, aproximativ 4-5% accesează deja blogul de pe dispozitivele mobile. Iar numărul utilizatorilor de telefonie mobilă este în creștere.

Să ne gândim, nu cu mult timp în urmă, o tabletă sau un smartphone era, dacă nu un lux, atunci un gadget destul de scump pe care nu și-l putea permite toată lumea.

Acum fiecare dintre noi, atunci când cumpără sau schimbă un telefon mobil, nu se mai limitează la capacitățile unui simplu apel sau a unei fotografii.

Odată ce am încercat capabilitățile unui smartphone pe Android sau Windows 8, nu vom dori să ne întoarcem la un simplu telefon mobil.

Tabletele au devenit în general ceva super accesibil. Părinții cumpără o tabletă pentru copiii lor în loc de un computer personal voluminos sau chiar de un laptop și este mai ieftin și mai ușor de utilizat.

Astfel, numărul de telefoane mobile din rețea crește exponențial.

Dacă vom rata această piață a navigatorilor pe Internet acum, va fi foarte greu să ne prindem din urmă mâine. Concurența crește în fiecare zi.

Sarcina mea nu este să vă conving să faceți sau să nu faceți o versiune mobilă a site-ului.

Vreau să vă avertizez să nu vă pierdeți audiența și să păstrați, sau și mai bine, să creșteți numărul de vizitatori ai proiectului dumneavoastră.

Acum haideți să discutăm cum să faceți cel mai bine o versiune mobilă a site-ului.

Cum să faci o versiune mobilă a unui site web pe WordPress

O versiune mobilă a site-ului poate fi realizată cu sau fără pluginuri.

Să discutăm mai întâi cum să faci o mafie. versiune fără pluginuri.

Până de curând, o modalitate foarte populară era utilizarea diferitelor servicii. Esența lucrării a fost simplă.

Ai înregistrat fluxul RSS al site-ului în serviciu și au creat o versiune mobilă a ta pe subdomeniul lor. Totul pare în regulă, dar conținutul tău apare în resursa altcuiva.

Nu voi strica din nou subiectul, citiți la începutul acestei postări de ce am abandonat această metodă.

Puteți crea o versiune mobilă folosind o temă receptivă.

Site-ul recunoaște că utilizatorul este conectat de pe un telefon mobil și schimbă stilurile pentru tema WordPress.

Până de curând, site-ul meu a funcționat așa, dar în ultima perioadă, sau mai bine zis anul trecut, Google încă nu-i place și a încetat să mai considere că site-ul meu este adaptat pentru dispozitive mobile.

Poate mă voi așeza mai târziu și voi vorbi despre subiectul meu, dar în acest moment nu am prea mult timp pentru asta. Acum sarcina mea este să rezolv problema creării unei versiuni mobile a site-ului cu puțin efort și cât mai repede posibil.

Prin urmare, am decis să apelez la pluginuri.

Am luat în considerare trei pluginuri.

Știu că există mult mai multe plugin-uri pentru crearea unei versiuni mobile a unui site web, dar am decis să le iau în considerare pe cele mai populare și accesibile.

1. Jetpack Acesta este un plugin versatil cu o mulțime de funcții pentru WordPress.

Printre aceste oportunități se numără și crearea unei versiuni mobile a site-ului dvs. web.

Se conectează foarte ușor și nu necesită setări speciale.

Avantajele Jetpack pentru crearea unei versiuni mobile a site-ului:

1. Setări ușoare - porniți-l și utilizați-l

2. Toate elementele site-ului rămân în design, sunt pur și simplu adaptate la versiunea mobilă;

3. Plugin-ul este actualizat constant

4. Ceea ce este de asemenea important este un plugin de la wordpress.com

Câteva despre cum să configurați pluginul. Puțin pentru că toate setările se reduc la trei puncte:

1. Dacă să afișați sau nu anunțuri scurte pe versiunea mobilă principală a site-ului

2. Dacă se afișează sau nu miniaturile pentru postări

După cum puteți vedea, setările sunt foarte simple și, să fiu sincer, versiunea mobilă a site-ului arată destul de decent, fără a pierde informații din bara de site. Bara de site este afișată sub conținutul principal al site-ului.

Așa arată site-ul meu wp-home.info pe telefonul meu. Folosesc Jetpack pe acest site.

Vă arăt cum să lucrați cu acest plugin și cu celelalte capabilități ale acestuia în cursul video gratuit „Siteul web WordPress de la începător la PRO” din a doua parte a cursului.

Aici atașez un videoclip de la acest curs despre cum să configurați o versiune mobilă a unui proiect folosind Jetpack

Dezavantajele Jetpack

1. Dar, din păcate, nu este potrivit pentru blogul meu Infoworkshop, deoarece... Jetpack creează o încărcătură destul de mare pe site (au fost înghesuite o mulțime de funcționalități) și nu îmi mai pot permite cu trafic IM.

Site-ul WP-home.info este încă tânăr și o astfel de încărcare este destul de potrivită pentru el.

2. Al doilea dezavantaj vine de la primul. Plugin-ul a fost dotat cu o mulțime de funcții și instrumente care, în cea mai mare parte, nu sunt necesare pe site și chiar dacă creează interogări goale în baza de date.

Am efectuat un experiment și am dezactivat toate funcțiile Jetpack și încă încărca baza de date cu solicitări.

2. Pluginul WPtouch Mobile plugin pentru crearea unei versiuni mobile cu o versiune PRO.

Plugin grozav cu o mulțime de setări.

Nu vă fie teamă că sunt multe, toate sunt intuitive și ușor de configurat. În ceea ce mă privește, cu cât mai multe setări, cu atât mai multe oportunități de a face site-ul tău unic și de a-l adapta la designul principal al proiectului tău.

Am instalat acest plugin pe site-ul meu de asistență afiliat. Ce să spun, sunt aproape mulțumit de rezultat și voi continua să urmăresc.

Ce este bun la WPtouch pentru a crea o versiune mobilă a unui site web:

1. Plugin-ul este actualizat constant și menține utilizatorul într-o formă bună

2. Interfață rusificată și ușor de utilizat

3. Configurare avansată a meniului

5. Abilitatea de a conecta și personaliza un glisor elegant

6. Configurarea ieșirii de înregistrare

7. Selecție mare de butoane de partajare socială

8. Posibilitatea de a introduce o inserare HTML suplimentară în subsol

9. Abilitatea de a adăuga propriile stiluri

10. Previzualizează toate modificările din setări

Am atașat un videoclip cu o prezentare generală a capabilităților pluginului.

Printre deficiențele pluginului.

1. Pluginul nu încarcă prea rău site-ul atunci când este măsurat cu pluginul P3, dar mă gândesc să rezolv acest lucru cu pluginuri de cache. dar... citeste al doilea punct

2. Pluginul intră în conflict cu pluginul de cache WP Super Cache, care nu este deloc bun. Acesta este unul dintre pluginurile mele preferate de cache.

Și deși în setările WP Super Cache există funcţie compatibilitate cu WPtouch, dar funcționează de fiecare dată și totuși site-ul începe să fie atât de lent încât nu doriți nicio versiune mobilă.

De asemenea, voi testa acest plugin cu alte dispozitive de caching și voi scrie despre rezultate pe blog.

3. Plugin-ul are o versiune PRO plătită cu și mai multe funcționalități. Aș lua-o pe cea plătită, dar deocamdată trebuie să-l încerc pe cea gratuită.

3. WPSmart Mobile un plugin simplu pentru crearea unei versiuni mobile a site-ului.

Probabil cel mai simplu și mai ușor plugin pentru a crea o versiune mobilă. Voi scrie sincer că BYE, m-am hotărât.

Poftim! — multi pot spune - am condus în cerc și în sfârșit am făcut bine!

Ca în celebra glumă:

Sărută-mă pe umăr...

Ei bine, ai început același lucru de departe!

Nu! Deloc așa!

Doar că fiecare proiect are propria sa versiune de creare a unei versiuni mobile.

În numele meu, pot spune că mi-ar plăcea să folosesc pluginul WPtouch pentru InfoMastersk și ieri am chinuit site-ul pentru o jumătate de zi. Cu siguranță mulți au observat încetinirea muncii - eu experimentam!

Până acum m-am așezat pe WPSmart, un minim de setări, mai mult desigur decât în ​​Jetpack, dar tot nu suficient, deși pentru o simplă versiune light a mob-ului. Site-ul este suficient.

Avantajele WPSmart Mobile pentru crearea unei versiuni mobile a site-ului:

1. Setări simple

4. Configurarea ieșirii de știri

5. Configurare meniu

6. setări de culoare

7. Abilitatea de a conecta statistici de la Google

8. Conectarea contului dvs. Adsense

Acum să trecem prin setările WPSmart.

Un element nou a apărut în panoul din stânga al WordPress - WPSmart. Să mergem să ne cunoaștem.

Setări de bază WPSmart.

Aici poti:

Setați un alt nume pentru site,

Încărcați sigla site-ului (dimensiune optimă 400 x 50 pixeli)

Conectați căutarea și comentariile

Personalizați rezultatul știrilor (includeți data, autorul, miniatura și anunțul)

Conectați Google Analytics

Conectați-vă contul AdSense

Teme WPSmart.

Alegerea este mică, doar trei subiecte:

Cu anunțuri ale celor mai recente înregistrări și miniaturi pe lateral

Doar cu anunturi

Aducerea celui mai recent articol pe pagina principală

Aș dori mai multe subiecte și varietate, dar luăm ceea ce avem.

Aspect

În această secțiune totul este simplu, atribuim culori fundalului și textului. link-uri

Meniul

Determinăm ce meniu va fi afișat în versiunea mobilă a site-ului sau creăm unul nou.

Nu uitați să bifați caseta de selectare Activează meniul derulant pagini/linkuri.

În rest, meniul din mobil. versiunea nu va apărea.

Aproape că am uitat că există un buton de previzualizare și putem vizualiza toate modificările pe măsură ce edităm, dar trebuie să dezactivăm pluginurile de cache.

Iată o scurtă postare despre cum să faci o versiune mobilă a site-ului. Scrie în comentarii ce ai făcut și ce plugin folosești?

Și la final vreau să-ți fac un mic cadou.

Anul Nou la urma urmei! Deși VECHI, ​​este nou!

Acum prima parte a cursului „Siteul web WordPress de la începător la PRO” poate fi descărcată în format digital pe computer.

În plus, cursul include posibilitatea de a câștiga .

Puteți obține venituri suplimentare făcând câteva manipulări simple.

Aflați descarcând cursul video de pe acest link.

Crearea de proiecte la cheie de orice complexitate!
Aducerea site-urilor brute la standarde
Dezvoltarea unui design personalizat unic
Aspect și întindere pentru sisteme populare: WordPress, MODX, OpenCart Contactează-ne, o vom face eficient și frumos! Skype: ashifin Viber/Mob: V+380503613708