Cum să lucrezi cu pagini în WordPress și Divi: Un ghid complet pas cu pas

WordPress alimentează peste 43% din toate site-urile de pe internet — și cu bună dreptate. Interfața sa intuitivă, ecosistemul vast de plugin-uri și capacitățile flexibile de gestionare a conținutului o fac CMS-ul de referință pentru toți, de la blogerii independenți la întreprinderile de nivel enterprise. Când asociezi WordPress cu tema Divi de la Elegant Themes, deblochezi un constructor vizual drag-and-drop care îți permite să proiectezi pagini uimitoare și profesionale fără a scrie o singură linie de cod.

În acest ghid cuprinzător, vei învăța exact cum să creezi, personalizezi, organizezi și publici pagini în WordPress folosind Divi Builder. Indiferent dacă construiești primul tău site web sau perfectionezi unul existent, acest tutorial acoperă tot ce trebuie să știi.

Ce sunt paginile în WordPress? (și cum diferă de articole)

Înainte de a intra în pașii tehnici, este important să înțelegeți ce este de fapt o pagină WordPress — și cum diferă de un articol de blog.

Paginile sunt coloana vertebrală structurală a site-ului dvs. Ele conțin conținut care nu se schimbă frecvent și nu trebuie să fie categorizat sau etichetat. Gândiți-vă la Despre noi, Contact, Servicii sau Pagina de start — acestea sunt toate exemple clasice de pagini WordPress.

Înțelegerea acestei distincții vă ajută să luați decizii mai inteligente cu privire la modul în care organizați și prezentați conținutul dvs.

Condiții prealabile: Ce aveți nevoie înainte de a începe

Pentru a urma acest ghid, asigurați-vă că aveți următoarele în loc:

• O instalare WordPress live într-un mediu de hosting fiabil
• Tema Divi instalată și activată (disponibilă de la Elegant Themes)
• Acces de administrator la panoul de control WordPress
• O înțelegere de bază a structurii și obiectivelor site-ului dvs.

Dacă încă configurați mediul de hosting, luați în considerare VPS Hosting de la AlexHost — o soluție de înaltă performanță, scalabilă, care vă oferă acces complet root, resurse dedicate și flexibilitatea de a rula WordPress la viteza optimă. Pentru proiecte mai mici sau site-uri personale, Shared Web Hosting este o alternativă accesibilă și prietenoasă pentru începători, complet compatibilă cu WordPress.

Pasul 1: Conectați-vă la Panoul de Control WordPress

Începeți prin deschiderea browserului web preferat și navigarea către panoul de administrare WordPress. URL-ul implicit este:

http://yourdomain.com/wp-admin

Introduceți numele de utilizator și parola, apoi faceți clic pe Conectare. Veți ajunge pe Panoul de Control WordPress — panoul de control central pentru întregul dvs. site.

> Sfat Pro: Dacă gestionați mai multe site-uri WordPress sau aveți nevoie de o experiență de administrare mai simplificată, luați în considerare utilizarea unui VPS cu cPanel pentru gestionarea centralizată a serverului și site-urilor dintr-o singură interfață intuitivă.

Pasul 2: Creați o nouă pagină WordPress

Odată ce sunteți în tabloul de bord, urmați acești pași pentru a crea o nouă pagină:

1. În meniul de navigare din stânga, localizați și faceți clic pe Pagini
2. Faceți clic pe Adaugă nou în partea de sus a listei de pagini (sau utilizați comanda rapidă + Nou > Pagină din bara de administrare din partea de sus)
3. Veți fi direcționat către editorul de blocuri WordPress (Gutenberg)

Adăugarea unui titlu și conținut de bază

• Faceți clic pe câmpul “Adaugă titlu” din partea de sus și tastați numele paginii (de exemplu, *Despre noi*, *Contact*, *Servicii*)
• În zona de conținut de mai jos, puteți adăuga blocuri de text, imagini, titluri, butoane și alte elemente folosind editorul de blocuri Gutenberg
• Utilizați comanda rapidă “/” în editor pentru a căuta rapid și a insera orice tip de bloc

