Din cate am citit zilele acestea, am inteles ca motorul de cautare Google pune mare accent pe optimizarea site-ului sau blogului pentru dispozitivele mobile. Ii dau si dreptate, la cat de mult s-a extins utilizarea smartphone-urilor si a tabletelor pentru navigarea pe internet. Pe langa alte reguli de care trebuie sa tinem cont cand optimizam un site, citirea acestuia de pe dispozitivele mobile este foarte importanta.
In acest articol voi scrie despre cum putem face usor de citit un site sau blog wordpress de pe smartphone sau tableta.
Exista anumite teme wordpress care se pot adapta automat pentru diferite rezolutii ale dispozitivelor. Cand o tema nu are inclusa aceasta functionalitate, este nevoie sa apelam la un plugin, care de multe ori, nu numai ca face posibila citirea usoara a site-ului de pe tableta sau mobil, dar ofera interfata frumoasa.
La un asemenea plugin am apelat si eu pentru mystreet7. Acesta se numeste WPtouch si este o solutie simpla, puternica si eleganta, care da viata site-ului pe dispozitivele mobile. Practic, acest plugin transforma site-ul si il imbina perfect pentru ecranul telefonului sau tabletei.
Pluginul este unul foarte popular cu peste 4 milioane descarcari. Dupa instalare, am testat blogul de pe un iPhone. Am fost incantat de rezultat. Din pacate, plugin-ul nu suporta si telefoanele mai vechi și mai slab performante, gen Nokia C5-03. Am testat de pe un asemenea telefon, dar nu apare nici o schimbare. In orice caz, nu cred ca ar naviga cineva pe net de pe un asa telefon in afara de mine. Pluginul ofera suport pentru iPhone, iPod touch, telefoanele mobile Android, BlackBerry OS6+ si multe altele.
WPtouch se foloseste de o tema foarte prietenoasa atat cu cititorul, cat si cu mobilul. Pentru incarcarea paginilor, acesta apeleaza la ajax si smooth effects, iar incarcarea este foarte rapida.
Pe mystreet7 folosesc versiunea gratuita a plugin-ului, dar care ofera suficiente setari si pot configura destul de multe lucruri. Cu toate ca, dupa instalare, acesta lucreaza automat fara a avea nevoie de anumite modificari.
Versiunea PRO ofera foarte multe alte caracteristici, dar la un pret care nu poate fi accesibil pentru toti. Si sa fiu sincer, nu merita sa investesti bani in blog, daca nu scoti ceva de pe urma acestuia.
Revenind la versiune gratuita a pluginului, am sa va prezint pe scurt si cateva optiuni ce pot fi gasite pe pagina de setari ale acestuia. Dupa ce l-am instalat, il gasim in WordPress Dashboard – Settings – WPtouch.
1. pluginul poate fi setat in mai multe limbi, printre care: franceza, spaniola, germana, italiana etc.. (nu si romana)
2. in mod normal, cititorului ii este servit ca homepage, ceea ce noi avem setat in Wordress – Reading Options. Adica homepage-ul site-ului nostru. Dar in cazul in care mai exista si alte pagini statice (nu articole), si sa va dau exemplu la mine: Contact, Despre, Sustine Blogul. Plugin-ul poate seta oricare dintre acestea ca homepage.
3. putem exclude anumite categorii sau taguri.
4. optiuni de listare a posturilor.
5. putem insera un mesaj care sa apara in footer
6. custom user-agents, pentru a activa plugin-ul si pentru alte dispozitive care nu sunt suportate oficial. Eu am incercat cu telefonul meu, dar nu mi-a iesit.
7. setari avansate: zoom in continut, activarea tabului cu categorii in header, activarea tabului cu taguri in header, search, posibilitatea de logare din header, afisarea sau nu comentariilor in articole sau pagina, activarea sa nu a gravatarelor in comentarii, daca la prima vizita a unui utilizator sa-i fie servita tema desktop, etc..
8. optiuni pentru personalizare, culoarea textelor, header-ului, sub-header-ului, culoarea link-urilor site-wide etc.
9. FOARTE IMPORTANT. putem alege daca afisam sau nu anunturile adsense de pe blog sau site, pe dispozitivele mobile.
10. iconite, plus posibilitatea de a incarca si altele.
Practic, plugin-ul are propria tema care transforma blogul sau site-ul si il optimizeaza pentru telefoane sau tablete in cel mai interesant mod posibil. Din pacate, nu am sansa sa vad cum apare si pe Blackberry sau Windows Phone. Daca cineva are placerea de a accesa si a face un printscreen, apoi sa-mi lase link catre imagine, as aprecia. Eu l-am testat doar de pe un iPhone si da bine.
Aveti ceva screenshot-uri aici. Descarcati WPtouch, si pagina oficiala a dezvoltatorului.
UPDATE: între timp, am renunțat la utilizarea acestui plugin pentru că tema blogului a fost actualizată, iar acum aceasta este responsive, ceea ce o face prietenoasă cu dispozitivele mobile.
Actualizare 2 – noiembrie 2023
Articolul inca este de actualitate. Pluginul inca exista si este continuu actualizat de catre dezvoltator. Acesta isi face in continuare treaba sa de a ajuta site-urile sau blogurile sa fie foarte usor de accesat de pe smartphone-uri sau tablete.
Ultima actualizare 26 September 2024 by Alexandru Ionut
Decat inca un pligin mai bine o tema responsive.
http://www.d-petre.ro/gsm-it/wordpress-gsm-it/teme-wordpress-responsive/
Pe blog inca mai folosesc un plugin numit WPMS Mobile Edition care atunci cand blogul e accesat de pe dispozitive mobile afiseaza o tema simpla.
Pai da, dar cei care nu au o tema care face treaba singura? Oricum, o tema nu poate face ce face plugin-ul asta. Sau diverse motive.
Am avut instalat prestashop. Dupa 1 am aveam indexata fix o pagina. Aveam si adaptare ptr mobil
Frate cat am cautat eu un plugin pentru pagina mea si acum accidental am ajuns la tine pe blog si am aflat de WPtouch. eu folosesc un template gratis si nu are versiunea pentru mobil si tablete. Mersi frumos, m-ai castigat ca urmaritor, LIKE!!!
Imi pare bine ca te-a ajutat articolul. Te mai astept
L-am instalat si eu. Pe iPhone merge perfect, maine verific pe Windows Phone si Android ;)
O tema responsive iti face treaba. Daca e facuta cum trebuie, atat pe desktop cat si pe mobile e simpla, se incarca repede, nu afiseaza toate rahaturile. Am vazut multe bloguri cu teme ‘suplimentare’ de mobil. Sunt urate ca naiba, de multe ori nu se pot dezactiva (sunt pe tableta, care are o rezolutie nativa suficienta incat sa vad tema normala, dar mi-e bagata aia de mobile si nu o pot scoate etc.). Cu un minim efort, orice tema se poate ‘responsiviza’ si ai terminat balciul. Ai acelasi look pe orice display, nu 2 teme care arata fiecare mai ciudat :)
Si eu am patit pe tableta sa-mi bage tema de pe mobil, cu toate ca are 10 inch. Acum nu toti avem teme responsive. Nu stiam ce trebuie sa-mi cumpar acum cateva luni. Intre timp am mai invatat. In orice caz, plugin-ul e minunat pentru mobil, iar tema nu arata deloc rau. Pe tableta, intr-adevar, putea fi afisata tema full.
PS: si sunt onorat sa te am pe aici. Multumesc de comentarii.
UPDATE
– pe samsung tab2 de 10.1, apare ok tema mea fara a fi nevoie de pluginul de mai sus
– poti comuta foarte usor, intre teme, din footer
– pentru telefoane, recomand pluginul. Au ecranele prea mici pentru anumite teme, asa ca va fi nevoie de ceva ajutator.
Am testat eu acum cateva minute. Eu vorbesc fix de blogul meu :D.
Salut.
Am facut un site in HTML, pt. desktop. Se comporta bine, dar cand intru de pe mobil sau tableta este varza. Totul este in HTML simplu, cum pot sa fac sa mi se vada bine si de pe alte dispozitive?
Niciun raspuns?
http://www.w3schools.com/html/html_responsive.asp
trebuie sa inceti sa ti-l faci si mobile responsive
http://learn.shayhowe.com/advanced-html-css/responsive-web-design/
sau descarci un template de-a gata facut si optimizat
Mersi. Spor pe mai departe.