în 2017, a existat o oportunitate la compania în care lucram pentru a învăța designul web.
am început să învăț HTML, CSS și Javascript. Mi-a plăcut destul de mult. Până când am dat peste primele mele bug-uri. Mai târziu, mi s-a atribuit un proiect secundar: un site web real. Am fost încântat, colegii mei au fost acolo pentru mine când am cerut ajutor.
câteva luni mai târziu lucram la o misiune WordPress pro-bono pentru un ONG.
permiteți-mi să afirm că eram pe piața călătoriilor și făceam marketing. Dar a existat această cultură a împuternicirii oamenilor în învățarea de noi abilități.
sunt tipul DIY și am realizat că curba de învățare pentru codul de învățare este mult mai lungă decât se aștepta. Cu WordPress, lucrurile au funcționat diferit.
Fast forward, în 2020, am ajuns să lucrez pentru producătorii Colibri, Colibri fiind un popular constructor de pagini WordPress drag and drop.
lucrurile sunt atât de ușor astăzi cu astfel de instrumente. WordPress poate împuternici cu adevărat oamenii să construiască un site web de la zero în cel mai scurt timp. Și inspirația pentru site-uri web este doar…peste tot pe internet.
acum, aici sunt pași:
- alegeți numele dvs. de domeniu
- achiziționați găzduire de site-uri web
- familiarizați-vă cu interfața WordPress
- instalați o temă WordPress
- construiți site-ul dvs. WordPress
- instalați pluginuri WordPress vitale
deoarece nu este suficient pentru a avea un site web supercalifragilisticexpialidocious, am un bonus pentru dvs. la sfârșitul ghidului: sfaturi și trucuri de design UX.
dar înainte de a sări în subiect, vreau să strălucesc o lumină asupra unui alt subiect. Nu va dura mult, promit.
cât costă un site web WordPress?
dacă vrem să facem o defalcare a costurilor pentru un site web WordPress, iată ce ar trebui să includem:
- cumpărarea unui domeniu: prețurile pot începe de la 15 USD/an
- achiziție de găzduire: prețurile încep de la 8 USD/an
- temă WordPress. Acum, în funcție de nivelurile de personalizare și de câte funcții doriți să includeți, puteți începe cu 0 USD. Dacă nu doriți să vă stabiliți cu un site web de bază, planurile tematice WordPress anuale se învârt în jur de 70 USD.
- plugin-uri WordPress. Multe dintre ele sunt gratuite, dar dacă doriți Opțiuni avansate, va trebui să faceți upgrade la un plan de plată.
acest lucru înseamnă că site-ul cel mai de bază va începe de la $23/an. În momentul în care doriți funcții tematice avansate, Costul va crește la aproximativ 100 USD/an.
când faceți upgrade plugin-uri, s-ar putea sfârși prin a plăti în jur de $200-500 un an.
dacă doriți ceva personalizat și trebuie să apelați la un dezvoltator WordPress, costurile pot depăși 1000 USD în primul an.
pentru magazinele online, costurile pot crește semnificativ, deoarece aveți nevoie de o mulțime de funcționalități, iar performanța și securitatea sunt de top.
acum că clarificăm acest lucru, este timpul să ajungem la partea de jos a subiectului nostru astăzi: cum să creați un site web WordPress în 2021.
alegeți numele dvs. de domeniu
sursă: https://unsplash.com/photos/N1XUwR8iOf0
dacă nu știați încă acest lucru, numele domeniului este numele companiei sau Numele produsului. Numele pot fi foarte puternice, așa că nu vă grăbiți atunci când vă alegeți numele de domeniu. Dacă simțiți că vă răcoriți, nu vă faceți griji, există instrumente care vă pot ajuta.
sfaturi și trucuri pentru site-ul nume de domeniu Alegerea
am fost a face unele brainstorming pentru un domeniu site-ul pentru o afacere un timp în urmă și a dat seama că „Wazz” suna destul de interesant. Este scurt, ușor de reținut. Dar în momentul în care l-am căutat pe Google, Ei bine….lasă-mă să spun, am izbucnit în râs. În argoul Britanic, însemna”urinare”. Oameni buni, Faceți-vă cercetările.
mai târziu, am vrut să numesc site-ul meu de fotografie. Analizam „moonshine”. M-am simțit atât de frumos, romantic, de basm…cu excepția faptului că nu a fost. se pare că a însemnat „alcool ilicit distilat sau contrabandă”.
deci, asigurați-vă că denumirea dvs. este unică, memorabilă și nu are nicio semnificație ciudată în engleză sau în altă limbă populară (de exemplu: spaniolă) dacă doriți să mergeți internațional. Dacă sunteți o afacere locală, s-ar putea sări peste acest lucru.
acum, să ne uităm puțin la o listă de verificare minusculă pentru alegerea unui nume de domeniu pentru site-ul dvs. WordPress:
- faceți o listă de cuvinte cheie relevante pentru afacerea/produsul dvs. Gândiți-vă la modul în care utilizatorii ar trebui să se simtă după utilizarea produsului. Să presupunem că aveți o linie de produse pentru piele bazată pe ingrediente naturale. Lista dvs. poate conține cuvinte precum” piele”,” îngrijire”,” sigur”,” natural”,” frumos”,” proaspăt ” etc. Utilizați un instrument precum Namelix sau Novanym pentru a genera idei de nume de domeniu.
- verificați semnificația numelui de domeniu nou găsit. Întotdeauna am google ca acest „{introduceți numele aici} sens”. Voi încheia cu explicații din dicționar. Apoi, mă duc la Google images și văd cum se potrivește. Poate că există un cântăreț cu acest nume, un nume de desene animate manga etc. Dacă da, va trebui să refaceți procesul.
- căutați numele de domeniu pe Facebook sau LinkedIn pentru a vedea dacă există o pagină de afaceri cu acest nume.
- verificați dacă există un domeniu web disponibil pentru vânzare. Pentru multe site-uri, „.com” este cel mai bun domeniu de nivel superior (TLD), urmat de „.org”,”. net” sau”. io”.
- cumpărați-vă numele de domeniu. Puteți face acest lucru prin intermediul unui registrator de domenii, cum ar fi GoDaddy sau prin intermediul furnizorului dvs. de găzduire.
și aceasta ne conduce la următorul capitol.
Acquire website hosting
fiecare site pe care l-ați vizitat vreodată este găzduit pe un server. Aceasta înseamnă că va trebui să achiziționați găzduire web de la un furnizor de găzduire.
având în vedere că construim un site web WordPress, puteți alege un plan de găzduire WordPress.com sau un alt furnizor de găzduire terță parte.
permiteți-mi să clar ceva înainte de a continua. Există wordpress.com și wordpress.org. diferența este că pe WordPress.com puteți găzdui și construi un site web. Din WordPress.org de obicei, achiziționați teme și pluginuri pentru site-ul dvs. web, care este găzduit în altă parte. Puteți compara WordPres.com planuri aici.
ipoteza acestui ghid este că doriți cu adevărat să construiți un brand și să aveți control deplin asupra site-ului dvs. web. Aceasta înseamnă că veți merge la un furnizor de găzduire terță parte.
există trei servicii principale de găzduire: Găzduire Partajată, VPS și găzduire gestionată. În prima situație, resursele serverului sunt împărțite între mai multe site-uri. Pe termen lung, dacă aceste site-uri cresc, și a ta, de asemenea, s-ar putea întâlni probleme de performanță. S-ar putea să vă dați seama că aveți nevoie de un serviciu VPS sau de un plan de găzduire gestionat.
deci, trebuie să aveți în vedere acest lucru atunci când alegeți un furnizor de găzduire: care sunt obiectivele tale de afaceri?
dacă te duci cu VPS hosting, resursele vor fi în continuare partajate, dar veți obține un anumit control asupra lor. Veți vedea îmbunătățiri și în ceea ce privește securitatea și performanța.
Managed hosting este un fel de serviciu „la carte”. Veți obține propriul server fizic pentru dvs. și veți vedea un impuls în performanță și securitate.
cu siguranță, lucrurile pot deveni mai complicate decât aceasta, dar am vrut doar să pictez imaginea de ansamblu a găzduirii.
apoi, când analizați planurile, aruncați o privire mai atentă:
- prețuri
- stocare
- suport
- performanță
Unii furnizori de hosting au unele caracteristici suplimentare ambalate, cum ar fi oferta de domeniu (de exemplu: Namecheap), site-ul constructor (de exemplu: GoDaddy), Opțiuni de e-commerce, etc.
acum, probabil că ați observat până acum unele site-uri web folosind „HTTP” sau „HTTPS”. Ce-i cu alea?
HTTP este baza web-ului modern. Conectează browserele și serverele și funcționează pe bază de cerere-răspuns. Acum, extra ” s ” înseamnă conexiunea la site-ul este criptat și datele partajate cu site-ul este sigur.
să presupunem că un utilizator efectuează o plată pe site-ul dvs. web sau se conectează la un cont. Informațiile pe care utilizatorul le va introduce vor fi private. Sigur de hacking. Acest lucru se întâmplă prin tehnologia SSL, care înseamnă „Secure Sockets Layer.”Pentru consumatori, văzând” HTTPS ” semnale de încredere, pentru că puteți proteja datele și confidențialitatea acestora. Aceasta înseamnă că va trebui să achiziționați un certificat SSL.
asigurați-vă că planul ales include și acest lucru.
în momentul în care achiziționați planul de găzduire și ați configurat detaliile de conectare, singura piesă lipsă va fi WordPress în sine. Majoritatea furnizorilor de găzduire de acolo vă permit să instalați WordPress din tabloul de bord/expertul lor. Totul este destul de intuitiv.
cum vă veți conecta la site-ul dvs.? Ușor peasy. Trebuie doar să introduceți în browser Adresa site-ului dvs. web și să adăugați la acesta „/wp-admin”, așa cum se vede mai jos.
familiarizați-vă cu interfața WordPress
Tabloul de bord WordPress are 9 secțiuni. Să ne uităm la ele.
Setări WordPress
în această secțiune, există încă 7 elemente de meniu. Voi descrie pe scurt cele mai importante lucruri care trebuie făcute aici.
- sub „General” puteți configura titlul site-ului, sloganul, adresa URL, fusul orar, formatul datei & și limba.
- sub „lectură” veți „spune” WordPress care pagină servește ca pagină de pornire și care este „blogul”dvs. Acesta este un pas important. De asemenea, veți alege câte postări de blog pot apărea pe o pagină sau dacă doriți ca site-ul dvs. să fie indexat de Google.
- sub „discuție” veți face configurarea comentariilor blogului.
- în interiorul „Media” puteți stabili dimensiunile maxime în pixeli de utilizat atunci când adăugați o imagine în biblioteca Media.
- în” Permalinks ” veți configura formatul adreselor URL.
- puteți defini paginile politicii de confidențialitate în „Confidențialitate”.
cel mai bun mod de a aborda panoul „Setări” este să introduceți toate aceste elemente și să completați informațiile lipsă, doar pentru a vă asigura că nu săriți nimic important. Lucrurile sunt destul de simple, așa că nu vă faceți griji. Toate Configurarea se poate face în mai puțin de 30 de minute.
pagini și postări WordPress
ceea ce trebuie să știți este că conținutul dvs. va intra în „pagini” sau „postări”. Aici îți vei petrece 95% din timp.
„paginile” sunt statice. Puteți avea o pagină „pagină de pornire”, „servicii”, „Contactați-Ne”, veți obține punctul. Sub postări puteți avea cele mai recente articole de pe blog, poate portofoliul dvs. Acestea sunt pagini dinamice, deoarece plasează automat cel mai nou conținut al site-ului dvs. în partea de sus.
când selectați „postări” din tabloul de bord, veți putea crea o postare, vizualiza toate postările și gestiona etichete și categorii.
puteți crea o postare nouă dacă selectați „Adăugați nou” așa cum se vede mai sus sau accesați „toate postările” și apoi selectați „Adăugați nou”.
aceleași lucrări pentru pagini.
ceea ce veți vedea în „toate paginile” sau „toate postările” sunt câteva pagini implicite și postări implementate de tema dvs.
acum, cum puteți edita o postare sau o pagină?
când treceți peste paginile și postările implicite, veți vedea câteva opțiuni: editare, editare rapidă, coș de gunoi, vizualizare. În captura de ecran de mai sus există și „editați în Colibri”. Acest lucru se datorează faptului că am instalat un plugin care vă permite să personalizați paginile folosind colibri WordPress builder (dar vom vorbi puțin mai târziu despre acest lucru).
WordPress media
toate mass-media merge aici: imagini și clipuri video. Puteți să le glisați și să le fixați sau să le încărcați.
puteți adăuga, de asemenea, mass-media de la nivel de post/pagină. Vă voi arăta mai multe despre acest subiect mai târziu.
Comentarii WordPress
a 4-A secțiune a tabloului de bord se numește „Comentarii”. Aici puteți gestiona comentariile postărilor dvs. Veți primi tone de comentarii spam care pot fi mutate în spam sau gunoi. Puteți aproba cele relevante.
meniul „Aspect”
la acest nivel puteți:
- căutați, instalați și activați o temă (mai multe detalii în capitolul următor).
- Personalizați widgeturile pentru a adăuga blocuri de conținut în barele laterale, subsolurile și alte zone ale site-ului dvs.
- definiți meniurile site-ului dvs.
- adăugați o imagine de fundal pe site-ul dvs.
- editați codul temei dvs. în „Editor temă” (recomandat numai dacă sunteți dezvoltator).
acum, în momentul în care activați anumite pluginuri, este posibil să vedeți câteva elemente de meniu noi sub „aspect”. În acest caz, deoarece am activat Tema Skyline, vedem o opțiune pentru a o configura sub „Setări SkylineWP”. Fiecare temă poate veni cu propriul setup.
„Install Plugins” este celălalt element de meniu suplimentar adăugat de tema Skyline. Aici veți vedea câteva recomandări de pluginuri care funcționează bine cu Skyline.
acest lucru ne conduce la următorul nostru element de meniu.
pluginuri
există o mulțime de funcții care nu pot fi gestionate doar de temă, cum ar fi optimizarea SEO, auditul SEO, securitatea site-ului web și back-up, tabele, formulare, funcții de comerț electronic și multe altele. Pluginurile sunt aici pentru a compensa lipsa unor astfel de opțiuni.
Iată un mic tutorial despre cum să instalați, să activați și să dezactivați pluginurile. Totul este intuitiv și ușor de utilizat.
utilizatori
la acest nivel, veți decide cine are acces la site-ul dvs. web. Puteți oferi acces la colaboratori, autori invitați, editori și multe altele, în funcție de nevoile dvs.
Tools
sub „Tools” veți avea opțiunea de a importa și exporta datele tools către și de la alte sisteme de gestionare a conținutului (de ex. Blogger).
există, de asemenea, o secțiune” sănătatea Site-ului”, care vă arată informații critice despre configurația WordPress și elementele care necesită atenția Dvs., cu câteva sfaturi.
deoarece trebuie să respectăm politicile de confidențialitate, aici puteți exporta sau șterge date personale pentru utilizatorii dvs.
și, cu aceasta, am înfășurat Capitolul tabloul de bord WordPress.
să trecem la afaceri mai interesante.
cum se instalează o temă WordPress
pentru aceasta, trebuie să accesați tabloul de bord al administratorului WordPress, faceți clic pe „aspect” din meniul din stânga, apoi pe „teme”.
apoi, faceți clic pe butonul „Adăugați nou”.
veți vedea o grămadă de șabloane care apar și le puteți filtra după cele mai recente, recomandate, Popularitate…sau după caracteristici.
suntem mândri să spunem că propriile noastre teme Mesmerize și Colibri sunt listate în top 20 cele mai populare teme WordPress.
în momentul în care alegeți o temă, faceți clic pe „Instalare”, apoi pe „Activare”.
de asemenea, puteți activa tema WordPress dacă vă întoarceți la aspect-> teme.
întregul proces de instalare este explicat și în tutorialul nostru.
acum sunteți gata de rock and roll!
prin GIPHY
Construiți-vă site-ul WordPress
în WordPress, designul site-ului dvs. web depinde de tema aleasă. Dacă aveți nevoie de ceva în plus, bine…s-ar putea nevoie pentru a găsi ceva pentru a completa caracteristicile lipsă.
de obicei, fiecare temă WordPress are 2 modele: unul pentru blog și unul pentru pagini. Culorile sunt limitate, nu există personalizări speciale. Aceasta înseamnă că, la un moment dat, pluginurile vor fi utile.
acum, temele WordPress au un personalizator de teme cu funcționalitate de bază. Sunt potrivite pentru cei care nu au nevoie de funcții personalizate și doresc să-și construiască site-ul foarte repede. Când aveți nevoie, puteți adăuga propriile stiluri CSS. Doar asigurați-vă că alegeți o temă care are un aspect care se potrivește cu propria viziune.
cum puteți personaliza o temă? Doar peste cap de la aspectul- > personaliza.
din partea stângă, puteți alege ce să modificați: conținut, meniu și multe altele. În partea dreaptă, există previzualizarea site-ului dvs. web. Puteți schimba textul în timp real, făcând clic pe pictograma creion.
de cealaltă parte a poveștii, avem Constructori WordPress. Sunt pluginuri care vă ajută să construiți site-uri web cu adevărat unice. Puteți modifica aspectul temei dvs. complet.
în cazul nostru, Skyline preinstalează un astfel de constructor numit Colibri, îl vom folosi ca exemplu.
în funcție de versiunea temei, cea gratuită sau plătită, aveți diverse elemente cu care să vă jucați: de la anteturi, secțiuni specifice de pagină, la componente mai mici, cum ar fi apeluri la acțiune, file, contoare, acordeoane și multe altele.
puteți edita tema dvs. ca înainte, de la aspect-> personalizați sau luați comanda rapidă, așa cum se arată mai jos.
ce se schimbă? Veți avea acces la mai multe funcții din interiorul personalizatorului.
în afară de utilizarea customizer, există o altă opțiune pentru personalizare site – ul în WordPress-editorul implicit. Îl puteți accesa din opțiunea” Editați ” de sub fiecare postare și pagină. De asemenea, în momentul în care adăugați o nouă postare sau pagină, veți intra direct în editorul implicit (cu excepția cazului în care aveți un constructor activat).
Deci, în următorul nostru capitol vom merge în profunzime cu cum să:
- creați un site web WordPress folosind un constructor de pagini WordPress
- creați un site WordPress folosind editorul WordPress implicit
A. cum să construiți un site web WordPress folosind constructori de site-uri gratuite
constructorii de site-uri WordPress vă ajută să duceți personalizatorul WordPress la un nivel cu totul nou. Veți putea personaliza totul: anteturi, conținut de pagină, subsoluri, meniuri de navigare, stil global, individual, îl numiți! Nu sunt necesare abilități de proiectare sau codificare!
este de obicei un proces drag and drop. Și nu trebuie să vă faceți griji cu privire la designul mobil, constructorii au aspectul de reacție acoperit.
cum să ajustați setările site-ului web în personalizatorul
uitați-vă la panoul din partea stângă. Acum derulați în jos până la „Setări generale”.
Iată unde puteți configura:
- numele site-ului dvs.
- schema generală de culori și tipografia site-ului dvs. web.
- șabloane pentru blog, antet și subsol: ce Fundaluri să utilizați, distanțe, margini, umbre etc.
- spațiere: butoane interioare, coloane etc.
- custom CSS Styling
cum se creează conținut în WordPress folosind Constructori
așa cum am menționat anterior, dacă doriți să creați o nouă pagină de site web, accesați „pagini” și selectați „Adăugați nou”. Veți fi direcționat către editorul WordPress implicit, unde vă veți numi pagina. Apoi, selectați”Editați cu Colibri”.
când doriți să editați o pagină WordPress existentă, trebuie doar să faceți clic pe „Editați În Colibri”.
cum să adăugați secțiuni la paginile dvs. WordPress
fiecare semn „+” din panoul lateral din stânga deschide o fereastră cu blocuri și componente. Puteți derula în jos până când găsiți un design vă place, sau pur și simplu tastați într-o categorie. Iată categoriile disponibile în colibri builder: Accent erou, despre, caracteristici, conținut, apel la acțiune, Blog, contoare, portofoliu, Galerie foto, mărturii, clienți, echipă, Contact, FAQ și prețuri.
acestea sunt șabloane predefinite, care se vor potrivi cu schema de culori la alegere.
selectând unul dintre blocuri, făcând clic pe semnul „+” care apare pe bloc, blocul va fi poziționat în partea de jos a paginii.
le puteți muta oriunde doriți, prin glisarea și fixarea secțiunii din panoul din partea stângă.
există, de asemenea, o opțiune pentru blocurile „goale”.
aceasta înseamnă că le puteți personaliza oricum doriți. În cele din urmă, puteți chiar să vă salvați designul pentru o utilizare ulterioară.
din pictograma de setare din colțul din dreapta sus al fiecărei secțiuni puteți ajusta numărul de articole pe rând, puteți reordona articole, adăuga blocuri noi și chiar șterge întreaga secțiune.
cum să personalizați secțiunile paginii dvs.
editarea în linie nu este disponibilă pentru textele de pe butoane. Acestea vor fi gestionate în panoul din stânga.
dacă doriți să modificați o imagine de pe site-ul dvs., totul este intuitiv. Începeți prin selectarea imaginii.
îl veți putea vedea și în panoul din stânga. Faceți clic pe imagine. Veți vedea o fereastră nouă care vă solicită să încărcați o imagine sau să selectați una din bibliotecă. Dacă alegeți să încărcați, puteți face acest lucru prin drag and drop.
acum, revenind la panoul pe care tocmai l-am menționat, are 3 opțiuni principale: aspect, stil și avansat. Ori de câte ori selectați o secțiune din previzualizarea site-ului web din dreapta, veți vedea panoul corespunzător al secțiunii.
să le luăm unul câte unul:
- aspect
aici puteți regla lățimea și înălțimea containerului, la nivelul structurii. . Pur și simplu, containerul este spațiul real pe care îl ocupă un bloc. În interiorul containerului, plasați conținutul (text, imagini).
de asemenea, puteți ajusta spațierea conținutului dvs. și cât de aproape de partea de sus sau de jos este plasat.
de asemenea, puteți adăuga noi rânduri în interiorul blocului.
- stil
la acest nivel, puteți personaliza fundalul blocului dvs. sau puteți adăuga divizoare. Separatoarele sunt indicii vizuale care semnalizează atunci când o secțiune de site web se termină sau începe.
- avansat
aici vine distractiv, oameni buni!
de la tipografie și spațiere la receptivitate, aici puteți intra în cele mai mici detalii ale site-ului web.
puteți crea variații în funcție de starea elementului: normal sau hover.
dacă selectați un anumit element din interiorul unui blog, să spunem un titlu, același panou va apărea în stânga.
aceasta înseamnă că puteți merge mai detaliat cu editarea.
vorbind despre titluri și elemente mai granulare, acestea sunt denumite „componente”. Să vedem cum te poți juca cu ei.
cum se utilizează componentele în site-ul WordPress
componentele se referă la titluri, glisoare, separatoare, butoane, carusele, prețuri și multe altele. Acestea pot fi accesate în același mod ca și blocurile. Ei stau una lângă alta și au drag and drop funcționalitate. Colibri oferă 40 de componente.
după cum am menționat mai devreme, le puteți ajusta din panoul din stânga, dacă accesați „aspect”, „stil” sau „avansat”.
receptivitate mobilă
într-o lume cu mai multe dispozitive, este vital să aveți un site web complet receptiv. În mod implicit, Skyline este o temă receptiv mobil. Aceasta înseamnă că secțiunile sale se vor ajusta în funcție de diferite dispozitive. WordPress arată ca pe tablete sau mobil, puteți face acest lucru, atunci când se joacă cu controalele din stânga jos.
de asemenea, puteți selecta să ascundeți anumite funcții pe mobil, de exemplu, în opțiunile „avansate”.
cum se construiește un meniu în personalizatorul WordPress
acum, să presupunem că v-ați proiectat paginile și trebuie să le adăugați la un meniu. În panoul din dreapta, aveți toate secțiunile, comandate de sus în jos, ca pe site-ul dvs. Subsolul este ultima ta secțiune. Mai jos, veți vedea câteva caracteristici suplimentare.
aici vă puteți crea meniul.
după selectarea „Create new Menu” veți obține pentru a denumi meniul și alegeți o destinație de plasare pentru ea (antet, subsol, pagini, etc.).
când selectați „Următorul”, veți putea adăuga paginile dvs. în meniu, din opțiunea „Adăugați elemente”. Nu poate fi mai ușor de atât.
cum să lucrați cu widget-urile WordPress
am menționat deja că widget-urile sunt blocuri de conținut pe care le puteți adăuga la barele laterale, subsolurile și alte zone ale site-ului dvs.
când utilizați un plugin WordPress builder, veți utiliza widget-uri numai pentru barele laterale WordPress, deoarece aveți machete de subsol predefinite.
de obicei, barele laterale sunt folosite de paginile blogului. Fiecare temă are diferite opțiuni de widget-uri, de la bare de căutare, postări recente și comentarii, widget-uri sociale, până la imagini și videoclipuri. Să presupunem că doriți să vă afișați profilul Instagram într-o bară laterală, există un widget Instagram WordPress pentru asta.
unul dintre widget-urile mele preferate este cel care permite editarea HTML personalizată. Mi se pare foarte puternic.
acestea fiind spuse, ai cam terminat. Felicitări, site-ul dvs. WordPress este în funcțiune!
acum, să verificăm cealaltă metodă pentru construirea site-urilor în WordPress.
B. Cum de a construi un site web WordPress folosind editorul WordPress implicit (Gutenberg)
voi face acest lucru foarte rapid. Acest editor este încă nou în WordPress (este editorul WordPress implicit din decembrie 2018), dar evoluează continuu datorită contribuției comunității.
editorul clasic WordPress arăta astfel:
acum avem:
acum, ceea ce trebuie să știți este că nu fiecare temă este compatibilă cu acest nou editor. Va trebui să găsești un Gutenberg pregătit.
designul aspectului cu editorul WordPress implicit este limitat. De asemenea, se bazează pe blocuri. Acum, după cum probabil ați aflat în capitolul anterior, blocurile pot fi aproape totul: titluri, imagini, butoane, videoclipuri etc.
acum, de ce nu insist asupra subiectului: dacă verificați recenziile Gutenberg, cele mai recente sunt recenzii de 1 stea. Nu e o experiență bună. Chiar dacă au trecut deja 2 ani de la lansare și multe actualizări la mijloc, acest lucru este încă la început. WordPress se bazează acum pe comunitate pentru a crea noi blocuri, astfel încât experiența de editare să poată evolua.
chiar acum instrumentul se comportă ca un editor de text, cu putere redusă pe partea de styling.
există instrumente acolo, cum ar fi Kadence, care vă pot ajuta, dar nu suntem încă acolo.
instalați plugin-uri WordPress vitale
ecosistemul WordPress este format din teme și plugin-uri
există mii de plugin-uri WordPress disponibile acolo care pot extinde funcționalitatea sau adăuga noi caracteristici pe site-ul dvs. web.
acesta este un tutorial foarte scurt despre cum să instalați un plugin.
recomandările noastre plugin
Tip Plugin | ce face | recomandare |
WordPress builder | oferă Tema drag and drop funcționalități | Colibri |
plugin-uri SEO WordPress | modificări minime ale site-ului web care îl pot ajuta să se claseze organic | Yoast SEO |
formulare plugin-uri WordPress | folosesc formulare pentru a capta date valoroase de utilizator (cu acordul lor, desigur). | formator |
marketing prin e-mail | dezvoltați campanii de marketing pentru a rămâne în legătură cu abonații și clienții dvs. | Mailchimp pentru WordPress |
plugin-uri de securitate | Malware de curățare și protecție împotriva autentificărilor neautorizate. | Jetpack |
plugin-uri WordPress de comerț electronic | pentru a vă ajuta să configurați un magazin online. | WooCommerce |
Media Library manager | pentru a vă ajuta să vă organizați media. | FileBird |
Anti-spam | împiedicați site-ul dvs. să publice conținut rău intenționat. | https://akismet.com/ |
Google Analytics | vă ajută să înțelegeți traficul și comportamentul utilizatorului. | Google Analytics |
acum, să trecem puțin la un alt subiect: viteza paginii.
atât vizitatorilor, cât și Google le pasă foarte mult de viteza site-ului dvs.
De Ce Google?
viteza este un factor important care ia în considerare atunci când se clasează organic, adică aici:
de ce este viteza site-ului rău pentru utilizatori, și în cele din urmă tu?
Ei bine, dacă le oferiți o experiență proastă, s-ar putea să nu se angajeze cu oferta dvs. sau s-ar putea să nu se întoarcă prea curând.
conform cercetărilor Google din 2018, 53% dintre utilizatorii de telefonie mobilă părăsesc un site care durează mai mult de 3 secunde pentru a se încărca (Holy Moly!).
și uitați-vă la asta!
cum influențează încărcarea paginii vizitatorii mobili (notă: bounce însemnând părăsirea site-ului)?
.
Deci, cum puteți remedia acest lucru și, de asemenea, îmbunătăți performanța generală a site-ului dvs. web, astfel încât să nu primiți degetele mari atât de la utilizatori, cât și de la Google?
am ales 2 soluții stabilite înapoi (există multe altele acolo, dar destul de tehnice).
optimiza imagini
imaginile site-ul dvs. nu ar trebui să fie încărcate în dimensiunea lor originală. De asemenea, încercați să mergeți cu PNG-uri în loc de JPEG-uri (au mai puține culori).
Smush este pluginul nostru WordPress preferat pentru compresia imaginilor. Nu veți vedea nicio scădere vizibilă a calității, iar viteza paginii dvs. va fi optimizată.
caching-ul
pur și simplu, cache-ul oferă stocare temporară pentru ca conținutul să fie accesat ulterior. Site-ul dvs. se încarcă diferit dacă este accesat pentru prima dată sau a 5-a oară de același vizitator.
de ce este asta?
când aveți de-a face cu cache-ul browserului, browserul dvs. salvează o copie a fișierelor de pe un site web pe dispozitivul utilizatorului
(hard disk, telefon mobil). Când un site web este memorat în cache, browserul trebuie doar să încarce bucăți noi sau actualizate ale unei pagini și nu va trebui să inițieze o nouă solicitare de server. Același lucru se întâmplă dacă faceți clic pe butonul „înapoi”, browserul dvs. va afișa pagina din cache. Acest lucru este
de asemenea, foarte util atunci când aveți de-a face cu o conexiune lentă la Internet, paginile se vor încărca rapid.
vrei să înțelegi mai multe despre cum funcționează cache-ul? Citiți mai departe aici.
instrumentele pe care le recomandăm aici sunt:
W3 Total Cache (W3TC) îmbunătățește SEO și experiența utilizatorului site-ului dvs. prin creșterea performanței site-ului web și reducerea timpilor de încărcare.
pasărea colibri de la un sfert de milion. Acest lucru are unele caracteristici suplimentare, precum și că ne place, cum ar fi comprimarea Javascript, HTML & fișiere CSS.
acum, cum puteți verifica cât de repede se încarcă site-ul dvs. web?
Google are doar instrumentul pentru a vă ajuta cu asta, și oferă, de asemenea, unele idei de fixare.
Bonus: sfaturi și trucuri de design UX
amintiți-vă de mine spunând „cerul este limita” cu constructorii de pagini WordPress?
Ei bine…există întotdeauna un „dar”. Când proiectați un site web, ar trebui să aveți întotdeauna în minte audiența
sau persoana cumpărătorului (așa cum le place să spună marketerii). Trebuie să le oferiți o experiență excelentă pe site-ul dvs. web, asta înseamnă UX (experiența utilizatorului).
acum, pentru asta, există anumite reguli pe care ar trebui să le urmați pentru a oferi o experiență de utilizare fără frecare.
satisface nevoile utilizatorilor
utilizatorii de pe un site web nu vor să se gândească prea mult. Ei au nevoie de informații utile care pot fi degresate și înțelese cu ușurință. Ei nu au nevoie de o experiență constând din mai multe clicuri sau mult înainte și înapoi.
oamenii caută satisfacție instantanee: găsirea rapidă și ușoară a ceea ce au nevoie. Dacă acest lucru nu se întâmplă pe site-ul dvs. web, ei vor căuta altul.
ierarhie vizuală
nu toate părțile Site-ului sunt tratate în mod egal, unele sunt mai importante decât altele (formulare, butoane, titlu, propunere de valoare etc.).
unde doriți ca utilizatorul dvs. să aterizeze? Unde vrei să facă clic?
folosiți indicii vizuale pentru a-l ajuta să obțină ceea ce doriți. Toate elementele de pe pagini ar trebui să se comporte ca un ghid turistic.
cercetătorii au descoperit că utilizatorii care citesc de la stânga la dreapta scanează site-uri web într-un model în formă de Z.
aceasta înseamnă că este în cazul în care ar trebui să direcționeze informațiile cele mai importante.
navigare ușoară
ar trebui să păstrați bara de navigare simplă, nu intrați în prea multe opțiuni. S-ar putea să ajungeți la o situație de alegere paradoxală atunci când utilizatorii sunt copleșiți de posibilități.
paginile ar trebui să fie conectate intern la alte pagini relevante, astfel încât navigarea să fie lină, iar utilizatorul să nu facă clic pe „Înapoi” de multe ori pentru a ajunge la paginile anterioare.
folosiți spațiul alb. Spațiul alb permite organizarea informațiilor în zone de conținut digerabile. Acest lucru va face utilizatorii să se simtă mai confortabil și să nu fie copleșiți de o mulțime de date.
aceeași schemă de culori (consistență)
evitați culorile super întunecate sau super intense pe site-ul dvs. web. Ei ar putea trimite utilizatorii departe. Puteți utiliza culori mai puternice pentru a evidenția aspecte importante ale site-ului dvs. web.
folosiți culori care sunt la fel de echilibrate. Iată câteva inspirație.
și încă un lucru înainte de a trece la următorul principiu de proiectare UX. Culorile au semnificații în întreaga lume, sunt conectate la diverse emoții. Acest infografic va străluci o lumină asupra subiectului.
utilizați scrierea eficientă
nu utilizați exagerat și clickbait copie. Scrieți cu bun simț, într-un limbaj natural, nu folosiți jargonul (nu toată lumea este familiarizată cu anumite cuvinte tehnice).
utilizați max. 3 tipuri de caractere într — un maxim de 3 dimensiuni punct-un maxim de 18 cuvinte sau 50-80 de caractere pe linie de text ca Smashing Magazine recomandă.
folosiți dovada socială
de ce ar trebui să am încredere în dvs., în afacerea dvs. sau în produsele dvs.?
noi, oamenii, suntem creaturi sociale. Trăim în comunități, avem prieteni și familie. Ei pot fi influențatorii noștri. Ne pasă foarte mult de părerea lor.
.
permiteți-mi să enumăr câteva exemple pentru dvs.:
evaluări și recenzii la unqua
● Marturii
● nu. de clienți („sunteți în companie bună”).
● logo-urile clienților
studii de caz de la articolul
presă de la articolul
de asemenea, dacă doriți să aflați mai multe despre cele mai recente tendințele de design, oamenii creativi de coastă au făcut un infografic minunat pe această temă.
concluzii
o putem numi folie, nu crezi?
am vrut să mergem pe calea scurtă, nu să vă copleșim cu informații. Dar, în cele din urmă, diavolul este în detalii. Tocmai ți-am oferit priveliștea elicopterului.
lucrul este că puteți avea site-ul dvs. în funcțiune în mai puțin de 2 ore. Dar, cu cât doriți să adăugați mai multe funcții, pagini, conținut, cu atât va dura mai mult. Și nu neglijați niciodată cele mai recente tendințe de design web.
un ultim lucru, totuși, dacă sunteți tipul DIY, cu siguranță trebuie să luați constructorul nostru Colibri pentru o rotire!
Iată un videoclip despre cum să construiți o pagină de site WordPress folosind tone de funcții.
acum, dacă ți-a plăcut acest articol și vrei să afli mai multe despre cum să proiectezi un site web WordPress, asigură-te că te abonezi la canalul nostru Youtube și urmărește-ne pe Twitter și Facebook!