În această etapă, lucrați cu editorul standard WordPress. Cu toate acestea, dacă doriți personalizare vizuală avansată — și utilizați Divi — veți dori să activați Divi Builder în pasul următor.

Pasul 3: Activați și utilizați Divi Builder

Divi Builder transformă editorul standard WordPress într-un mediu de design puternic și vizual cu funcție de glisare și plasare. Iată cum să-l activați și să-l utilizați:

Activarea Divi Builder

După deschiderea paginii în editor, veți vedea un buton prominent lângă partea de sus a zonei de conținut:

“Enable Divi Builder” — faceți clic pe el.

WordPress vă va solicita trei opțiuni de pornire:

Selectați opțiunea care se potrivește cel mai bine proiectului dvs. și faceți clic pe Start Building.

Înțelegerea structurii Divi Builder

Înainte de a adăuga conținut, este util să înțelegeți cum Divi organizează ierarhia aspectului:

Section
  └── Row
        └── Column
              └── Module

• Secțiunile sunt cele mai mari containere — se întind pe toată lățimea paginii
• Rândurile se află în interiorul secțiunilor și definesc structura coloanelor (1, 2, 3 coloane, etc.)
• Coloanele sunt diviziunile verticale individuale dintr-un rând
• Modulele sunt elementele de conținut reale (text, imagini, butoane, formulare, etc.)

Pasul 3a: Adăugarea secțiunilor și rândurilor

1. Faceți clic pe pictograma albastră “+” din partea de jos a pânzei pentru a adăuga o nouă Secțiune
2. Alegeți un tip de secțiune: Regular, Fullwidth, sau Specialty
3. În interiorul secțiunii, faceți clic pe pictograma “+” pentru a adăuga un Rând
4. Selectați aspectul preferat al coloanelor (de exemplu, 1/2 + 1/2 pentru un design cu două coloane)

Pasul 3b: Adăugarea modulelor

Modulele sunt blocurile de construcție a conținutului fiecărei pagini Divi. Pentru a adăuga unul:

1. Faceți clic pe pictograma gri “+” din interiorul unei coloane
2. Va apărea o bibliotecă de module — răsfoiți sau căutați modulul de care aveți nevoie
3. Faceți clic pe modul pentru a-l insera în aspectul dvs.

Modulele Divi frecvent utilizate includ:

• Text Module — pentru paragrafe, titluri și copie formatată
• Image Module — pentru fotografii, grafice și ilustrații
• Button Module — pentru CTA-uri și linkuri de navigare
• Slider Module — pentru carouseuri de imagini hero
• Contact Form Module — pentru capturarea de clienți potențiali și interogări
• Blurb Module — pentru casete de caracteristici cu pictogramă + text
• Video Module — pentru conținut video încorporat
• Testimonial Module — pentru dovezi sociale și recenzii
• Code Module — pentru fragmente personalizate de HTML, CSS sau JavaScript

Pasul 3c: Personalizarea modulelor

Faceți clic pe pictograma creion (editare) pe orice modul pentru a deschide panoul de setări. Setările sunt organizate în trei file:

1. Fila Content

Configurați conținutul real al modulului — text, imagini, linkuri, etichete de butoane, câmpuri de formular, etc.

2. Fila Design

Controlați aspectul vizual al modulului:

• Typography — familia de fonturi, dimensiune, greutate, înălțime linie, spațiere litere
• Colors — culori de fundal, text, margine și pictogramă
• Spacing — controale de padding și margin (cu puncte de rupere responsive)
• Borders & Shadows — colțuri rotunjite, umbre de casetă, stiluri de margine
• Sizing — constrângeri de lățime, înălțime și lățime maximă

3. Fila Advanced

Accesați setări la nivel de dezvoltator:

