Nastavit animace obsahu
Animace mění způsob, jakým se obsah na webu objeví nebo pohybuje. Používejte je jako doplněk: text, obrázky a tlačítka musí zůstat srozumitelné a dostupné i bez efektu. Dostupné efekty, okamžik jejich spuštění a chování na mobilu určuje šablona vašeho webu.
Kde nastavení najdete
Společnou část Animation mohou nabízet sekce a skupinové bloky Benefits, Crosslink, Downloads, Logos, Person a Testimonial. V některých projektech ji má také Navigation Container.
U skupinových bloků hledejte nastavení u celého kontejneru, ne automaticky u každé vložené položky. Pokud část v editoru chybí, nemusí ji daný blok nebo projekt nabízet.
Top Image má vlastní volbu Animation, která se od společného nastavení liší. Popis najdete níže.
Nastavit a vyzkoušet efekt
- Otevřete stránku a vyberte sekci nebo kontejner, jehož obsah chcete upravit.
- V části Animation si poznamenejte původní hodnoty. Začněte pouze jedním blokem, abyste poznali, na co má změna vliv.
- V poli Animation type vyberte efekt podporovaný vaším webem. Volba none znamená, že zde nevybíráte žádný efekt.
- Pole Animation a Animation delay upravujte podle pravidel vašeho projektu. Pokud neznáte význam rozsahu nebo jednotku zpoždění, ponechte původní hodnotu a ověřte je u správce webu.
- Uložte změny a otevřete náhled stránky. Vyzkoušejte načtení i procházení stránky na počítači a telefonu.
- Zkontrolujte čitelnost, dostupnost ovládacích prvků a chování s omezeným pohybem v nastavení zařízení. Teprve potom stránku publikujte.
Společná pole
Tabulka – širší obsah posuňte do stran
| Pole | Jak s ním pracovat |
|---|---|
| Animation type | Nabídka pojmenovaných efektů. Přesný vzhled a podporu vybrané varianty ověřte v náhledu. |
| Animation | Výběr rozsahu s možnostmi items, container a all. Které konkrétní prvky do rozsahu patří, určuje šablona. Nepředpokládejte, že all automaticky zahrne všechny bloky na stránce. |
| Animation delay | Číselné nastavení zpoždění. Jednotka, povolené hodnoty a způsob použití nejsou ve společné definici určeny. Bez potvrzení pro váš projekt nezaměňujte sekundy a milisekundy. Nejde o nastavení rychlosti slideru. |
Základní nabídka Animation type obsahuje tyto názvy:
- none;
- fade, fade-up, fade-left, fade-right, fade-up-right, fade-up-left;
- slide-up, slide-left;
- zoom-in, zoom-in-up, zoom-in-left, zoom-in-right;
- zoom-out, zoom-out-up, zoom-out-left, zoom-out-right.
Nabídka v administraci sama nepotvrzuje, že web všechny varianty vykresluje. Z názvu také nelze určit délku efektu, jeho opakování ani to, zda se spouští při načtení nebo při posouvání stránky.
Samostatná animace Top Image
Blok Top Image nabízí v poli Animation možnosti none, parallax a zoom. Jde o jiné nastavení než rozsah items / container / all u společné části Animation. Volba efektu v Top Image sama nezpřístupňuje společné pole Animation delay.
Vyberte pouze variantu připravenou pro váš projekt a zkontrolujte její vliv na čitelnost textu a viditelnost obrázku. Přesný pohyb, ořez ani reakci na posouvání stránky neodvozujte jen z názvu možnosti.
Kontrola výsledku
- Je důležitý text dostupný hned, bez zbytečného čekání na efekt?
- Zůstávají tlačítka a odkazy použitelné klávesnicí i dotykem?
- Neanimuje se stejný obsah rušivě současně přes sekci i vložený kontejner?
- Zůstane obsah viditelný i při zapnutém omezení pohybu na zařízení?
- Je výsledek přehledný také na telefonu a po opětovném otevření stránky?
Když animace nefunguje podle očekávání
Vybraná varianta nic nezmění: ověřte u správce webu, zda ji šablona podporuje a co ji spouští. Není nutné postupně zkoušet všechna pole bez znalosti jejich významu.
Pohybuje se jiná část obsahu: zkontrolujte, zda upravujete sekci, kontejner nebo Top Image. U společné animace si nechte potvrdit, které prvky daná šablona zahrnuje do items, container a all.
Obsah se objeví příliš pozdě nebo zůstane skrytý: vraťte poslední změnu a ověřte jednotku zpoždění. Pro odstranění zvoleného efektu použijte none a znovu zkontrolujte náhled. Pokud problém trvá, může být efekt nastavený na nadřazené sekci nebo přímo v šabloně.
Změna je vidět jen v náhledu: zkontrolujte publikování stránky.
Podpoře pošlete adresu stránky, název sekce nebo kontejneru, hodnoty polí, typ zařízení a popis toho, kdy problém nastává. Přiložte krátký záznam nebo snímek výsledku.