Creați un site web complet utilizând kiturile Elementor și Theme Builder

Notă! Unele linkuri de pe această pagină pot fi linkuri afiliate, ceea ce înseamnă că, dacă alegeți să efectuați o achiziție, pot câștiga un mic comision fără costuri suplimentare pentru dvs. Apreciez foarte mult sprijinul dvs.!

Creați un Site Web complet în 12 pași

Creați un site web complet care utilizează un kit de șabloane Digital Agency Elementor și Tema Hello. Aveți nevoie de Elementor Free și Elementor Pro instalat.

Site-ul va avea următoarele pagini structurate:

  • Acasă
  • Despre noi
  • Servicii
  • Rețele sociale
  • Clienți
  • Arhivați cu postări unice
  • Contactează-ne
  • Antet ( Header ) și Subsol ( Footer )
  • Pagina 404

PASUL 1: Alegeți o temă

  1. Accesați Aspect> Teme
  2. Faceți clic pe Adăugați temă nouă
  3. Căutați Hello Elementor
  4. Faceți clic pe Instalare
  5. Faceți clic pe Activați
Alegeți o temă
Alegeți o temă

PASUL 2: Creați paginile

  1. Accesați Pagini> Toate paginile
  2. Plasați cursorul peste titlul Paginii de probă și faceți clic pe linkul Coș de gunoi pentru a șterge pagina de probă care vine cu instalarea implicită WordPress
  3. Faceți clic pe Adăugați pagină nouă
  4. Dă un nume noii pagini – în acest caz, „Acasă
  5. Faceți clic pe butonul Editați cu Elementor
  6. Faceți clic pe roata Setări pagină din colțul din stânga jos al panoului Widgets
  7. Schimbați aspectul paginii în „Elementor sau lățime completă”. Observați că antetul este incomplet. Veți lucra la acest lucru într-un pas ulterior.
  8. Faceți clic pe pictograma Adăugare folder șablon pentru a deschide Biblioteca de șabloane.
  9. Din caseta de căutare a Bibliotecii de șabloane, căutați „Digital Agency Home”.
  10. Faceți clic pe Inserare pentru a încărca șablonul în pagină.
  11. Faceți clic pe butonul Publicați.
  12. Faceți clic pe „Aruncați o privire” pentru a vizualiza pagina publicată.

Repetați acești pași pentru fiecare pagină nouă, asigurându-vă că adăugați pagini Despre, Servicii, Social Media, Clienți și Contactați-ne. Pentru informații detaliate despre cum se adaugă o pagină nouă în WordPress, citiți articolul nostru: Cum Adaugi o Pagina in WordPress

Sfat:
Creați pagini noi apăsând CMD-E pe un Mac sau CTRL-E pe Windows pentru a deschide Finder, apoi tastați „Adăugați” și alegeți „Pagină nouă” din rezultatele căutării. În acest fel, puteți continua să creați pagini noi chiar din Editorul Elementor, fără a fi nevoie să reveniți la tabloul de bord.
Notă:
Observați că nu ați creat încă pagina Știri. Acest lucru se datorează faptului că nu este o pagină statică ca celelalte. Este o pagină de arhivare cu conținut dinamic și veți crea această pagină în curând.

PASUL 3: Spuneți-i lui WordPress ce pagină să utilizeze ca pagină de pornire – Acasă

  1. Din tabloul de bord WordPress, accesați Setări> Citire și schimbați opțiunea „Pagina dvs. de pornire se afișează:” în „O pagină statică”, apoi selectați pagina de pornire ( Acasă ) pe care ați creat-o în pașii de mai sus din lista derulantă Pagina principală.
  2. Faceți clic pe butonul Salvați modificările.
  3. Accesați Pagini> Toate paginile și verificați dacă pagina de pornire pe care ați creat-o acum scrie „Front PagePagina din față” lângă ea.

PASUL 4: Introduceți un Antet – Header folosind Elementor’s Theme Builder

  1. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder-ul și căutați și selectați „Theme Builder
  2. Faceți clic pe butonul Adăugați nou
  3. Selectați „Antet” din meniul derulant Tip șablon
  4. Dați șablonului dvs. un nume, cum ar fi Antetul site-ului
  5. Când biblioteca deschide șabloanele de antet, căutați „Digital Agency
  6. Plasați cursorul peste antetul Agenției digitale și faceți clic pe linkul Inserare.
