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

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

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

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 Page – Pagina 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.

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 „subsol – footer” 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

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.

Documentație adițională

• • • Începeți cu Elementor
    • Adăugarea de șabloane în Elementor
    • Șabloane de meniu în Elementor
    • Cum se folosește Elementor – Noțiuni introductive