V tomto článku sa dozviete, ako vložiť text na obrázok v Elementore. Prvá vec, ktorú musíte urobiť, je vytvoriť novú stránku a začať ju upravovať pomocou Elementor. Pridaný nový stĺpec a kód možnosti štýl pridať obrázok na pozadí. Potom nastavte možnosti. Poloha, pripojenie, opakovanie a veľkosť, ako vám to vyhovuje a ako chcete obrázok vidieť. Potom do stĺpca pridáte názov a zobrazí sa obrázok s textom.
Keď to urobíte, musíte text štylizovať tak, aby lepšie sedel s obrázkom. Po naštylizovaní textu prejdete na možnosť Pokročilé, ak chcete nastaviť, ktorá časť obrázka sa má zobraziť. Upravte medzery alebo okraje textu, konkrétne v tomto príklade je okraj nastavený nad a pod textom a keď to urobíte, získate takýto obrázok.
Dá sa nastaviť aj animácia textu, ako sa zobrazuje pri načítaní stránky, to sa nastavuje v kóde Pohybové efekty v rámci možnosti Vstupná animácia. Text môžete ďalej štylizovať tak, že ho orámujete, pridáte do rámčeka tieň a podobne. Aby rám a obrázok vyzerali lepšie, odstránime okraj a nastavíme medzery medzi textom. Aby to celé vyzeralo ešte lepšie, môžete nastaviť pozadie textu tak, aby malo farbu, ale bolo priehľadné ako v tomto príklade. Nižšie je uvedený príklad obrázka, ktorý môžete získať pomocou týchto nastavení.
Takýto obrázok môžete nastaviť pomerne rýchlo a jednoducho, s rôznymi prvkami, tento príklad používa nadpis, ktorý má priehľadné čierne pozadie a rám, ako aj vrhnutý tieň. Finálne vykreslenie obrázka s animáciou si môžete pozrieť uložením stránky a kliknutím na Ukážka zmien v ľavom dolnom rohu vedľa tlačidla Publikovať.
Na obrázku vyššie vidíte čiastočný pohľad na to, ako by animácia mohla vyzerať. Dúfam, že tento text bol pre vás užitočný a dozvedeli ste sa niečo nové, ak máte záujem prečítať si ďalšie tipy na samostatnú prácu, môžete si ich pozrieť na našom blog, a v prípade, že sa chcete poradiť s profesionálmi, kliknite na tento odkaz.
Zdroj: YouTube
