10 Tipů a triků, které Vám usnadní čas a práci s Elementorem

Dnes se mrkneme na to, jak Vám ušetřit čas a usnadnit práci s Elementorem. Pokud ještě tento skvělý nástroj pro WordPress nemáte, stáhněte si ho zdarma na tomto odkazu.

1. Rychle kopírujte/vkládejte widgety a sekce

Elementor verze: Free

Už jste někdy narazili na sekce nebo widgety, které potřebujete znovu použít na stránce nebo mezi stránkami? Možná to řešíte tak, že widget duplikujete a přetáhnete na požadované místo. Takové řešení je trochu časově náročné a neefektivní. Hlavně, když chcete něco umístit až na konec dlooouhé stránky.

Mám pro Vás něco lepšího!

Přímo kopírujte/vkládejte widgety nebo sekce

Klikněte pravým tlačítkem na widget nebo sekci a zvolte „Kopírovat“.

Poté klikněte pravým tlačítkem na oblast, kam chcete widget nebo sekci vložit a zvolte „Vložit“.

A je to! Easy peasy!

2. Nastavte Globální písma

Elementor verze: Free

Už Vás nebaví nastavovat písma při každém vytvoření stránky? Víte, že si můžete nastavit výchozí písmo pro celý web?

Ukážeme si, jak na to:

V Elementoru klikněte na hamburger menu vlevo nahoře. Tím se otevře nabídka konfigurace stylu a nastavení. Klikněte na Site Settings > Globální písma. Zde můžete nastavit výchozí písma.

Písmo můžete nastavit pro primární nadpis, sekundární nadpis, hlavní text a zvýrazňující text.

Jakmile vyberete výchozí písma, budou automaticky vložena při každé úpravě stránky.

Poznámka: Výchozí písma nebudou použita tam, kde jste výslovně použili jiné písmo.

3. Přidejte tvarový oddělovač

Elementor verze: Free

Tvarový oddělovač se přidává do horní a dolní části sekce. Tímto efektem dodáte svému webu stylový design.

Jak na to:

Klikněte na část, do které chcete přidat tvarový oddělovač, a přejděte do nabídky v levém panelu CSS > Tvarový oddělovač.

Jak vložit tvarovaný oddělovač do Elementoru

Můžete si vybrat, zda chcete zobrazit oddělovač v horní nebo dolní části sekce. Vybírat můžete z více než 15 možností.

Jak vložit tvarovaný oddělovač do Elementoru2

Jakmile vyberete preferovaný oddělovač, budete moci přizpůsobit barvu, změnit výšku, překlopit oddělovač a posunout jej dopředu.

4. Přidejte video jako pozadí

Elementor verze: Free

Video na pozadí vypadá parádně! Pojďme si ukázat, jak na to:

Klikněte na sekci, do které chcete video vložit a přejděte na CSS > Pozadí. V nastavení pozadí změňte typ pozadí na video.

Jakmile zvolíte video, budete na něj muset přidat odkaz. Můžete dokonce nastavit čas zahájení a čas ukončení videa.

Existuje také možnost zvolit záložní obrázek. Tento obrázek nahrazuje video na pozadí při prohlížení na tabletech a mobilních zařízeních.

5. Nahrajte vlastní font

Elementor verze: Pro

Pokud se chcete odlišit a mít originální web, nahrajte si vlastní písma.

Zde je návod:

Ve WordPress administraci přejděte na Elementor > Custom fonts.

Na stránce Custom fonts napište název fontu, klikněte na „Přidat nové“ a nahrajete své písmo.

Písmo můžete nahrát v následujících formátech:

.woff
.woff2
.ttf
.svg
.eot

Nejčastěji používané jsou první 3 formáty.

Kliknete nahrát – můžete zvolit velikost a styl písma, nakonec klikněte „Publikovat“.

Poznámka: Pokud nemáte font v některém z uvedených formátů, můžete formát jednoduše převést na této stránce.

6. Použijte Navigátor

Elementor verze: Free

Nejvíce využívaná funkce Elementoru. Umožňuje rychle procházet celou stránku z malého panelu.

Chcete-li otevřít Navigátor, klikněte na tlačítko prvků v zápatí panelu Elementoru. Alternativně ho můžete také otevřít kliknutím pravého tlačítka na libovolný widget a zvolením funkce Navigátor.

Navigátor Vás přenese na libovolný prvek na stránce, stačí na něj jen kliknout.

Widgety můžete vidět v sekci a také je odstranit přímo z Navigátoru pravým kliknutím myši.

Sekce a widgety se dají také přesunout na jiné místo – stačí danou sekci/widget chytit a přesunout. Změna se automaticky propíše do stránky.

Dvojitým kliknutím levého tlačítka můžete jednotlivé sekce a widgety také přepsat. Pomůže Vám to lépe se orientovat.

Opravdu vychytávka, která ušetří spoustu času!

Tip: Stiskněte Ctrl / Cmd + I

7. Umístěte widgety vodorovně vedle sebe

Elementor verze: Free

Co když chcete do Elementoru umístit dvě tlačítka vedle sebe? Jak na to?

Zde je návod:

Nejprve přidejte dva widgety (např. tlačítka) pod sebe do jedné sekce/sloupce.

Vyberte první widget a přejděte do části Pokročilé > Positioning > Šířka – Inline (auto).

Totéž proveďte i s druhým widgetem.

A je to!

8. Použijte klávesové zkratky

Elementor verze: Free

Zkratky nám pomohou rychle provádět jednoduché úkony, díky nimž budeme produktivnější. Elementor nabízí několik zkratek, které byste měli začít používat k rychlému vytváření stránek.

Klávesové zkratky v Elementoru

Zobrazení zkratek: 

PC – přepněte na anglickou klávesnici: Win + mezerník a poté stiskněte CTRL + ?.

MacCmd + ?.

9. Fixní pozice widgetu

Elementor verze: Free

Tato super funkce umožňuje, aby byly vaše widgety, jako např. tlačítko, při rolování stránky fixovány na pozici.

Chcete-li nastavit fixní pozici, klikněte na widget, přejděte do části Pokročilé > Positioning > Pozice > Fixováno.

10. Interaktivní tlačítko - Dynamické značky

Elementor verze: Pro

Dynamické značky můžete vložit např. do tlačítka nebo textu. Po kliknutí proběhne akce, kterou zvolíte.

Zavolat na klik

Můžete vložit telefonní tlačítko, když na něj zákazník klikne, vytočí vaše číslo. Nemusí tak složitě kopírovat a vkládat číslo do číselníku v mobilním telefonu.

Jak na to:

Vložte tlačítko, klikněte na něj, v Obsahu klikněte na Dynamic tags a vyberte Contact URL.

Poté klikněte do kolonky Contact URL. Otevře se Vám nastavení.

V nastavení zvolte Type – Tel a napište telefonní číslo.

A je to!

Poznámka: Nastavit můžete také např. Messenger, WhatsApp, Waze atd.

Veronika Červenková

Veronika Červenková

Web/Elementor/grafika

Sdílejte článek

Pokud se Vám článek líbil, budeme rádi za sdílení!

Chcete dostávat upozornění na nové články?