Pentru un anumit tip de afacere, cum ar fi un serviciu de editare foto, adăugarea unei comparații de imagini poate fi un instrument util pentru a vă descrie serviciul. Puteți adăuga comparația imaginii la pagina de pornire, pagina de destinație sau orice pagină în care vorbiți despre serviciul pe care îl oferiți.
Elementor într-adevăr, nu oferă niciun widget sau funcționalitate pentru a adăuga o comparație de imagini, dar o puteți obține folosind un supliment. Există module suplimentare Elementor care oferă un widget pentru a adăuga o comparație de imagini. Dintre care trei sunt: Addons esențiale, Addons fericiți, Și JetElements.
În acest articol vă vom arăta cum să adăugați o comparație de imagini în Elementor folosind JetElements.
JetElements în sine este un add-on premium pentru Elementor dezvoltat de Crocoblock. Face parte din familia JetPlugins. Suplimentul vine cu un widget numit Imagini de comparație pe care îl puteți folosi pentru a adăuga o comparație de imagini la pagina Elementor.
Cum să adăugați o comparație de imagini în Elementor
Asigurați-vă că aveți suplimentul JetElements instalat și activat înainte de a începe. Dacă sunteți nou la Elementor, puteți citi articolul nostru anterior pentru a afla cum se folosește Elementor.
Vom adăuga direct widget-ul Imagini de comparație în acest articol.
Înainte de a începe, puteți pregăti două imagini pentru a compara. De exemplu, puteți pregăti o imagine înainte și o imagine după. După ce sunteți gata, trebuie doar să trageți widgetul Imagini de comparație în caseta de editare Elementor.
În mod implicit, widgetul JetElements Image Compare creează două comparații de imagini. Dacă trebuie doar să creați o comparație de imagini (două imagini de comparat), puteți șterge una dintre comparațiile de imagini existente.
Citiți și: Elementor: Cum să adăugați animație Lottie
Pentru a adăuga imaginea înainte și după, deschideți comparația imaginii existente (făcând clic pe ea) pentru a edita cuprins. Pur și simplu selectați imaginea anterioară de pe înainte de imagine secțiunea și selectați imaginea după pe dupa poza secțiune. După cum puteți vedea, puteți, de asemenea, să suprascrieți etichetele pentru fiecare secțiune.
Odată ce selecția imaginilor este completă, puteți deschide blocul setări cont pentru a seta poziția de pornire a separatorului. Dacă doriți să adăugați mai multe comparații de imagini, puteți seta Setările Carusel.
Apoi vă puteți stila comparația imaginii trecând la fila Stil. Puteți deschide cinci blocuri de ajustare pentru a stila comparația imaginii. Dar dacă trebuie doar să adăugați o comparație de imagini, trebuie doar să deschideți primele trei blocuri.
- general
Puteți deschide acest bloc pentru a seta umplutura, umbra casetei, tipul de chenar și raza chenarului.
- Etichetă
Puteți deschide acest bloc pentru etichetele de comparație de stil (eticheta „înainte” și „după”). Puteți seta lucruri precum alinierea orizontală, alinierea verticală, culoarea textului, culoarea fundalului, tipografia (familia de fonturi, stilul fontului, dimensiunea fontului) etc...
- Mâner
Puteți deschide acest bloc pentru a modela mânerul. Puteți seta lucruri cum ar fi alinierea mânerului, lățimea de control, înălțimea controlului, culoarea mânerului (indiferent dacă este în stare normală sau când treceți cu mouse-ul) și așa mai departe.
Dacă adăugați mai multe comparații de imagini, puteți deschide și blocurile Carusel Arrows et Puncte Carusel pentru a stila săgețile și punctele de navigare.
Asta e. Puteți face clic pe butonul publier / ACTUALIZAȚI pentru publica /editează-ți pagina după ce ai terminat de editat-o.
Obțineți Elementor Pro acum!!!
Concluzie
Aici ! Gata pentru acest articol care vă arată cum adăugați o comparație de imagini în Elementor. Dacă aveți nelămuriri despre cum să ajungeți acolo, anunțați-ne în termen 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.
...
