Centrul de asistență KWIGA LMS (educație) Creează un curs și un BootCamp Cum să adăugați un buton la lecție

Cum să adăugați un buton la lecție

Articole:

Vă vom explica cum să adăugați un buton la o lecție, maraton, pagină de curs sau descrierea unui modul.


În acest articol:


Pe Kwiga, poți adăuga un buton în două moduri:

  1. Metodă rapidă – îți permite să setezi culoarea și textul butonului.

  2. Folosind cod – îți permite să editezi orice parametri, cum ar fi raza colțurilor, dimensiunea, culoarea conturului, înălțimea și altele.

Adăugare rapidă

Deschide lecția în care vrei să adaugi un buton și inserează un element „Text, Imagine, Încorporare cod”. Fă clic în zona în care vrei să plasezi butonul și selectează +Buton din bara de instrumente a editorului de text.


În meniul care se deschide, poți adăuga un link, seta numele butonului și personaliza culoarea butonului și a textului. Fă clic pe Trimite, iar butonul va fi adăugat în lecția ta!



Adăugarea unui buton prin cod

Poți adăuga un buton într-o lecție de curs sau într-un maraton folosind cod HTML. Îți vom arăta mai jos cum să faci acest lucru.

Deschide lecția în care vrei să adaugi un buton și inserează elementul „Text, Imagine, Încorporare cod”.

Apoi deschide editorul de cod (dacă nu vezi bara de instrumente pentru editarea textului – fă clic în zona albă pentru a activa câmpul de introducere a textului):




Editorul de cod se va deschide (o zonă neagră pe ecran), iar în partea de sus a meniului vei vedea butoane pentru adăugarea de șabloane de cod gata făcute. Pentru a crea un buton, selectează Buton:




Vei vedea codul pe pagină, iar deasupra lui vei vedea butonul tău.

De asemenea, poți personaliza dimensiunea fontului de pe buton, spațierea interioară, lățimea butonului și poți ajusta raza colțurilor.



Poți seta culoarea butonului folosind cod RGB sau HEX, un convertor sau un instrument de selectare a culorilor.

Plasarea mai multor butoane într-un rând

Pentru a crea mai multe butoane plasate unul lângă altul, este necesar cod suplimentar. Mai jos este codul pentru trei butoane cu textul „Base”, „Comfort” și „Pro” în trei culori diferite. Poți edita părțile corespunzătoare ale codului, schimbând textul, culoarea, formatul butonului și nu uita să adaugi și linkul.



     Base <\/a>

     Comfort <\/a>

     Pro <\/a>

<\/div>