KWIGA súgóközpont LMS (oktatás) Hozz létre egy kurzust és egy bootcampet Hogyan adjunk hozzá gombot a leckéhez

Hogyan adjunk hozzá gombot a leckéhez

Cikkek:

Elmagyarázzuk, hogyan adhat hozzá gombot egy lecke, maraton, kurzusoldal vagy modulleírás oldalához.


Ebben a cikkben:


A Kwigán kétféleképpen adhatsz hozzá gombot:

  1. Gyors módszer – lehetővé teszi a gomb színének és szövegének beállítását.

  2. Kód használatával – lehetővé teszi bármely paraméter szerkesztését, például a szegély lekerekítését, a méretet, a körvonal színét, a magasságot és egyebeket.

Gyors hozzáadás

Nyisd meg azt a leckét, amelyhez gombot szeretnél hozzáadni, és illeszd be a „Szöveg, kép, kódbeágyazás” elemet. Kattints arra a területre, ahová a gombot szeretnéd elhelyezni, majd válaszd a +Button lehetőséget a szövegszerkesztő eszköztárán.


A megnyíló menüben hozzáadhatsz egy linket, megadhatod a gomb nevét, valamint testreszabhatod a gomb és a szöveg színét. Kattints a Submit gombra, és a gomb hozzá lesz adva a leckédhez!



Gomb hozzáadása kóddal

HTML-kóddal is hozzáadhatsz gombot egy kurzusleckéhez vagy maratonhoz. Az alábbiakban megmutatjuk, hogyan teheted ezt meg.

Nyisd meg azt a leckét, amelyhez gombot szeretnél hozzáadni, és illeszd be a „Szöveg, kép, kódbeágyazás” elemet.

Ezután nyisd meg a kódszerkesztőt (ha nem látod a szövegszerkesztő eszköztárát, kattints a fehér területre a szövegbeviteli mező aktiválásához):




Megnyílik a kódszerkesztő (egy fekete terület a képernyőn), és a menü tetején gombokat fogsz látni kész kódsablonok hozzáadásához. Gomb létrehozásához válaszd a Button lehetőséget:




Látni fogod a kódot az oldalon, fölötte pedig a gombodat.

Testreszabhatod a gomb betűméretét, a belső margót, a gomb szélességét, valamint módosíthatod a szegély lekerekítését is.



A gomb színét RGB- vagy HEX-kóddal, egy konverter segítségével vagy egy színválasztó eszközzel is beállíthatod.

Több gomb elhelyezése egy sorban

Egymás mellett elhelyezett több gomb létrehozásához további kódra van szükség. Az alábbiakban három gomb kódja látható „Base”, „Comfort” és „Pro” szöveggel, három különböző színben. A kód megfelelő részeit szerkesztheted, módosítva a szöveget, a színt, a gomb formátumát, és ne felejtsd el a linket is hozzáadni.



     Base <\/a>

     Comfort <\/a>

     Pro <\/a>

<\/div>