KWIGA centrum nápovědy LMS (vzdělávání) Vytvořte kurz a BootCamp Jak přidat tlačítko do lekce

Jak přidat tlačítko do lekce

Články:

Vysvětlíme, jak přidat tlačítko do lekce, maratonu, stránky kurzu nebo popisu modulu.


V tomto článku:


Na Kwiga můžete přidat tlačítko dvěma způsoby:

  1. Rychlá metoda – umožňuje nastavit barvu a text tlačítka.

  2. Pomocí kódu – umožňuje upravit libovolné parametry, jako je zaoblení rohů, velikost, barva obrysu, výška a další.

Rychlé přidání

Otevřete lekci, do které chcete přidat tlačítko, a vložte prvek „Text, obrázek, vložení kódu“. Klikněte do oblasti, kam chcete tlačítko umístit, a na panelu nástrojů textového editoru vyberte +Tlačítko.


V nabídce, která se otevře, můžete přidat odkaz, nastavit název tlačítka a přizpůsobit barvu tlačítka i textu. Klikněte na Odeslat a tlačítko bude přidáno do vaší lekce!



Přidání tlačítka pomocí kódu

Tlačítko můžete do lekce kurzu nebo maratonu přidat pomocí HTML kódu. Níže vám ukážeme, jak na to.

Otevřete lekci, do které chcete přidat tlačítko, a vložte prvek „Text, obrázek, vložení kódu“.

Poté otevřete editor kódu (pokud nevidíte panel nástrojů pro úpravu textu, klikněte do bílé oblasti a aktivujte pole pro zadávání textu):




Otevře se editor kódu (černá oblast na obrazovce) a v horní části nabídky uvidíte tlačítka pro přidání hotových šablon kódu. Chcete-li vytvořit tlačítko, vyberte Tlačítko:




Na stránce uvidíte kód a nad ním své tlačítko.

Můžete také upravit velikost písma na tlačítku, vnitřní odsazení, šířku tlačítka a nastavit zaoblení rohů.



Barvu tlačítka můžete nastavit pomocí RGB nebo HEX kódu, převodníku nebo nástroje pro výběr barvy.

Umístění více tlačítek do jedné řady

Chcete-li vytvořit více tlačítek umístěných vedle sebe, je potřeba doplnit další kód. Níže je kód pro tři tlačítka s textem „Base“, „Comfort“ a „Pro“ ve třech různých barvách. Můžete upravit příslušné části kódu, změnit text, barvu, formát tlačítka a také nezapomeňte přidat odkaz.



     Base <\/a>

     Comfort <\/a>

     Pro <\/a>

<\/div>