Notă:
Deoarece acesta este un site nou, nu am creat încă un meniu. Acesta este motivul pentru care veți vedea un widget de meniu gol în șablonul de antet pe care tocmai l-ați inserat. În continuare, vom crea meniul nostru WordPress.

PASUL 5: Creați meniul

  1. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder și căutați și selectați „Meniuri” pentru a naviga rapid la secțiunea meniuri WordPress.
  2. Sub Structura meniului, tastați un nume pentru meniul dvs., cum ar fi „Meniul principal
  3. Faceți clic pe butonul Creați meniu
  4. Sub Adăugați elemente de meniu> Pagini, plasați bifele lângă fiecare dintre paginile pe care le-ați creat și faceți clic pe butonul Adăugare la meniu.
  5. Reordonați-le după cum doriți, glisându-le în sus sau în jos.
  6. Cuibărește orice articole ca pagini copil sub pagini părinte, trăgând copilul ușor spre dreapta și chiar sub o pagină părinte. Faceți acest lucru pentru Social Media, trăgându-l chiar sub Servicii și ușor spre dreapta.
  7. Faceți clic pe butonul Salvare meniu.
  8. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder și căutați și selectați „Theme Builder” pentru a vă edita antetul cu Elementor
  9. Faceți clic pe butonul Publicați.
  10. Faceți clic pe butonul Adăugați o condiție
  11. Alegeți Include> Întreg site ca condiție și faceți clic pe butonul Salvare și închidere.
  12. Observați că meniul este acum afișat în antet.

PASUL 6: Inserați un Subsol – Footer folosind Elementor’s Theme Builder

  1. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder-ul și căutați și selectați „Theme Builder
  2. Faceți clic pe butonul Adăugați nou
  3. Selectați „subsolfooter” din meniul derulant Tip șablon
  4. Dați șablonului dvs. un nume, cum ar fi subsolul site-ului
  5. Când biblioteca deschide șabloanele subsolului, căutați „Digital Agency
  6. Plasați cursorul peste subsolul Agenției digitale și faceți clic pe linkul Inserare.
  7. Observați că, deși veți vedea antetul în editor, doar subsolul va fi de fapt editabil aici.
  8. Faceți clic pe butonul Publicați.
  9. Faceți clic pe butonul Adăugați o condiție
  10. Alegeți Include> Întreg site ca condiție și faceți clic pe butonul Salvare și închidere

PASUL 7: Creați șablonul de pagină Arhivă știri

  1. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder-ul și a căuta și selecta „Theme Builder
  2. Faceți clic pe butonul Adăugați nou
  3. Selectați „Arhivă” din meniul derulant Tip șablon
  4. Dați șablonului dvs. un nume, cum ar fi Arhiva de știri
  5. Când biblioteca deschide șabloanele de arhivă, căutați „Digital Agency
  6. Plasați cursorul peste șablonul de arhivă al Agenției digitale și faceți clic pe linkul Inserare.
  7. Faceți clic pe butonul Publicați
  8. Faceți clic pe butonul Adăugați o condiție
  9. Alegeți Include> Toate arhivele ca condiție și faceți clic pe butonul Salvare și închidere
Notă:
Deoarece acesta este un site nou, avem doar postul implicit „Hello World”. Va trebui să creați postări noi, într-o categorie numită „Știri” (pentru acest exemplu – utilizați propriile categorii după cum este necesar) și să le setați să utilizeze acest șablon. Vom face asta în continuare.

PASUL 8: Creați posturi noi într-o categorie de știri

  1. Accesați Postări> Toate postările
  2. Plasați cursorul peste titlul Hello World și faceți clic pe linkul Coș de gunoi pentru a șterge postarea Hello World care vine cu instalarea implicită WordPress
  3. Faceți clic pe Adăugați post nou
  4. Dă-i un nume și creează-ți postarea așa cum ai face în mod normal.
  5. Adăugați o imagine recomandată și un extras ( descriere ), dacă doriți.
  6. Sub Categorie, faceți clic pe Adăugați o categorie nouă și dați-i un nume, cum ar fi Știri
  7. Faceți clic pe butonul Publicați
  8. Repetați pașii de la 3 la 7 pentru fiecare postare pe care trebuie să o adăugați la categoria Știri.
  9. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder-ul și pentru a căuta „Știri” (sau oricum ați numit categoria dvs.). Faceți clic pe categoria care apare în rezultatele căutării pentru a vizualiza pagina Categorie. Verificați dacă noile dvs. postări sunt afișate frumos pe pagina Arhiva de știri.
  10. Faceți clic pe titlul oricărei postări din pagina Arhiva de știri.
  11. Observați că stilul nu este ideal. Acest lucru se datorează faptului că trebuie să creați un șablon de postare unică, pe care îl veți face în continuare.

