Conobe Before & After Image Slider

Popis

Vytvoření krásného posuvníku „Před a po“ už nemůže být jednodušší.

Posuvníky můžete vytvářet jedním ze dvou způsobů:

1. Před a po > Generator — specializovaná stránka pro správu s plnohodnotným vizuálním editorem: vyberte si média „Před“ a „Po“, zvolte horizontální nebo vertikální orientaci, přizpůsobte barvu a šířku dělicí lišty, velikost a barvy úchytů, vyberte ikonu, nastavte text a barvy popisků, poloměr rohů, stín, poměr stran a šířku — to vše s živým náhledem, kde můžete prvky přetahovat a porovnávat. Klikněte na „Generovat zkrácený kód“ a výsledek zkopírujte kamkoli.

2. Tlačítko klasického editoru — vedle položky „Přidat médium“ na obrazovce pro úpravy příspěvku či stránky se zobrazí tlačítko „Posuvník před a po“. Otevře se tím stejný generátor v modálním okně a do textu se na místě kurzoru vloží zkrácený kód.

A je to! — vše je dodáváno jako jeden shortcode, který můžete vložit do jakéhokoli příspěvku, stránky, widgetu, bloku nebo šablony, která podporuje shortcode.

Funkce

✅ Klikatelný posuvník – Kliknutím kdekoli na posuvníku zobrazíte části obrázku, aniž byste je museli přetahovat.

✅ Pohyb posuvníku při najetí myší – Zapněte nebo vypněte tuto funkci, aby se ukazatel posuvníku automaticky pohyboval podle pohybu myši.

✅ Přizpůsobitelné popisky – Zapněte nebo vypněte popisky „Před“ a „Po“, upravte text popisků a přizpůsobte barvy textu i pozadí.

✅ Vodorovná a svislá orientace – Zvolte, zda se obsah posuvníku bude zobrazovat zleva doprava nebo shora dolů.

✅ Výchozí počáteční polohy – Nastavte vlastní procentuální posun pro počáteční polohu posuvníku.

✅ Rozměry a poměry stran – Zadejte šířku v px, %, nebo auto a zafixujte poměry stran (16:9, 4:3, 1:1, 21:9, 3:4), abyste zajistili jednotné formátování.

✅ Úpravy vzhledu – Doladění poloměru rohů a efektů stínů u kontejneru posuvníku.

✅ Přizpůsobitelná oddělovací lišta a ovládací prvek – Přizpůsobte si barvu a šířku oddělovací lišty, velikost, pozadí a ohraničení ovládacího prvku, barvu ikony a vyberte si z 5 přednastavených ikon (nebo ikonu úplně odstraňte).

✅ Simple Visual Generator – Integrovaný vizuální editor s okamžitým náhledem a automatickým generováním shortcodeů – nejsou nutné žádné znalosti kódování ani programování.

✅ Integrace médií a widgetů – Plně kompatibilní se standardní knihovnou médií WordPressu a speciálními widgety WordPressu.

✅ Optimalizováno pro SEO a rychlost – Nastavte alternativní texty obrázků, povolte odložené načítání a použijte responzivní výstup srcset.

✅ Podpora nástrojů pro tvorbu stránek – Funguje bez problémů prostřednictvím zkrácených kódů v Gutenbergu, Elementoru, WPBakery, Divi a jakémkoli nástroji pro tvorbu stránek, který zkrácené kódy podporuje.

✅ Neomezený počet posuvníků – Vytvořte si tolik standardních posuvníků, kolik potřebujete.

🚀 Upgrady na verzi PRO

✅ (PRO) – Seskupené posuvníky: Vytvářejte responzivní mřížky nebo sloupce posuvníků (např. mřížky 3×3 pro 9 posuvníků) s podporou zkratek a přizpůsobitelnými možnostmi mřížky (počet sloupců, tlačítka CTA a styl).

✅ (PRO) – Filtrovatelné skupiny: Přiřaďte podřízené skupiny k nadřazeným skupinám, aby se nad mřížkami posuvníků zobrazila interaktivní tlačítka pro filtrování.

✅ (PRO) – Uložené a prohledávatelné posuvníky: Ukládejte posuvníky v ovládacím panelu WordPressu pro rychlé aktualizace a prohledávejte uložené položky.

✅ (PRO) – Video posuvníky: Vytvářejte přechody typu „před a po“ pomocí dvou synchronizovaných videí nebo kombinace obrázků a videa.

✅ (PRO) – Vložené videopřehrávače: Místo vlastních videí můžete použít vložené kódy ze služeb YouTube, Vimeo nebo jiných poskytovatelů.

✅ (PRO) – Posuvníky s jedním obrázkem: Použijte filtry CSS transformace (stupně šedi, inverze, sytost, jas, průhlednost, sépie, kontrast) na jeden obrázek.

✅ (PRO) – Vlastní vodoznaky: Nahrajte vlastní obrázky vodoznaků, zapínejte je nebo vypínejte a umisťujte je do jedné z 9 zón.

✅ (PRO) – Posuvný slider: Propojte přechod při odhalení přímo s posouváním stránky tak, aby se obrázek rozbalil, jakmile návštěvníci posouvají stránku dolů.

✅ (PRO) – Automatický posuvník: Automatický posun tam a zpět s nastavitelnou dobou trvání a možnostmi opakování.

✅ (PRO) – Umístění popisků: Pokročilé ovládací prvky pro umístění textových popisků „před“ a „za“.

✅ (PRO) – Vlastní CSS: Ukládejte vlastní pravidla stylů CSS samostatně pro každý posuvník.

✅ (PRO) – Aktualizace pluginů a přednostní technická podpora: Po celou dobu platnosti licence máte přístup ke všem aktualizacím pluginů a k přednostní technické podpoře.

Závěrečné titulky

Tento plugin vytvořil a spravuje Conobe.