Za određenu vrstu posla kao što je usluga uređivanja fotografija, dodavanje usporedbe slika može biti koristan alat za opisivanje vaše usluge. Usporedbu slika možete dodati na početnu stranicu, odredišnu stranicu ili bilo koju stranicu na kojoj govorite o usluzi koju nudite.

Elementor doista ne nudi nikakav widget ili funkciju za dodavanje usporedbe slika, ali možete ga dobiti pomoću dodatka. Postoje dodatni moduli Elementor koji nude widget za dodavanje usporedbe slika. Od kojih su tri:  Osnovni dodaciSretni Addoni, A JetElements

U ovom članku ćemo vam pokazati kako dodati usporedbu slika Elementor koristeći JetElements.

JetElements sam je vrhunski dodatak za Elementor koji je razvio Crocoblock. Dio je obitelji JetPlugins. Dodatak dolazi s widgetom pod nazivom Slike za usporedbu koje možete koristiti za dodavanje usporedbe slika na stranicu Elementor.

Kako dodati usporedbu slika u Elementor

Provjerite jeste li JetElements dodatak instaliran i aktiviran prije nego što počnete. Ako ste novi u Elementoru, možete pročitati naš prethodni članak da biste saznali kako koristiti Elementor.

Izravno ćemo dodati widget Slike za usporedbu u ovom članku.

Prije nego što počnete, možete pripremiti dvije slike za usporedbu. Na primjer, možete pripremiti sliku prije i sliku poslije. Kada budete spremni, samo povucite widget Slike za usporedbu u okviru za uređivanje Elementora.

dodajte usporedbu slika u Elementor

Prema zadanim postavkama, widget za usporedbu slika JetElements stvara dvije usporedbe slika. Ako samo trebate stvoriti usporedbu slika (dvije slike za usporedbu), možete izbrisati jednu od postojećih usporedbi slika.

Pročitajte također: Elementor: Kako dodati Lottie animaciju

Da biste dodali sliku prije i poslije, otvorite postojeću usporedbu slika (klikom na nju) da biste je uredili sadržaj. Jednostavno odaberite prethodnu sliku na prije slike odjeljak i odaberite sliku nakon na nakon slike odjeljak. Kao što vidite, također možete nadjačati oznake za svaki odjeljak.

dodajte usporedbu slika u Elementor

Nakon što je odabir slika završen, možete otvoriti blok Postavke za postavljanje početne pozicije separatora. Ako želite dodati više od jedne usporedbe slika, možete postaviti postavke karusela.

dodajte usporedbu slika u Elementor
#naslov_slike

Zatim možete oblikovati svoju usporedbu slika prebacivanjem na karticu Stil. Možete otvoriti pet blokova prilagodbe kako biste stilizirali svoju usporedbu slika. Ali ako samo trebate dodati usporedbu slike, samo trebate otvoriti prva tri bloka.

  • Opći

Možete otvoriti ovaj blok da postavite ispunu, sjenu okvira, vrstu obruba i radijus obruba.

dodajte usporedbu slika u Elementor
  • Označiti

Ovaj blok možete otvoriti za oznake za usporedbu stilova (oznaka "prije" i "poslije"). Možete postaviti stvari kao što su vodoravno poravnanje, okomito poravnanje, boja teksta, boja pozadine, tipografija (familija fontova, stil fonta, veličina fonta), itd...

dodajte usporedbu slika u Elementor
  • Rukovati

Možete otvoriti ovaj blok da biste stilizirali ručku. Možete postaviti stvari poput poravnanja ručke, širine kontrole, visine kontrole, boje ručke (bez obzira na to je li normalno stanje ili pri lebdenju) i tako dalje.

Ako dodate više od jedne usporedbe slika, također možete otvoriti blokove Strelice vrtuljka et Karusel Dots stilizirati strelice i navigacijske točke.

To je to. Možete kliknuti gumb Objavi / AŽURIRAJ za objaviti /uredite svoju stranicu nakon što završite s uređivanjem.

Nabavite Elementor Pro sada!!!

Zaključak

Ovdje! To je to za ovaj članak koji vam pokazuje kako dodajte usporedbu slika u Elementor. Ako imate bilo kakvih nedoumica o tome kako doći tamo, javite nam unutar Komentari.

Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.

Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.

...