PASUL 9: Creați un șablon de postare unică

  1. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder-ul și căutați și selectați „Theme Builder
  2. Faceți clic pe butonul Adăugați nou
  3. Selectați „Single” din meniul derulant Tip șablon
  4. Selectați „Post” din meniul derulant Tip postare
  5. Dați șablonului dvs. un nume, cum ar fi Postări individuale
  6. Când biblioteca deschide șabloanele de postare unică, căutați „Digital Agency
  7. Plasați cursorul peste șablonul de postare simplă al Agenției digitale și faceți clic pe linkul Inserare.
  8. Faceți clic pe butonul Publicați
  9. Faceți clic pe butonul Adăugați o condiție
  10. Alegeți Include> în Categorie> Știri (sau oricare ar fi numele categoriei dvs.) ca condiție și faceți clic pe butonul Salvare și închidere
  11. Faceți clic pe Aruncați o privire pentru a vedea postarea utilizând designul șablon de postare unică.

PASUL 10: Adăugați pagina Arhivă știri în meniu

  1. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder și căutați „Meniuri” pentru a reveni la Meniu pentru a-l edita.
  2. Sub „Adăugați elemente de meniu> Categorii”, puneți o bifă lângă categoria Știri (sau categoria pe care ați creat-o) și faceți clic pe Adăugare la meniu
  3. Trageți noul element de meniu unde doriți.
  4. Faceți clic pe Salvare meniu

PASUL 11: Creați pagina 404

  1. Apăsați CMD-E (Mac) sau CTRL-E (Windows) pentru a deschide Finder-ul și căutați și selectați „Theme Builder
  2. Faceți clic pe butonul Adăugați nou
  3. Selectați „Single” din meniul derulant Tip șablon
  4. Selectați „404 Page” din meniul derulant Tip postare
  5. Dați șablonului dvs. un nume, cum ar fi 404
  6. Când biblioteca deschide șabloanele 404, căutați „Digital Agency
  7. Plasați cursorul peste șablonul Digital Agency 404 și faceți clic pe linkul Insert
  8. Faceți clic pe butonul Publicați
  9. Faceți clic pe butonul Adăugați o condiție
  10. Alegeți Includeți> 404 Page ca condiție și faceți clic pe butonul Salvare și închidere
  11. Introduceți adresa URL a unei pagini care nu există pe site-ul dvs. în browserul dvs. pentru a vedea noua pagină 404 în acțiune.

PASUL 12: Editați conținutul pentru a se potrivi nevoilor dvs.

Asta e! Ați creat un site web complet nou folosind kitul template al Elementor’s Digital Agency. Acum că aveți o structură completă a site-ului web, sunteți gata să editați conținutul de pe pagini pentru a include toate informațiile proprii. Doar înlocuiți conținutul cu al dvs.

Pentru confortul dvs. urmăriți acest tutorial și în format Video. Video creat de echipa de asistență Elementor.

Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.

Documentație adițională

S-ar putea să te intereseze și:

Despre Admin Staff

Comunitatea WordPress este un Blog strict Educativ pentru utilizatorii de WordPress. Nu este Agenție de WEB, Publicitate sau Marketing! Dacă sunteți firmă și aveți nevoie de sfaturi vă ajut cu plăcere, pentru contracte de colaborare, vă rog contactați agenții specializate, care vă pot oferi documentația fiscală necesară. Sunt pasionat de WordPress și tot ce se leagă de mediul online din 2011, scriu din pasiune și-mi place să ajut, doar prin prisma acestui fapt că-mi place să fac bine oamenilor care au aceeași pasiune. Blog-ul este monetizat prin link-uri de afiliere și Google Adsense, unde se plătesc taxe legale de către platformele respective. Dacă dorești să susții acest blog, sunt deschis pentru donații. Vă mulțumesc pentru înțelegere! George CRIȘAN , Administrator Comunitatea WordPress!

Lasă un comentariu