• CSS Classes and IDs — pentru hook-uri de stil personalizat
• Custom CSS — scrieți CSS specific modulului direct
• Visibility — afișați/ascundeți modulul pe desktop, tabletă sau mobil
• Animations — efecte de animație de intrare și sincronizare

> Design Tip: Controalele responsive ale Divi vă permit să setați valori diferite pentru vizualizări desktop, tabletă și mobil. Previzualizați întotdeauna pagina pe toate trei punctele de rupere înainte de publicare.

Pasul 4: Organizați-vă paginile cu ierarhii

Pe măsură ce site-ul dvs. crește, menținerea paginilor organizate devine critică atât pentru experiența utilizatorului, cât și pentru SEO. WordPress suportă ierarhii de pagini părinte-copil, care vă permit să imbricați pagini conexe sub o pagină părinte comună.

Crearea unei relații de pagină părinte-copil

1. În timp ce editați o pagină, căutați bara laterală din dreapta în editorul de blocuri
2. Faceți clic pe Pagină pentru a extinde panoul de setări al paginii
3. Găsiți secțiunea Atributele paginii
4. Sub Pagina părinte, faceți clic pe dropdown și selectați pagina pe care doriți să o atribuiți ca părinte

Exemplu de ierarhie:

Services (parent)
  ├── Web Design (child)
  ├── SEO Consulting (child)
  └── Content Marketing (child)

Această structură creează URL-uri mai curate (de ex., yoursite.com/services/web-design/) și ajută motoarele de căutare să înțeleagă mai bine arhitectura conținutului site-ului dvs.

Pasul 5: Adăugați pagini la meniul de navigare

Crearea unei pagini nu o adaugă automat la navigarea site-ului dvs. Trebuie să o adăugați manual la un meniu.

1. În panoul de control WordPress, accesați Appearance > Menus
2. Selectați un meniu existent sau faceți clic pe Create a New Menu
3. În panoul Pages din stânga, bifați caseta de lângă paginile pe care doriți să le adăugați
4. Faceți clic pe Add to Menu
5. Trageți și plasați elementele meniului pentru a le reordona sau pentru a crea sub-meniuri derulante
6. Faceți clic pe Save Menu când ați terminat

> Best Practice: Mențineți meniul de navigare principal concentrat pe paginile dvs. cele mai importante. Urmăriți maximum 5–7 articole de nivel superior pentru a evita copleșirea vizitatorilor.

Pasul 6: Configurați setările paginii pentru SEO și performanță

Înainte de publicare, luați un moment pentru a configura setările cheie ale paginii care afectează atât vizibilitatea motorului de căutare, cât și experiența utilizatorului.

Permalink (URL Slug)

• În bara laterală a editorului de blocuri, găsiți secțiunea Permalink
• Editați slug-ul URL pentru a fi scurt, descriptiv și bogat în cuvinte cheie
• Evitați slug-urile generate automat cu numere (de exemplu, /?p=123)
• Exemplu bun: yoursite.com/about-us/
• Exemplu rău: yoursite.com/?page_id=47

Imagine în evidență

• Atribuiți o imagine în evidență relevantă pentru a îmbunătăți aspectul partajării sociale și coerența vizuală

Șablon de pagină

• Unele teme (inclusiv Divi) oferă mai multe șabloane de pagină (de exemplu, lățime completă, fără bară laterală)
• Selectați șablonul corespunzător sub Atribute pagină > Șablon

Date meta SEO

• Dacă utilizați un plugin SEO cum ar fi Yoast SEO sau Rank Math, completați:
• Titlu meta — includeți cuvântul cheie principal
• Descriere meta — scrieți un rezumat convingător de 150–160 caractere
• Cuvânt cheie în focus — setați termenul de căutare țintă

Pasul 7: Salvează, Previzualizează și Publică Pagina Ta

Odată ce ești mulțumit cu designul și setările paginii tale, este moment să treci în direct.

Opțiuni de Salvare în Divi Builder

În colțul din dreapta sus al interfeței Divi Builder, vei găsi:

