Το κουμπί "Επιστροφή στην Κορυφή" (Back to Top) είναι μια μικρή αλλά κρίσιμη λεπτομέρεια για τη χρηστικότητα, ειδικά σε μεγάλες σελίδες ή άρθρα blog. Αν και το Divi περιλαμβάνει αυτή τη λειτουργία, το προεπιλεγμένο κουμπί είναι συχνά πολύ απλό και μπορεί να μην ταιριάζει με το στυλ της ιστοσελίδας σας. Η παραμετροποίησή του είναι ένας εξαιρετικός τρόπος να δείξετε ότι έχετε προσέξει και την τελευταία λεπτομέρεια στο design σας, ενισχύοντας το branding του ιστότοπου.
Γιατί να το προσαρμόσετε;
Το κουμπί αυτό εμφανίζεται μόνο όταν ο χρήστης έχει σκρολάρει αρκετά. Αν έχει το σωστό χρώμα και σχήμα, λειτουργεί ως ένας διακριτικός οδηγός που διευκολύνει την πλοήγηση χωρίς να αποσπά την προσοχή. Ένα κουμπί που "δένει" με την αισθητική των υπόλοιπων κουμπιών του site δημιουργεί μια πιο ομοιογενή εμπειρία.
Οδηγίες Προσαρμογής
Υπάρχουν δύο τρόποι να το κάνετε: μέσω του Customizer ή με λίγο Custom CSS για πιο "ψαγμένο" αποτέλεσμα.
- Ενεργοποίηση: Πρώτα, βεβαιωθείτε ότι είναι ενεργό στο Divi > Theme Options > General > Back To Top Button.
- Βασική Σχεδίαση: Πηγαίνετε στο Εμφάνιση > Προσαρμογή (Customizer) > Layout Settings > Back To Top Button. Εκεί μπορείτε να αλλάξετε το χρώμα του εικονιδίου και το χρώμα του φόντου.
- Προχωρημένη Σχεδίαση (CSS): Για να αλλάξετε το σχήμα (π.χ. να το κάνετε στρογγυλό) ή να προσθέσετε σκιά, πηγαίνετε στο Divi > Theme Options > Custom CSS και προσθέστε τον κώδικα CSS που φαίνεται παρακάτω.
- Αλλαγή Εικονιδίου: Με το CSS μπορείτε επίσης να αλλάξετε το μέγεθος του εικονιδίου ώστε να είναι πιο ευδιάκριτο για χρήστες μεγαλύτερης ηλικίας ή για όσους περιηγούνται από κινητά.
Η λεπτομέρεια κάνει τη διαφορά. Προσαρμόζοντας το κουμπί "Back to Top", μετατρέπετε ένα τυπικό στοιχείο του WordPress σε ένα ενεργό κομμάτι του design σας. Είναι μια γρήγορη αλλαγή που βελτιώνει την αισθητική και τη λειτουργικότητα ταυτόχρονα.
