Pro určitý typ podnikání, jako je například služba pro úpravu fotografií, může být přidání srovnání obrázků užitečným nástrojem k popisu vaší služby. Porovnání obrázků můžete přidat na domovskou stránku, vstupní stránku nebo jakoukoli stránku, kde mluvíte o službě, kterou nabízíte.

Elementor skutečně nenabízí žádný widget nebo funkci pro přidání srovnání obrázků, ale můžete je získat pomocí doplňku. Existují další moduly Elementor které nabízejí widget pro přidání srovnání obrázků. Tři z nich jsou:  Základní doplňkyŠťastné doplňky, A JetElements

V tomto článku vám ukážeme, jak přidat srovnání obrázků Elementor pomocí JetElements.

JetElements sám o sobě je prémiovým doplňkem pro Elementor vyvinutý společností Crocoblock. Je součástí rodiny JetPlugins. Doplněk je dodáván s widgetem s názvem Srovnávací obrázky který můžete použít k přidání srovnání obrázků na stránku Elementor.

Jak přidat srovnání obrázků v Elementoru

Než začnete, ujistěte se, že máte nainstalovaný a aktivovaný doplněk JetElements. Pokud jste v Elementoru nováčkem, můžete si přečíst náš předchozí článek, kde se to dozvíte jak používat Elementor.

Widget přidáme přímo Srovnávací obrázky v tomto článku.

Než začnete, můžete si připravit dva obrázky k porovnání. Můžete například připravit obrázek před a po. Jakmile budete připraveni, stačí widget přetáhnout Srovnávací obrázky v editačním poli Elementor.

přidat srovnání obrázků v Elementoru

Ve výchozím nastavení vytváří widget JetElements Image Compare dvě porovnání obrázků. Pokud potřebujete pouze vytvořit srovnání obrázků (dva obrázky k porovnání), můžete jedno ze stávajících srovnání obrázků odstranit.

Čtěte také: Elementor: Jak přidat animaci Lottie

Chcete-li přidat obrázek před a po, otevřete stávající porovnání obrázků (kliknutím na něj) a upravte jej obsah. Jednoduše vyberte předchozí obrázek na před obrázkem a poté vyberte obrázek na po obrázku sekce. Jak vidíte, můžete také přepsat štítky pro každou sekci.

přidat srovnání obrázků v Elementoru

Po dokončení výběru obrázků můžete blok otevřít Nastavení pro nastavení počáteční polohy oddělovače. Pokud chcete přidat více než jedno porovnání obrázků, můžete nastavit Nastavení karuselu.

přidat srovnání obrázků v Elementoru
#image_title

Poté můžete upravit styl porovnání obrázků přepnutím na kartu Styl. Můžete otevřít pět bloků úprav a upravit tak srovnání obrázků. Pokud ale potřebujete přidat pouze srovnání obrázků, stačí otevřít první tři bloky.

  • obecný

Tento blok můžete otevřít a nastavit výplň, stín rámečku, typ ohraničení a poloměr ohraničení.

přidat srovnání obrázků v Elementoru
  • etiketa

Tento blok můžete otevřít pro popisky pro porovnání stylů (označení „před“ a „po“). Můžete nastavit věci jako horizontální zarovnání, vertikální zarovnání, barvu textu, barvu pozadí, typografii (rodinu písem, styl písma, velikost písma) atd…

přidat srovnání obrázků v Elementoru
  • Handle

Tento blok můžete otevřít a upravit tak rukojeť. Můžete nastavit věci jako zarovnání úchytu, šířku ovládacího prvku, výšku ovládacího prvku, barvu úchytu (ať už v normálním stavu nebo při umístění kurzoru) a tak dále.

Pokud přidáte více než jedno porovnání obrázků, můžete bloky také otevřít Kolotočové šipky et Carousel Dots pro stylování šipek a navigačních bodů.

A je to. Můžete kliknout na tlačítko VYDAVATEL / AKTUALIZACE pro publikovat /upravte svou stránku, jakmile ji dokončíte.

Získejte Elementor Pro nyní!!!

Proč investovat do čističky vzduchu?

Tady ! To je pro tento článek, který vám ukáže, jak přidat srovnání obrázků v Elementoru. Pokud máte nějaké obavy, jak se tam dostat, dejte nám vědět commentaires.

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.

...