Οι μπάρες προόδου είναι ένα αποτελεσματικό στοιχείο στο σχεδιασμό ιστοσελίδων που ενημερώνει τους επισκέπτες σας για την πρόοδο ενός έργου ή στόχου με ελκυστικό τρόπο. Το Elementor, ως ένα από τα πιο δημοφιλή πρόσθετα κατασκευής σελίδων για το WordPress, σας προσφέρει τη δυνατότητα να ενσωματώσετε εύκολα μπάρες προόδου στους ιστότοπούς σας. Αυτός ο οδηγός θα σας καθοδηγήσει στα βήματα για να δημιουργήσετε και να προσαρμόσετε μια μπάρα προόδου στο Elementor.
Βασικά συμπεράσματα
- Οι μπάρες προόδου παρέχουν μια οπτική αναπαράσταση της προόδου και των στόχων.
- Μπορείτε να προσαρμόσετε τους τίτλους, τις τιμές και τα χρώματα.
- Το εσωτερικό κείμενο μπορεί προαιρετικά να εμφανίζεται ή να αποκρύπτεται.
- Διατίθενται διαφορετικά στυλ και επιλογές προσαρμογής για να προσαρμόσετε τη μπάρα στο σχεδιασμό σας.
Οδηγίες βήμα προς βήμα
Αρχικά, ανοίξτε τον ιστότοπό σας WordPress και μεταβείτε στον επεξεργαστή Elementor. Εκεί μπορείτε να προσθέσετε ένα νέο στοιχείο και να επιλέξετε τη γραμμή προόδου.
Τώρα είστε έτοιμοι να εισαγάγετε τον τίτλο της μπάρας προόδου σας. Σκεφτείτε έναν κατάλληλο τίτλο, όπως για παράδειγμα "Στόχος πωλήσεων". Αυτό θα δώσει στους επισκέπτες σας μια πρώτη ένδειξη για το περί τίνος πρόκειται.
Στο επόμενο βήμα, πρέπει να ορίσετε το μήνυμα του στόχου ή της επιτυχίας. Σκεφτείτε τι ακριβώς θέλετε να εμφανίσετε και γράψτε το στο πεδίο που παρέχεται. Αυτό το βήμα βοηθάει στο να γίνει η γραμμή προόδου σας πιο κατανοητή από τους χρήστες.
Τώρα μπορείτε να ορίσετε το χρώμα της γραμμής προόδου. Αυτό δεν είναι υποχρεωτικό, αλλά είναι μια καλή ευκαιρία να προσαρμόσετε το σχεδιασμό. Μπορείτε να επιλέξετε ένα χρώμα που να εναρμονίζεται με τον υπόλοιπο ιστότοπό σας.
Στη συνέχεια, μεταβείτε στα ποσοστά. Εδώ μπορείτε να ρυθμίσετε την πρόοδό σας, για παράδειγμα στο 40%. Θυμηθείτε ότι μπορείτε να ορίσετε τη μέγιστη τιμή στο 100% και την ελάχιστη τιμή στο 0%. Αυτή η ανατροφοδότηση βοηθά τους επισκέπτες σας να κατανοήσουν γρήγορα την πρόοδό σας.
Το ποσοστό μπορεί να εμφανίζεται ή να αποκρύπτεται. Συχνά φαίνεται πιο ελκυστικό αν αποκρύψετε το κείμενο, ειδικά αν προτιμάτε έναν καθαρό σχεδιασμό. Σκεφτείτε ποια παραλλαγή είναι η καταλληλότερη για το έργο σας.
Αν θέλετε, μπορείτε επίσης να προσθέσετε ένα εσωτερικό κείμενο που περιέχει τα ποσοστά. Αυτή η λειτουργία είναι ιδιαίτερα χρήσιμη αν θέλετε να δείξετε άμεση πρόοδο. Εάν αποφασίσετε να μην χρησιμοποιήσετε εσωτερικό κείμενο, μπορείτε επίσης να αποκρύψετε τον αριθμό εδώ.
Τώρα όλα εξαρτώνται από το στυλ της γραμμής προόδου. Μπορείτε να προσαρμόσετε το χρώμα της μπάρας, το χρώμα φόντου για τη μη συμπληρωμένη περιοχή και το ύψος της μπάρας. Επιλέξτε έναν σκούρο πράσινο τόνο για τη συμπληρωμένη περιοχή και ένα ουδέτερο χρώμα φόντου για μια καθαρή εμφάνιση.
Μπορείτε επίσης να στρογγυλέψετε τις γωνίες της γραμμής προόδου για να της δώσετε ένα πιο ελκυστικό σχήμα. Να θυμάστε ότι οι γωνίες μπορούν να στρογγυλοποιηθούν μόνο στο μπροστινό μέρος μέχρι η πρόοδος να φτάσει στο 100%.
Αν θέλετε να προσαρμόσετε το εσωτερικό κείμενο, μπορείτε να αλλάξετε το χρώμα και την τυπογραφία και εδώ. Μπορεί να αποφασίσετε να απενεργοποιήσετε τη γραμματοσειρά για να επικεντρωθείτε στην πρόοδο.
Τέλος, θα μεταφερθείτε στις ρυθμίσεις για προχωρημένους, όπου μπορείτε να προσαρμόσετε το χρώμα και το στυλ του κειμένου για τον τίτλο. Ένας μαύρος, έντονος τίτλος με προαιρετική σκιά εξασφαλίζει ότι ο τίτλος σας ξεχωρίζει.
Τώρα αποθηκεύστε τις αλλαγές σας και μεταβείτε στη σελίδα σας για να δείτε το αποτέλεσμα. Μπορεί να αποφασίσετε ότι έχει νόημα να εμφανίσετε το ποσοστό. Αν όχι, η γραμμή προόδου θα εξακολουθεί να εμφανίζεται ελκυστικά.
Η μπάρα προόδου σας δείχνει τώρα την καθορισμένη τιμή χωρίς να μετράει από το 0 προς τα πάνω με κινούμενο τρόπο. Αντ' αυτού, η πρόοδος απεικονίζεται άμεσα.
Εάν χρησιμοποιείτε την έκδοση Pro του Elementor, θα σας προσφερθούν επίσης δυναμικά χαρακτηριστικά. Αυτή η λειτουργία είναι ιδιαίτερα χρήσιμη για την προσαρμογή ράβδων προόδου με βάση εξωτερικά δεδομένα ή ακόμα και τιμές που βασίζονται σε βάσεις δεδομένων.
Περίληψη
Σε αυτόν τον οδηγό, μάθατε πώς να δημιουργείτε και να προσαρμόζετε μια μπάρα προόδου στο Elementor. Μπορείτε να ορίσετε τίτλους και πρόοδο, να επιλέξετε χρώματα και να κάνετε διάφορες προσαρμογές για την ενσωμάτωση μιας ελκυστικής και αποτελεσματικής γραμμής προόδου.
Συχνές ερωτήσεις
Πώς μπορώ να δημιουργήσω μια γραμμή προόδου στο Elementor; Επιλέγετε τη γραμμή προόδου στο Elementor και προσθέτετε τον τίτλο και τις τιμές προόδου.
Μπορώ να αλλάξω τα χρώματα της γραμμής προόδου;Ναι, μπορείτε να προσαρμόσετε τόσο το χρώμα της γραμμής προόδου όσο και το χρώμα φόντου.
Ποιο είναι το πλεονέκτημα ενός εσωτερικού κειμένου στη γραμμή προόδου;Το εσωτερικό κείμενο δείχνει την πρόοδο με μεγαλύτερη σαφήνεια και συμβάλλει στην ευκολότερη κατανόηση των πληροφοριών με μια ματιά.
Πώς μπορώ να αποθηκεύσω τις αλλαγές που έχω κάνει; Αφούκάνετε όλες τις προσαρμογές, μπορείτε να αποθηκεύσετε τις αλλαγές σας για να γίνουν ορατές στον ιστότοπό σας.
Υπάρχουν ειδικά χαρακτηριστικά στην έκδοση Pro του Elementor; Ναι, η έκδοση Pro προσφέρει προηγμένες επιλογές, όπως τα δυναμικά χαρακτηριστικά που μπορείτε να χρησιμοποιήσετε για να προσαρμόσετε περαιτέρω τη γραμμή προόδου σας.
