Treci la conținutul principal

Cum se creează o galerie de imagini cu file în Elementor

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Trebuie să creați o galerie de imagini cu file în Elementor?

Așa cum spunem în mod constant, Elementor este mai mult decât un plugin pentru generatorul de pagini. Este un plugin versatil care poate înlocui mai multe tipuri de pluginuri WordPress simultan. Unul dintre pluginurile care pot fi înlocuite de Elementor este pluginul Galerie de imagini.

cu Elementor, nu trebuie să instalați niciun plugin suplimentar la creați o galerie de imagini pe site-ul dvs. WordPress. Există două widget-uri oferite de Elementor pentru crearea unei galerii de imagini: Galeria de bază și Galeria.

Widgetul Galerie de bază - disponibil pe Elementor Free - vă permite să creați o galerie de imagini de bază, în timp ce widgetul Galerie vă permite să creați o galerie de imagini mai avansată, inclusiv o galerie de imagini cu file.

Acest lucru este minunat dacă doriți să creați o galerie pe un site de fotografie. În acest articol, vă vom arăta cum să creați o galerie de imagini cu file în Elementor.

Cum se creează o galerie de imagini cu file în Elementor

Widgetul Galerie este disponibil pe versiunea pro a Elementor. Deci, asigurați-vă că v-ați actualizat Elementor la versiunea pro, dacă nu ați făcut-o. Există multe avantaje pe care le veți obține prin utilizarea Elementor Pro, inclusiv posibilitatea de a crea o temă WordPress fără codificare.

Citiți și: Cum se creează o galerie de imagini cu file în Elementor

În acest exemplu, vom crea o galerie foto peisaj. Fotografiile sunt împărțite în trei tipuri: munte, mare și cascadă. Vom crea trei file pentru a găzdui fiecare tip de peisaj plus o filă pentru a afișa toate fotografiile.

Pentru a începe, creați o pagină nouă și editați-o cu Elementor. De asemenea, puteți edita o pagină existentă. Adăugați o secțiune și trageți widgetul Galerie în ea.

Cum se creează o galerie de imagini cu file în Elementor

Sub bloc setările sub filă Conţinut, setați opțiunea Tip pe Multiplu.

În mod implicit, galeria dvs. conține o singură filă. Pentru a adăuga o filă nouă, trebuie doar să faceți clic pe buton ADĂUGAȚI UN ELEMENT.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

Vezi și: Cum se creează o bară de progres de gradient în Elementor

Deschideți unul dintre elemente (file). Definiți eticheta filă în câmp Titlu. Faceți clic pe butonul plus pentru a selecta imaginile pe care doriți să le adăugați la filă.

Selectați imaginile din biblioteca media WordPress. Dacă nu aveți, descărcați-le. Faceți clic pe buton Creați o galerie nouă -> Inserați galeria pentru a adăuga galeria la filă.

Cum se creează o galerie de imagini cu file în Elementor

Deschideți celelalte elemente (file) și repetați pașii de mai sus pentru a seta eticheta filei și pentru a adăuga imaginile.

Personalizați galeria

După ce adăugați imagini în fiecare filă, vă puteți personaliza galeria. În bloc Setări, puteți seta aspectul, înălțimea rândului, spațiul dintre imagini și dimensiunea imaginii. Există, de asemenea, o opțiune pentru a activa caracteristica Lazy Load.

Deschideți blocul Bara de filtrare pentru a defini eticheta filei principale (fila „Toate”), indicatorul și animația.

Deschideți blocul Acoperire pentru a activa suprapunerea. Puteți afișa titlul și descrierea imaginii atunci când treceți cu mouse-ul peste o imagine setând titlu și descriere.

Dacă doriți să afișați titlul și descrierea cu mouse-ul, trebuie să editați imaginea individuală din galerie și să adăugați parametrul pe care l-ați definit (text alternativ, titlu, subtitrare sau descriere).

Deschideți fila Stil pentru a vă personaliza galeria. Există 4 blocuri pe care le puteți deschide: imagine, suprapunere, conținut și filtru.

Imagine

Acest bloc vă permite să setați culoarea chenarului imaginii, culoarea chenarului de orientare, lățimea chenarului, raza chenarului, filtrul CSS și animația de orientare.

Cum se creează o galerie de imagini cu file în Elementor

Acoperire

Acest bloc vă permite să setați culoarea de suprapunere, culoarea suprapunerii, modul de amestecare și animația de deplasare.

Conţinut

Acest bloc vă permite să personalizați conținutul imaginii. Conținutul se referă la titlul și descrierea imaginii. Puteți seta alinierea, poziția verticală, umplerea, culoarea textului și tipografia (stilul fontului, familia fontului și dimensiunea fontului).

Bara de filtrare

Acest bloc vă permite să personalizați filtrul. Puteți seta alinierea, culoarea normală, culoarea indicată, culoarea activă, culoarea textului, spațiul dintre file și tipografie.

Puteți manipula aceste setări până când sunteți mulțumit de rezultat. După ce ați terminat, faceți clic pe buton PUBLICAȚI / ACTUALIZAȚI în partea de jos a panoului din stânga pentru a publica sau actualiza pagina.

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

Obțineți Elementor Pro acum!

Concluzie

Aici este ! Asta este pentru acest articol care vă arată cum să creați o galerie de imagini cu file în Elementor. Dacă aveți nelămuriri cu privire la modul de a ajunge acolo fanunțați-ne în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...

Acest articol conține comentarii 0

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
0 acțiuni
acțiune
tweet
Registru