Δημιουργήστε κουμπιά που ξεχωρίζουν! Αυτός ο οδηγός θα σας δείξει πώς να προσθέτετε κουμπιά, να τα προσαρμόζετε και να τα μορφοποιείτε εύκολα, ώστε να φαίνονται όμορφα και να λειτουργούν άψογα.
Πώς να εισαγάγετε ένα στοιχείο κουμπιού στη σελίδα σας
Για να ξεκινήσετε, απλώς σύρετε και αποθέστε το στοιχείο Κουμπί στη σελίδα σας.
Ένα προεπιλεγμένο στυλ θα εφαρμοστεί αυτόματα, ωστόσο μπορείτε ελεύθερα να το προσαρμόσετε ώστε να ταιριάζει με τη σελίδα σας.
Πώς να αλλάξετε τη γραμματοσειρά του κουμπιού
Στο δεξί μενού ρυθμίσεων, στην καρτέλα Κείμενο, μπορείτε να προσαρμόσετε τις ακόλουθες ρυθμίσεις:
Μέγεθος γραμματοσειράς – καθορίζει πόσο μεγάλο ή μικρό εμφανίζεται το κείμενο.
Ένταση γραμματοσειράς – ρυθμίζει την ένταση των χαρακτήρων, από λεπτούς έως έντονους.
Ύψος γραμμής – ορίζει την κατακόρυφη απόσταση μεταξύ των γραμμών του κειμένου.
Απόσταση χαρακτήρων – ελέγχει το διάστημα ανάμεσα σε κάθε γράμμα.
Συμβουλές για τη χρήση του κουμπιού
Μπορείτε να ρυθμίσετε το μέγεθος και τη θέση των κουμπιών σας χρησιμοποιώντας στήλες ή ορίζοντας ένα μέγιστο πλάτος.
Για να επεξεργαστείτε το κουμπί, απλώς κάντε κλικ πάνω του για να αλλάξετε το κείμενό του απευθείας και πληκτρολογήστε ό,τι θέλετε.
Για να ορίσετε ή να αλλάξετε τον σύνδεσμο, χρησιμοποιήστε το μενού στα δεξιά. Στην καρτέλα Κύριες ρυθμίσεις εισαγάγετε το επιθυμητό URL στο πεδίο Σύνδεσμος. Εάν συνδέεστε σε έναν εξωτερικό ιστότοπο, φροντίστε πάντα να εισάγετε ολόκληρο το URL, ξεκινώντας με «https://» ή «http://».
Δημιουργία συνδέσμου προς μία σελίδα
Για εσωτερικούς συνδέσμους (εντός του ίδιου ιστότοπου), απλώς εισαγάγετε τη διαδρομή της σελίδας, π.χ. /pages/tours. Οι χρήστες θα μεταφερθούν αυτόματα στην αντίστοιχη σελίδα.
Για εξωτερικούς συνδέσμους, εισαγάγετε ολόκληρη τη διεύθυνση URL, συμπεριλαμβανομένου του https://. Ο ευκολότερος τρόπος να εξασφαλίσετε ακρίβεια είναι να αντιγράψετε απευθείας τον σύνδεσμο από τη γραμμή διευθύνσεων του προγράμματος περιήγησης.
Σημείωση: Για να παραμένουν τα κουμπιά σας φιλικά προς τις κινητές συσκευές, αποφύγετε να προσθέτετε μεγάλα περιθώρια (margins). Τα υπερβολικά περιθώρια μπορούν να κάνουν τα κουμπιά να φαίνονται πολύ στενά ή ακόμη και να εξαφανίζονται σε μικρότερες οθόνες.
Πώς να ρυθμίσετε το στυλ του κουμπιού σας
Στην καρτέλα Στυλ, μπορείτε να προσαρμόσετε την εμφάνιση του κουμπιού όταν βρίσκεται στην κανονική του κατάσταση:
- Χρώμα κειμένου – επιλέξτε το χρώμα του κειμένου του κουμπιού.
- Χρώμα παρασκηνίου – ορίστε το χρώμα του φόντου του κουμπιού
- Χρώμα περιγράμματος – ορίστε το χρώμα του περιγράμματος του κουμπιού.
Στην καρτέλα Ενεργό στυλ μπορείτε να ορίσετε την εμφάνιση του κουμπιού όταν ο χρήστης τοποθετεί τον δείκτη του ποντικιού πάνω του:
- Χρώμα κειμένου – ορίστε το χρώμα του κειμένου κατά την τοποθέτηση του δείκτη.
- Χρώμα παρασκηνίου – επιλέξτε ένα διαφορετικό χρώμα φόντου για να τονίσετε το κουμπί.
- Χρώμα περιγράμματος – προσαρμόστε το χρώμα του περιγράμματος για να φαίνεται καθαρά όταν ο χρήστης περνά τον δείκτη από πάνω.