Divi 5 přichází s dalším vylepšením zaměřeným na efektivitu práce – novou funkcí Hledat a Nahradit. Tento nástroj potěší především pokročilé uživatele, kterým umožní výrazně zrychlit úpravy webu a usnadní přechod starších webů na nové designové principy Divi 5, jako jsou například proměnné.
Stačí kliknout pravým tlačítkem myši na libovolné pole a nahradit jeho hodnotu v definovaném rozsahu. Jednoduchý princip, který však ve většině vizuálních editorů chybí – a právě proto má tato novinka velký význam.
V následujícím videu se můžete podívat, jak přesně nová funkce funguje v praxi. 👇
Najdi a nahraď cokoliv na stránce
Při kliknutí pravým tlačítkem na libovolné pole se nyní objeví nová možnost Hledat a Nahradit. Po jejím zvolení se otevře panel s předvyplněnou hodnotou z původního pole.
Stačí zadat novou hodnotu, kliknout na tlačítko Hledat a nahradit – a systém okamžitě provede nahrazení všech výskytů na celé stránce. Rychlé, přehledné a velmi praktické řešení pro úpravu obsahu i designových prvků.
Zdlouhavé úpravy? Teď jednoduše a bez námahy
Díky této funkci je možné provádět rozsáhlé změny během pár kliknutí – něco, co by v jiných editorech zabralo spoustu času a trpělivosti. Například ve videu níže můžete vidět, jak snadno lze nahradit desítky statických fontů novou proměnnou pro nadpis, vytvořenou pomocí systému designových proměnných v Divi 5.
Funkce Hledat a Nahradit je ideálním nástrojem pro nahrazení pevných hodnot – jako jsou fonty nebo barvy – flexibilními proměnnými, které jsou přizpůsobené modernímu způsobu práce s designem.
Pracujete s předpřipraveným layoutem a chcete změnit barevné schéma, aniž byste strávili hodinu procházením nastavení? Díky funkci Hledat a Nahradit je to nyní výrazně jednodušší.
V kombinaci s novým vyhledáváním a filtrováním stylů v Divi 5 snadno odhalíte, které prvky byly upraveny – a následně během okamžiku nahradíte všechny výskyty konkrétní barvy novou.
Máte kontrolu nad tím, co a kde nahrazujete
Funkce Hledat a Nahradit v Divi 5 nenabízí jen rychlost, ale i precizní kontrolu. Můžete si přesně určit, kde a jaké hodnoty budou nahrazeny. Například lze nahradit hodnoty pouze v rámci konkrétního prvku, jeho potomků, nebo rozšířit zásah na celý layout.
Můžete také zvolit, zda má být nahrazena každá hodnota bez rozdílu, nebo pouze hodnoty v obdobných typech nastavení. V panelu Hledat a Nahradit jsou dostupné následující možnosti:
- Zdrojový prvek – Prvek, ze kterého se vychází. Obsahuje hodnotu, kterou chcete nahradit, a zároveň určuje výchozí bod pro určení rozsahu nahrazení.
- Hledaná hodnota – Konkrétní hodnota, kterou chcete nahradit jinou.
- Nová hodnota – Hodnota, která nahradí tu původní.
- Rozsah nahrazení – Nastavení, které určuje, kde se má nahradit. Můžete volit mezi aktuálním prvkem, jeho potomky, nadřazenými prvky, nebo celou stránkou.
- Typ prvku pro nahrazení – Možnost cílit pouze na konkrétní typy prvků – např. pouze moduly, kontejnery apod.
- Nahrazovat pouze identické pole – Pokud chcete mít jistotu, že se nahradí pouze konkrétní nastavení (např. pouze border radius), můžete aktivovat tuto možnost a předejít tak nežádoucím změnám v jiných oblastech.
Tato úroveň kontroly dělá z funkce Hledat a Nahradit nástroj, který šetří čas a zároveň chrání integritu designu.
Závěr
Divi 5 přináší výrazný krok kupředu v oblasti efektivity práce s vizuálními editory. Nová funkce Hledat a Nahradit není jen drobným vylepšením – je to nástroj, který může výrazně urychlit úpravy, sjednotit design a usnadnit přechod na moderní principy práce s proměnnými.
Ať už pracujete na novém projektu, nebo upravujete stávající web, tato funkce vám dává přesnou kontrolu nad změnami, které by dříve zabraly desítky minut. Divi 5 tak opět potvrzuje svou pozici jednoho z nejvíce uživatelsky přívětivých nástrojů pro tvorbu webu.
Prohlédněte si i další novinky v Divi 5
- Divi 5: Nový karousel modul – vytvářejte slidery z čehokoliv
- Divi 5: Loop Builder – svoboda při výpisu obsahu
- Divi 5: Flexbox
- Divi 5: Rozšíření atributů
- Divi 5: Pokročilé jednotky (včetně CSS funkcí a proměnných)
- Divi 5: Design založený na presetech
- Divi 5: Proměnné v designu
- Divi 5: Vyhledávání a filtrování nastavení
- Divi 5: Správu atributů
- Divi 5: Skupiny modulů
- Divi 5: Přizpůsobitelné responzivní breakpointy
- Divi 5: Vnořené řádky
- Divi 5 (Public Alpha) k dispozici ke stažení


