Tipy a triky pro Elementor #1

tipy_triky

Elementor je stále více populárnějším editorem webových stránek postavených na redakčním systému WordPress. Elementor jako takový, jak ve verzi PRO, tak i ve verzi zdarma obsahuje různé featury, které nejsou, nebo minimálně nemusejí být na první pohled viditelné. V následujícím seriálu o tipech a tricích, bych se chtěl na některé z nich podívat blíže a … Číst dál

Blur effect v Elementoru

motion-effects

Dalším ze efektů, které se dají s prvky dělat pomocí Elementoru a na které bych se chtěl dnes podívat, je tzv. Blur efekt. Tedy efekt rozmazání. Jako příklad takového efektu jsem udělal blok s pozadím přírody, pod který jsem dal brýle s transparentním pozadím. Při pohybu stránky dolů mají brýle nastavený pohyb nahoru a k … Číst dál

Vertical scroll a horizontal scroll efekt v Elementoru

motion-effects

Za pomocí page builderu Elementor se dají vytvářet pozoruhodné efekty. Dvojící z těchto efektů je horizontální a vertikální posun obrázku, písma nebo ve své podstatě jakéhokoliv prvku. To se hodí např. na jednostránkovém webu, kde chcete zaujmout uživatele na první pohled něčím netradičním. Uděláte tak web, který bude interaktivní a elementy v něm se mohou … Číst dál

Jak vytvořit stránku 404 přes Elementor

404-main

Ač se to možná nezdá, chybová stránka je na webu docela podceňována, přitom ale tvoří stránku, která může být docela zásadně navštěvována. Že Vám zatím nic neříká, o co se vlastně jedná? Zjednodušeně řečeno, jde o stránku, která se zobrazí každému uživateli, který se na Vašem webu snaží otevřít něco, co tam není. Taková situace … Číst dál

Vícestránková galerie pomocí Elementoru PRO

elementor_gallery_main

Builder, nebo chcete-li plugin či rozšíření pro WordPress, Elementor, umí ve verzi PRO vkládat do článků i stránek fotogalerie s nahranými fotkami. Zde pak umožňuje používat různé efekty při otevření, hover efekty po najetí myši a mnohé další úpravy, na které by jinak bylo potřeba dalšího pluginu, vysloveně pouze pro vytváření galerií. Na co bych … Číst dál

Parallax scroll efekt v Elementoru

elementor_main

S pozadím bloků v článku i na stránce se dají pomocí Elementoru dělat zajímavé efekty. Dnes bych se chtěl podívat na takový, který nechává na pozadí bloku statický obrázek, zatímco samotný blok se posouvá spolu se stránkou. Říká se mu parallax scroll efekt a vypadá takto. Pozor! Parallax efekt níže uvedený jako příklad funguje pouze … Číst dál

Animace písma se změnou barvy (v závislosti na pozadí) pomocí Elementoru

motion-effects

V dnešním článku o efektech Elementoru bych se chtěl podívat na to, jak vytvoříte blok s textem, který se při pohybu bude hýbat a měnit zároveň svou barvu v závislosti na tom, jaké pozadí je zrovna za ním. Níže v uvedeném příkladu je názorná ukázka takového bloku. Při pohybu stránky se posouvá písmo buď na … Číst dál