Πώς να προσθέσετε ένα κουμπί στο μάθημα

Στο Kwiga, μπορείτε να προσθέσετε ένα κουμπί με δύο τρόπους:

1. Γρήγορη μέθοδος – σας επιτρέπει να ορίσετε το χρώμα και το κείμενο του κουμπιού.
   

2. Χρησιμοποιώντας κώδικα – σας επιτρέπει να επεξεργαστείτε οποιεσδήποτε παραμέτρους, όπως την ακτίνα του περιγράμματος, το μέγεθος, το χρώμα περιγράμματος, το ύψος και άλλα.
   

Γρήγορη προσθήκη

Ανοίξτε το μάθημα όπου θέλετε να προσθέσετε ένα κουμπί και εισαγάγετε ένα στοιχείο “Κείμενο, Εικόνα, Ενσωμάτωση κώδικα”. Κάντε κλικ στην περιοχή όπου θέλετε να τοποθετήσετε το κουμπί και επιλέξτε +Κουμπί από τη γραμμή εργαλείων του επεξεργαστή κειμένου.

Στο μενού που ανοίγει, μπορείτε να προσθέσετε έναν σύνδεσμο, να ορίσετε το όνομα του κουμπιού και να προσαρμόσετε το χρώμα του κουμπιού και του κειμένου. Κάντε κλικ στο Υποβολή, και το κουμπί θα προστεθεί στο μάθημά σας!

Προσθήκη κουμπιού μέσω κώδικα

Μπορείτε να προσθέσετε ένα κουμπί σε ένα μάθημα курса ή marathon χρησιμοποιώντας κώδικα HTML. Παρακάτω θα σας δείξουμε πώς να το κάνετε.

Ανοίξτε το μάθημα όπου θέλετε να προσθέσετε ένα κουμπί και εισαγάγετε το στοιχείο “Κείμενο, Εικόνα, Ενσωμάτωση κώδικα”.

Στη συνέχεια ανοίξτε τον επεξεργαστή κώδικα (αν δεν βλέπετε τη γραμμή εργαλείων επεξεργασίας κειμένου – κάντε κλικ στη λευκή περιοχή για να ενεργοποιήσετε το πεδίο εισαγωγής κειμένου):

Ο επεξεργαστής κώδικα θα ανοίξει (μια μαύρη περιοχή στην οθόνη) και στο επάνω μέρος του μενού θα δείτε κουμπιά για την προσθήκη έτοιμων προτύπων κώδικα. Για να δημιουργήσετε ένα κουμπί, επιλέξτε Κουμπί:




Θα δείτε τον κώδικα στη σελίδα και από πάνω θα δείτε το κουμπί σας.

Μπορείτε επίσης να προσαρμόσετε το μέγεθος γραμματοσειράς στο κουμπί, τα εσωτερικά περιθώρια, το πλάτος του κουμπιού και να ρυθμίσετε την ακτίνα του περιγράμματος.

Μπορείτε να ορίσετε το χρώμα του κουμπιού χρησιμοποιώντας κώδικα RGB ή HEX, έναν μετατροπέα, ή ένα εργαλείο επιλογής χρώματος.

Τοποθέτηση πολλαπλών κουμπιών σε μία σειρά

Για να δημιουργήσετε πολλά κουμπιά που τοποθετούνται το ένα δίπλα στο άλλο, απαιτείται επιπλέον κώδικας. Παρακάτω είναι ο κώδικας για τρία κουμπιά με το κείμενο "Base", "Comfort" και "Pro" σε τρία διαφορετικά χρώματα. Μπορείτε να επεξεργαστείτε τα αντίστοιχα μέρη του κώδικα, αλλάζοντας το κείμενο, το χρώμα, τη μορφή του κουμπιού, και επίσης να θυμάστε να προσθέσετε τον σύνδεσμο.

     Base <\/a>

     Comfort <\/a>

     Pro <\/a>