Prezentare generală a Secțiunii – Cum să vă stilizați secțiunile

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.!

Cum să vă stilizați secțiunile

Cum să vă stilizați secțiunile – Secțiunile pot fi manipulate și stilizate fie prin opțiunile din panoul Elementor din stânga, fie făcând clic dreapta pe mânerul secțiunii și alegând din meniul contextual care apare .

Opțiuni Clic Dreapta

Dacă doriți să copiați o secțiune, faceți clic dreapta pe un mâner de secțiune și alegeți Duplicare din meniul contextual. De asemenea, puteți copia și lipi o secțiune în altă parte folosind opțiunile Copiere și lipire aici, sau puteți copia și lipi doar stilul (fără conținut) de la o secțiune la alta. Faceți clic pe Salvare ca șablon pentru a salva secțiunea ca șablon care poate fi inserat oriunde ulterior. Dacă faceți clic pe Navigator aici, se va deschide Navigatorul deja setat la acea secțiune specială. Și, desigur, făcând clic pe Ștergere aici, se va șterge secțiunea.

Dacă faceți clic pe Editați secțiunea, opțiunile coloanei vor fi afișate în panoul Elementor din stânga, cu toate opțiunile următoare disponibile pentru dvs.:

Aspect

  1. Lățimea conținutului: Setați lățimea conținutului la Lățime în cutie ( Boxed ) sau Lățime completă. Când alegeți Boxed – utilizați glisorul pentru a vă seta lățimea.
  2. Columns Gap: Setați Columns Gap
  3. Înălțime: Alegeți între Încadrare pe ecran: secțiunea dvs. va umple ecranul și Înălțimea minimă: setați o înălțime minimă și utilizați glisorul pentru a seta înălțimea secțiunii.
  4. Aliniere verticală: Setați alinierea verticală a conținutului secțiunii.
  5. Depășire: Selectați modul de gestionare a conținutului care revarsă containerul său. Implicit permite depășirea. Selectați Ascuns pentru a ascunde conținutul debordant.
  6. Intinde secțiunea: Forțează secțiunea să se întindă pe toată lățimea paginii.
  7. Etichetă HTML: Setați o etichetă HTML pentru secțiunea dvs. Aflați mai multe despre etichetele HTML.

Stil

  1. Tipul fundalului: Alegeți între Clasic (care vă permite să setați o culoare de fundal sau o imagine), Gradient (care vă permite să setați un fundal de gradient de culoare), fundal video sau o imagine de fundal Slideshow.

Suprapunere de fundal (Normal și Hover)

  1. Tipul Fundalului: Alegeți între Clasic sau Gradient
  2. Blend Mode: Setați un mod Blend

Border (Normal și Hover)

  1. Tipul Chenarului: Setați un tip de chenar
  2. Raza Chenarului: Setați raza chenarului
  3. Box Shadow: Adăugați o Box Shadow ( Umbră )

Shape Divider (Normal și Hover)

  1. Tip: Faceți clic pe meniul derulant pentru a alege stilul dvs. Shape Divider
  2. Culoare: Alegeți o culoare
  3. Lățime: Setați lățimea Shape Divider
  4. Înălțime: Setați înălțimea Shape Divider
  5. Flip: Rotiți direcția Shape Divider
  6. Aduceți în față: Forțați Shape Divider să fie în fața altor obiecte.

Aflați mai multe despre Shape Divider

Tipografie

  1. Setați culorile tipografiei pentru secțiune
Notă:
Culorile „Setare tipografie” nu vor funcționa dacă sunt activate culorile implicite.

Avansat

Avansat

  1. Marjă: sStați secțiunea Marjă
  2. Padding: Setați secțiunea Padding
  3. Z-index: Setați indexul Z. Aflați mai multe despre Z-Index
  4. CSS ID: Setați un ID CSS pentru secțiunea dvs.
  5. Clase CSS: Setați clase CSS pentru secțiunea dvs.

Motion Effects (Numai pentru utilizatorii Pro)

  1. Sticky: Setați secțiunea ca Sticky și alegeți între partea de sus sau partea de jos. Aflați mai multe despre Sticky
  2. Scrolling Effects: Setați Scrolling Effects la Activat pentru a alege dintr-o varietate de animații și interacțiuni care pot apărea atunci când utilizatorul parcurge pagina. Aflați mai multe despre Scrolling Effects.
  3. Entrance Animation: Faceți clic pe meniul derulant pentru a alege o animație. Aflați mai multe despre Entrance Animation.

Responsive – Receptiv

  1. Reverse Coloane: Glisați pentru a inversa ordinea coloanelor (Excelent pentru mobil)
  2. Vizibilitate: Afișați sau ascundeți secțiunea pe desktop, tabletă sau mobil.

Atribute (numai Pro)

  1. Adăugați propriile atribute personalizate. Aflați mai multe despre atributele personalizate.

CSS personalizat (numai Pro)

  1. Adăugați propriul CSS personalizat.

Vedeți mai multe detalii despre structura și aspectul Editorului 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