• Save Draft — salvează munca ta fără a o face vizibilă publicului
• Preview — deschide o previzualizare în direct a paginii tale într-o filă nouă
• Publish/Update — face pagina disponibilă pe site-ul tău

Publicare din Block Editor

Dacă ieși din Divi Builder și te întorci la editorul standard de blocuri:

1. Fă clic pe Save Draft pentru a salva fără a publica
2. Fă clic pe Preview pentru a revizui cum arată pagina pe front end
3. Fă clic pe Publish când ești gata să o faci disponibilă
4. Confirmă făcând clic pe Publish din nou în panoul de confirmare

> Important: Previzualizează întotdeauna pagina ta pe desktop și mobile înainte de a publica. Instrumentele de design responsiv ale Divi sunt puternice, dar revizuirea manuală detectează probleme pe care instrumentele automate le ratează.

Sfaturi Avansate: Obțineți Mai Mult din WordPress și Divi

Utilizați Divi Theme Builder pentru Șabloane Globale

Divi Theme Builder (disponibil în Divi 4.0+) vă permite să creați șabloane globale pentru anteturi, subsoluri și tipuri specifice de postări/pagini. Aceasta asigură consistența designului pe întregul site fără a edita manual fiecare pagină.

Salvați Aspectele în Biblioteca Divi

Dacă ați proiectat o secțiune sau aspect pe care îl iubiți, salvați-l în Biblioteca Divi pentru reutilizare pe alte pagini. Aceasta accelerează dramatic fluxul de lucru.

Activați Testarea A/B a Divi (Split Testing)

Divi include un instrument de testare împărțit încorporat care vă permite să testați versiuni diferite ale unui modul, secțiuni sau pagini una împotriva celeilalte pentru a vedea care funcționează mai bine — neprețuit pentru optimizarea ratei de conversie.

Securizați Site-ul cu SSL

Dacă nu ați făcut-o deja, asigurați-vă că site-ul WordPress rulează pe HTTPS. Un certificat SSL este esențial pentru încrederea utilizatorilor, securitatea datelor și clasamentele Google. AlexHost oferă Certificatele SSL care sunt ușor de instalat și compatibile cu toate mediile de găzduire WordPress.

Utilizați un Domeniu Personalizat

Un nume de domeniu profesional vă întărește marca și îmbunătățește ratele de clic în rezultatele căutării. Puteți înregistra și gestiona domeniul direct prin serviciul Înregistrare Domenii AlexHost, cu suport pentru sute de extensii TLD.

Depanare Probleme Comune

Concluzie

Lucrul cu pagini în WordPress folosind tema Divi vă oferă un set de instrumente excepțional de puternic și flexibil pentru construirea de site-uri web profesionale — fără a fi nevoie de codare. Urmând pașii din acest ghid, puteți:

• Crea pagini WordPress bine structurate cu titluri și conținut clar
• Proiecta aspecte vizuale atrăgătoare folosind constructorul drag-and-drop al Divi
• Organiza paginile dvs. în ierarhii logice pentru o mai bună experiență a utilizatorului și SEO
• Configura setări cheie cum ar fi permalink-uri, metadate și șabloane
• Publica cu încredere după previzualizarea pe toate tipurile de dispozitive

Combinația dintre puterea de gestionare a conținutului a WordPress și capacitățile de design vizual ale Divi este greu de depășit. Și cu infrastructura de găzduire potrivită sub toate acestea, site-ul dvs. va fi rapid, sigur și gata să se scaleze.

Pentru proiecte WordPress care necesită resurse intensive, site-uri cu trafic ridicat sau aplicații care au nevoie de putere de calcul dedicată, explorați Serverele Dedicate ale AlexHost — oferind hardware de nivel enterprise, personalizare completă a serverului și performanță maximă pentru sarcini de lucru exigente.

*Gata să construiți următorul proiect WordPress? Începeți cu o bază solidă — alegeți gazduirea potrivită, instalați Divi și urmați acest ghid pentru a crea pagini care arată grozav și se clasează și mai bine.*