Dacă accesezi WPBeginner astăzi, s-ar putea să fi observat că avem un nou design de site. Având în vedere că ultimul nostru design era din 2012, mulți dintre voi ați spune că era timpul să dăm o nouă față WPBeginner. Aș dori să vă împărtășesc câteva perspective din procesul nostru de reproiectare, ce am învățat, de ce a durat atât de mult și, cel mai important, ce este nou în noul design.
Un pic de context
Am lansat WPBeginner în 2009. În primii 3 ani, WPBeginner a trecut prin 4 reproiectări. Acest lucru consumă multe resurse care ar fi putut fi mai bine cheltuite pentru misiunea noastră principală:
Ajutați micile afaceri să crească și să concureze cu giganții prin intermediul instrumentelor, echipei și trainingului nostru.
După WPBv4, mi-am propus să mă concentrez pe misiunea noastră de bază, iar rezultatele sunt uimitoare.
În ultimii patru ani:
- Am creat peste o mie de tutoriale gratuite WordPress pe blogul WPBeginner.
- Am adăugat peste 500 de tutoriale video noi pe canalul nostru de YouTube.
- Am adăugat peste 100 de termeni în Glosarul nostru WordPress.
- Am lansat OptinMonster – un instrument care transformă vizitatorii site-urilor web care pleacă în abonați. Formularele noastre de abonare sunt vizualizate de câteva miliarde de ori pe lună.
- Am lansat Envira Gallery, cea mai puternică soluție de galerii WordPress, pentru a ajuta utilizatorii noștri să creeze cu ușurință galerii foto și video fără a încetini site-urile lor.
- Am lansat Soliloquy, un plugin de glisare WordPress receptiv, ușor de utilizat, care face din performanță și experiența utilizatorului prioritatea sa numărul 1.
- Am lansat WPForms, cel mai prietenos plugin de formulare WordPress pentru începători, bazat pe feedback-ul și sugestiile dumneavoastră.
- La începutul acestui an, am achiziționat Yoast Analytics și l-am rebranduit ca MonsterInsights. Suntem în proces de rescriere a întregului plugin pentru a face Google Analytics ușor de utilizat pentru începători.
În total, pluginurile noastre au fost descărcate de peste 13 milioane de ori și sunt utilizate activ pe peste 2 milioane de site-uri web.
Deși toate acestea sunt realizări grozave, avem un nou set de provocări care trebuie abordate dacă dorim să continuăm să ne îmbunătățim și să ne îndeplinim misiunea.
Acest lucru mă aduce la WPBeginner v5.
Design cu date
În ultimii ani, utilizarea dispozitivelor mobile a crescut destul de semnificativ pentru majoritatea site-urilor web. De aceea, am recomandat întotdeauna tuturor să aleagă o temă WordPress receptivă, prietenoasă cu dispozitivele mobile, atunci când încep un blog.
Acest lucru a fost puțin ironic, deoarece propriul nostru site web nu era receptiv. Am primit o mulțime de critici pe rețelele sociale de la alți designeri și dezvoltatori WordPress din comunitate.
Ocazional primeam comentarii de la cititori care întrebau de ce WPBeginner nu era receptiv.
Deși înțeleg importanța designului responsiv, este și mai important să iei decizii bazate pe date atunci când vine vorba de prioritizarea sarcinilor în afacerea ta.
În 2012, când am lansat designul WPBv4, mai puțin de 2% din audiența noastră era pe mobil.
Astăzi, în 2016, acest număr a crescut la aproximativ 7%.
Acest lucru este încă foarte scăzut în comparație cu celelalte site-uri web ale mele, cum ar fi List25, unde peste 50% dintre utilizatori sunt pe mobil.
Dar are sens, deoarece majoritatea oamenilor nu instalează pluginuri pe site-urile lor WordPress prin intermediul dispozitivelor mobile. Majoritatea oamenilor nu fac modificări de cod pe mobil. Majoritatea oamenilor nu încearcă să remedieze erori comune WordPress pe mobil.
De aceea, realizarea WPBeginner responsiv nu a fost prioritatea noastră principală. Cu toate acestea, odată ce utilizarea mobilă a depășit 5%, am început să planificăm reproiectarea care a abordat și alte provocări.
O altă provocare cu care ne-am confruntat a fost utilizarea pe site. Pe măsură ce am adăugat mai mult conținut, a devenit mai greu pentru utilizatori să găsească ceea ce căutau. De exemplu, aveam 8 articole despre accelerarea WordPress, dar nicio soluție cuprinzătoare, pas cu pas.
Am analizat cele mai frecvente interogări de căutare introduse în formularul de căutare WPBeginner pentru a crea tutoriale cuprinzătoare, pas cu pas, care sunt acum evidențiate prompt în design.
Am făcut, de asemenea, căutarea pe WPBeginner mai ușoară cu o suprapunere de căutare pe tot ecranul în antet și o bară de căutare suplimentară în bara laterală.
Pe viitor, vom facilita utilizatorilor să găsească ceea ce caută prin crearea de portaluri de conținut care valorifică creativ etichetele WordPress.
Ce este nou în WPBv5
Funcționalitatea de bază a site-ului a rămas aceeași. Iată câteva modificări notabile pe site:
Pagina de pornire
Dacă ești nou pe WPBeginner, atunci ai aprecia noua pagină Începe aici
Design de site web responsiv
Site-ul WPBeginner este acum 100% receptiv, deci arată grozav pe toate dispozitivele.
Am ales să rămânem la popularul framework Genesis pentru a construi tema noastră personalizată pentru copii.
Ghiduri cuprinzătoare
Dacă te uiți în bara laterală a fiecărei pagini, vei vedea o secțiune nouă „Am nevoie de ajutor cu…” care evidențiază ghiduri complete precum cum să accelerezi WordPress, cum să îmbunătățești securitatea WordPress, cum să optimizezi SEO pentru WordPress și multe altele.
Vizibilitate mai bună pentru produsele noastre
În recensământul WPBeginner, una dintre întrebările pe care le-am pus a fost să numiți un produs pe care îl deținem. A fost destul de surprinzător câți oameni nu știau despre produsele noastre. În noul design, vom face o treabă mai bună în a evidenția produsele pe care le deținem.
Acest lucru începe cu o nouă pagină pluginuri premium WordPress.
Vom roti, de asemenea, produsele din bara laterală, precum și din reclamele din newsletter.
FontAwesome și Font nou
S-ar putea să remarci utilizarea fontului de pictograme în noul designer. Se numește FontAwesome și sunt un mare fan al muncii lui Dave Gandy.
Folosim munca lui la toate produsele noastre și suntem susținători mândri ai FontAwesome.
Un fapt interesant, poți adăuga de fapt logo-ul WPBeginner ca font dacă folosești FontAwesome, precum și alte proprietăți ale noastre.
În noul design, folosim acum fontul Proxima Nova prin Typekit.
Noul plugin de partajare
În trecut, foloseam o variantă a pluginului Floating Social Bar.
După schimbările de la Twitter, Facebook și altele – am simțit că este momentul să creez un nou plugin de partajare pentru WPBeginner.
Extrage corect numărul de pe Twitter, dar mai important, acum are un număr total de distribuiri.
Am ales să opresc comportamentul plutitor și, în schimb, butoanele de partajare sunt acum adăugate la începutul și la sfârșitul fiecărui post. Acest lucru va contribui la o experiență mai bună a utilizatorului pe ecrane mai mici.
Noul eBook și formulare de abonare
În partea de jos a fiecărui articol, veți vedea un nou formular de abonare pentru a descărca trusa mea de instrumente WordPress. Acest eBook împărtășește exact instrumentele pe care le folosim pe site-urile noastre.
Este diferit de blueprintul WPBeginner deoarece acesta vă arată doar ce folosim pe WPBeginner.
eBook-ul cu instrumente este mai cuprinzător.
De asemenea, am înlocuit formularul de abonare din bara laterală cu MonsterLinks, un proces de abonare în 2 pași. Formularul de abonare din bara laterală nu a convertit la o rată suficient de mare pentru a justifica spațiul ocupat. Deci, acum, dacă doriți să vă abonați prin e-mail, o puteți face făcând clic pe pictograma de e-mail din bara laterală.
Ce urmează
Pe lângă modificările front-end, am făcut multe modificări back-end care vor facilita echipei WPBeginner crearea de ghiduri mai cuprinzătoare în lunile următoare.
Site-ul de abonament pentru video-uri WPBeginner va fi renovat. În prezent, folosește încă tema veche.
Vom transforma acest lucru într-un sistem LMS care va reuni cursul de videoclipuri pentru începători și cele peste 500 de videoclipuri YouTube ale noastre într-un loc centralizat.
Scopul acestui site ar fi să oferim cursuri mai organizate pentru a facilita utilizatorilor să învețe WordPress rapid.
Vreau să vă mulțumesc tuturor pentru sprijinul și feedback-ul dumneavoastră.
Cu stimă,
Syed Balkhi
Fondator al WPBeginner
Vipin
Salut,
Designul arată grozav.
De fapt, și eu îmi doream același aspect pentru site-ul meu, care este, de asemenea, legat de afacerea cu oferte și cupoane. Am configurat și framework-ul Genesis și tema copil Genesis-Simple, dar nu știu cum ai realizat opțiunea de comutare a antetului și postarea de oferte, mă poți ghida?
Mulțumesc
Vipin Singh
Shola
ei bine, nu știam vechiul design, dar oricum îmi place noul design. de fiecare dată când intru pe acest site, simt că designul site-ului meu ar putea fi așa. mulțumesc temei wpbeginner. voi faceți o treabă grozavă. o zi bună.
Suport WPBeginner
Salut Shola,
Thanks for the kind words.
Admin
Atul
Acest design plat arată destul de bine pe toate dispozitivele. Arată mult mai bine acum.
Aaditya Sharma
Sunt un cititor obișnuit al site-ului dvs., noul design al site-ului este o îmbunătățire față de cel anterior, dar nu mă face să spun OMG.
Poate lățimea site-ului poate crește.
Ekesmall
Wow, sunt atât de bucuros să văd designul responsiv, deoarece era destul de dificil să vizualizezi site-ul pe telefonul mobil înainte, dar acum este bine.
Srivalli
Felicitări Syed, noul aspect arată foarte ordonat și frumos. Apropo, este noul tău plugin de partajare disponibil și pentru alți utilizatori? Arată foarte ordonat și semnificativ.
Personal editorial
Salut Srivalli,
No the new share plugin is not public yet
Admin
Srivalli
Mulțumesc, sper să o faceți publică în curând...:)
Businge Brian
Acest lucru este cu adevărat uimitor. Îmi place noul design. Am fost aici ieri, m-am trezit, mi-am verificat site-ul preferat de tutoriale WordPress și am fost încântat de ceea ce am văzut. Foarte grozav, băieți.
Personal editorial
Glad you liked it Businge
Mulțumesc pentru cuvintele frumoase.
Admin
LH Louis
Îmi place bara de partajare plutitoare. Mashable are una grozavă!
P.S. Mi-ar plăcea să am backlinks aici…
Personal editorial
Mulțumesc.
Dacă vă referiți la backlinks în comentarii – am eliminat asta, deoarece atrăgea prea mult spam.
Admin
Muhammad Imran
Design grozav, felicitări echipei WB
M Imran
Personal editorial
Mulțumesc Imran
Admin
Diane
.Îmi place noul design. Doar de dragul curiozității, ce părere ai despre anunțul Google privind pop-up-urile și clasamentele? Pentru o dată, sunt de acord cu Google în această privință. Nu am mai stat pe site-ul tău decât câteva secunde înainte de a apărea un pop-up care mă ruga să mă abonez (deja sunt abonat). Nu am avut timp nici măcar să verific conținutul și să văd dacă îmi place, și mi se cere să mă abonez. A devenit un factor constant de iritare online. Există o modalitate prin care poți adăuga urmărire la opt in monster, astfel încât, dacă dau click din newsletter-ul tău, pop-up-ul de abonare să nu apară? Acum, asta ar fi un punct de vânzare.
Oricum, divaghez (nu m-am putut abține, pop-up-ul a fost FOARTE enervant!!) – site-ul tău arată grozav și conținutul tău este cu adevărat fabulos. Întreabă vizitatorii dacă doresc să se aboneze după ce au avut timp să citească conținutul tău și s-ar putea să descoperi că vei obține o rată de abonare mai mare...
Personal editorial
Salut Diane,
Mulțumim pentru feedback-ul dumneavoastră.
Am scris despre noile reguli Google Mobile Friendly pentru pop-up aici:
http://optinmonster.com/the-new-google-mobile-friendly-rules-for-popups/
Admin
Herwig
Îmi place noul design! Doar o întrebare: pluginul dvs. nou de partajare este disponibil undeva? Arată chiar grozav!
Personal editorial
Salut Herwig,
Mulțumim pentru cuvintele frumoase. Pluginul de partajare nu este disponibil în acest moment, deoarece a fost codificat personalizat pentru WPBeginner. S-ar putea să îl lansăm în viitor, dar nu este încă gata pentru lansare publică.
Admin
Betty Johnston
...OK! excelent!.. Te urmăresc de mult timp... această actualizare este rapidă... UX-UI super... clar... (cu excepția logo-ului tău... puțin neclar)... Îmi plac culorile contrastante... și instrucțiunile ușoare... Sunt de acord cu tine; Nu folosesc Note5 pentru a repara nimic.... personal citesc totul când nu sunt la birou și apoi aplic tot ce am nevoie de pe desktop/laptop... Sunt nerăbdător să verific multe lucruri unde am nevoie de ajutor... Mulțumesc și Felicitări...!!
Personal editorial
Thanks for the feedback Betty. We appreciate it
Admin
Salman
Site-ul arată grozav. Mai bine decât versiunea anterioară.
Poți face o listă cu toate instrumentele și tehnologiile pe care le-ai folosit la crearea acestui site și să le publici? Ar fi minunat. Mulțumesc.
Personal editorial
Salut Salman,
Avem o listă cu tot ce folosim pe WPBeginner aici: https://www.wpbeginner.com/blueprint/
Admin
TeQuan Douglas
Salut, Syed!
Wow… WPBeginner este de fapt mult mai rapid decât a fost întotdeauna, trebuie să spun că îmi place acest nou design. Folosesc WPBeginner de cel puțin 5 ori pe zi, continuați munca bună..
Personal editorial
Thank you TeQuan
Admin
Brin Wilson
Well done: looks fab – simple, clean and well thought out. Impressive.
Personal editorial
Mulțumesc, Brin
Admin
Lisa
Foarte frumos – felicitări lui Syed și echipei și StudioPress!
Personal editorial
Thanks Lisa
Admin
Neil Forrester
Salut Syed,
Felicitări pentru noul design și mulțumesc pentru toate tutorialele WordPress. Consult site-ul dvs. în mod regulat și cred că este o resursă de neprețuit.
Cu cele mai bune urări,
Neil Forrester | pixelfire.com.au
Personal editorial
Mulțumim Neil – apreciem sprijinul dvs.
Admin
Henri Lotin
Salut, la WPBeginner!
Felicitări întregii echipe.
M-am plâns acum luni de zile că site-ul nu era receptiv. Acum sunt servit, și bine servit.
Toate degetele sus, din Camerun!
Personal editorial
Vă mulțumim pentru răbdare și sprijinul continuu, Henri. Apreciem cu adevărat.
Admin
Izham
Îmi place noul design. La început și eu m-am întrebat de ce WPB nu avea un design receptiv.
După ce am citit asta, acum înțeleg de ce.
Treabă excelentă WPB!
Am dat peste blogul tău și are multe de îmbunătățit experiența mea cu WP.
Îmi place cum ați explicat. Insight-urile lor sunt adevărate, arătând că echipa dvs. chiar le testează înainte de a scrie despre ele. Nu ca niște bloguri care doar copiază și lipesc și editează doar pentru a se clasa pe Google.
Vă voi urmări, băieți.
Personal editorial
Mulțumesc Izham.
Admin
Mike
Îmi place noul design. Deși este adevărat că atunci când lucrez la site-urile mele, nu sunt pe mobil. Primesc emailurile dvs. pe mobil și destul de des le salvez pentru a le citi la cafeneaua mea locală. Acest lucru va face lucrurile mult mai bune. Mult succes cu noul design.
Personal editorial
Thanks Mike – yup that was the most common use-case. People read emails via phone and then come to our site. Hopefully it will be a much better UX now
Admin
Adrienne
Aproape „timp”! Lol, îți citesc lucrurile în tren și era enervant să trebuiască să redimensionez pagina.
Adrienne
Nu, serios, vă iubesc, băieți!! Continuați așa!!
Ben
Salut Syed,
Un nou aspect grozav pentru o resursă grozavă despre tot ce ține de WordPress.
Îmi place foarte mult ceea ce ați făcut și cu mesaje clare pe tot parcursul.
Mulțumesc că ne-ai informat pe toți despre proces și despre cum ai procedat.
Poate inspira pe unii să facă o reîmprospătare!
Toate cele bune
Ben
OBINNA DURU
Bună, WP Beginner, am început recent să lucrez cu wordpress cms și am găsit foarte ușor, deoarece folosesc majoritatea (dacă nu toate) materialele de pe site-ul dvs. Construiesc site-uri web pentru clienți și am o companie de găzduire gratuită pe care o folosesc. Navighez pe site-ul dvs., cel puțin, nu mai puțin de 8 ori pe zi, căutând soluții pentru a rezolva problemele clienților mei. Navigam pe site-ul dvs. când, brusc, s-a schimbat de la vechiul design la acesta nou! Mi-a plăcut mai mult cel vechi decât acesta, deoarece designul anterior afișa un meniu de navigare pe lățime completă pe telefonul meu mic, făcând navigarea foarte ușoară, dar acest nou design micșorează toate elementele de navigare într-un "MENU" pe care trebuie să dau clic înainte ca restul să fie afișat! Aș dori să profit de această oportunitate pentru a întreba: „cum pot elimina responsivitatea dintr-o temă wordpress și să o fac să afișeze un meniu de navigare pe lățime completă chiar și pe smartphone-uri. Unul dintre clienții mei a cerut acest lucru și nu pot rezolva acea problemă. Mulțumesc și Dumnezeu să vă binecuvânteze.
OBINNA DURU
Folosesc o temă din directorul de teme WordPress și numele temei este WP knowledge base. cum pot elimina receptivitatea de la tema respectivă și de la toate temele în general, făcând-o să afișeze un MENIU DE NAVIGAȚIE FULL WIDTH chiar și pe ecrane mici de telefon, exact ca designul dvs. anterior. Dumnezeu să vă binecuvânteze.
Suport WPBeginner
Salut Obinna,
Mulțumim pentru feedback. Majoritatea utilizatorilor consideră că meniul de navigare restrâns este mai ușor de utilizat pe ecrane mai mici. Este mai ușor de atins și mai multe elemente pot fi afișate în meniu.
Dacă doriți să utilizați meniul pe lățime completă, atunci puteți începe cu o temă WordPress care nu este complet receptivă. Puteți seta lățimea și prin CSS.
Admin
Mitch
Mă bucur să văd actualizarea și tot ceea ce aduce.
Trebuie să spun, NU aveam idee că sunteți proprietarii acelor plugin-uri!
Sincer, credeam că cineva cu mai puțin decât dorite scrupule a preluat Yoast Analytics, așa că este grozav să știu acum că cineva la fel de reputat ca WPBeginner este proprietarul!
Scott Buehler
Arată grozav și rapid.
Personal editorial
Thank you
Admin
Josalone Wordsworth
Urmăresc acest site în liniște de 4 ani, mă bucur că noile voastre schimbări sunt practice pentru ceea ce îi învățați pe novici ca mine atunci când construiesc site-uri wp (mobile first).
Continuați-vă munca excelentă, dumneavoastră și echipa dumneavoastră.
Personal editorial
Thanks for the kind words Josalone. We appreciate your support
Admin
Ahmad Awais
Felicitări echipei WPB! Noul design arată destul de bine. "Era și timpul"!
Personal editorial
Mulțumesc Ahmad pentru cuvintele frumoase.
Admin
Sidah
Arată grozav.
Poate ar trebui să faci wpbeginner la o rezoluție mai mare? Arată rău pe iPhone 6.
Cu stimă
Personal editorial
Site-ul actual nu este retina deoarece vrem să ne asigurăm că este rapid în întreaga lume (chiar și pe conexiuni mai lente).
Admin
Dick Motta
Aștept cu nerăbdare actualizările. Vreau să fac modificări pe site, dar cumva mă distrag. Sper să pot petrece mai mult timp învățând procedurile WP.
Personal editorial
Mulțumesc
Admin
Parvez Afshar
Este drăguț și creativ – încearcă să-l faci cel mai frumos și ușor de utilizat. Absolut uimitor acum, felicitări.
Carlito Thomas
Îmi place noul design! Totuși, logo-ul tău principal este puțin neclar.
Arief Mardianto
Fac mereu ce face WPB. Viața WPBv5
Stephen
Noul design este simplu, dar puternic.
Felicitări ție și echipei tale, Syed.
Personal editorial
Thanks Stephen
Admin
Ajay
Actualizare executată uimitor! Vă mulțumim pentru ceea ce faceți pentru comunitatea WP
Personal editorial
Mulțumesc Ajay
Admin
Dawn Groves
Bravo, Syed. Mai ales descrierea "cum ai făcut-o". Cu siguranță o altă ofertă cu valoare adăugată.
Dawn
Personal editorial
Thanks Dawn
Admin
Gayle Hardy
Treabă excelentă! Felicitări, site-ul arată grozav și toate upgrade-urile tale au sens perfect. Apreciez toate sfaturile, trucurile și instrucțiunile ușor de urmat pe care le-ai împărtășit de-a lungul anilor și aștept cu nerăbdare să învăț mai multe despre WP în anii următori.
Personal editorial
Mulțumesc Gayle pentru sprijinul tău continuu.
Admin
Herb Trevathan
Bine lucrat. Îmi place Genesis : ) Folosesc des fragmentele tale.
Personal editorial
Thanks Herb – appreciate your support
Admin
Suman Gaudel
Mă bucur să văd WPB într-un design receptiv.
Personal editorial
Cheers
Admin
Sowmay
Unde pot obține noul tău plugin de distribuire socială?
Suport WPBeginner
Salut Sowmay,
Este un plugin personalizat pe care l-am dezvoltat pentru uz propriu.
Admin
Pat Fleck
I agree with Adeel. It looks like you have put a lot of thought into the re-design. Also good to see that the site is now responsive
Personal editorial
Thanks Pat
Admin
Dallas
Îmi place noul aspect al site-ului. Treabă bună! Se pare că lățimea totală este de aproximativ 940px. A existat vreun motiv specific pentru a alege lățimea îngustă?
Personal editorial
Deoarece majoritatea imaginilor de conținut au o lățime de 520px. Dorim să ne asigurăm că site-ul nostru rămâne rapid, deoarece mulți dintre utilizatorii noștri nu au internet rapid. Trecerea la o lățime mai mare a conținutului și încărcarea imaginilor de dimensiuni mai mari încetinesc și mai mult site-ul.
Acest lucru nu este vizibil în partea de vest a lumii, dar multe alte țări au internet foarte lent.
Admin
Wesley Banks
Dacă nu ai fi fost la fel de preocupat de dimensiunile imaginilor existente sau de vitezele lente de internet, ai fi schimbat lățimea? Mă lupt mereu când creez site-uri noi, care este cea mai bună lățime de conținut. Deci, aș dori să aud orice perspectivă. Mulțumesc!
Personal editorial
Aș fi proiectat-o la 1140 la acel moment, deoarece imaginile mai mari arată cu siguranță mai frumos.
Doug
Treabă bună, Syed.
Personal editorial
Mulțumesc Doug
Admin
Andre
Uimitor, pur și simplu uimitor!
Personal editorial
Mulțumesc Andre
Admin
Teresa Maslonka
Felicitări pentru noul redesign și mulțumesc pentru schimbările dumneavoastră atent gândite. Sunt cu adevărat entuziasmat să explorez site-ul!
Personal editorial
Mulțumesc, Teresa, pentru cuvintele frumoase.
Admin
Sowmay
Syed, am găsit acest design mai adorabil decât cel anterior.
Personal editorial
Mulțumesc
Admin
Banna
Designul arată bine.
Dar în timp ce derulez în jos prin articol, îmi lipsește bara laterală. Pare că avem mult spațiu.
Personal editorial
Mulțumesc pentru feedback Banna. În zilele următoare, vom adăuga casete de derulare pentru a adăuga conținut relevant pentru unele articole.
Admin
Adeel Sami
Salut, Syed!
Acest design este pur și simplu uimitor — curat, simplu și elegant!
Congrats!
Neal Umphred
Foarte frumos, într-adevăr…
kharid
mulțumesc mult pentru acest articol