Τα accordions σε ένα website είναι πτυσσόμενα sections περιεχομένου (blocks), τα οποία ανοίγουν και κλείνουν όταν ο χρήστης κάνει click ή tap, επιτρέποντας την εμφάνιση ή απόκρυψη πληροφορίας. Χρησιμοποιούνται για την καλύτερη οργάνωση μεγάλου όγκου περιεχομένου, βελτιώνοντας την εμπειρία χρήστη (UX), καθώς διατηρούν τη σελίδα καθαρή και επιτρέπουν στον επισκέπτη να προβάλλει μόνο τις πληροφορίες που τον ενδιαφέρουν. Θεωρούνται ιδανική λύση για ενότητες όπως FAQ (συχνές ερωτήσεις), όρους χρήσης και τεχνικές οδηγίες, συμβάλλοντας στην αποφυγή μεγάλου scroll, ιδιαίτερα σε κινητές συσκευές.

Accordion Type 1

Ο πρώτος τύπος Accordion που έχει υλοποιηθεί στο Polly Theme επιτρέπει τον συνδυασμό περιεχομένου με συνοδευτική εικόνα, η οποία λειτουργεί υποστηρικτικά στις πληροφορίες.

• Section Background: Επιλέγετε το background color που θα έχει το section. Εάν δε συμπληρωθεί, θα είναι λευκό.
• Label above heading: Σύντομο κείμενο που εμφανίζεται πάνω από την κύρια επικεφαλίδα (προαιρετικό).
• Main heading: Η κύρια επικεφαλίδα που παρουσιάζει αυτήν την ενότητα.
• Accordion image: Πεδίο για να ανεβάσετε στην εικόνα του section, συνιστάται: 800×600px σε μορφή WebP ή JPG.
• Accordion items: Μπορείτε να προσθέσετε όσες σειρές με ερωτοαπαντήσεις επιθυμείτε, από το κουμπί Add Item. Επιπρόσετα, έχετε τη δυνατότητα να προσθέστε, αφαιρέστε ή να σύρετε (drag & drop) την κάθε σειρά για να αναδιατάξετε στοιχεία. Σε κάθε σειρά υπάρχουν τα ακόλουθα πεδία που μπορείτε να συμπληρώσετε:
  • Item heading: Το θέμα/ερώτηση του περιεχομένου.
  • Item description: Η περιεχόμενο/απάντηση που θα εμφανίζεται όταν αναπτύσσεται αυτό το στοιχείο.
  • Show this item expanded by default (Show/Collapse): Επιλέξτε εάν θέλετε αυτό αυτό το περιεχόμενο να είναι πάντα έμφανές όταν φορτώνει η σελίδα.
• Help search engines understand this content (Yes/No): Ενημερώνει τις μηχανές αναζήτησης ότι αυτό το πεδίο περιέχει ερωτήσεις και απαντήσεις, οι οποίες μπορεί να βελτιώσουν την εμφάνιση της σελίδας σας στις μηχανές αναζήτησης.

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι:

Accordion Type 2

Ο δεύτερος τύπος Accordion ακολουθεί την ίδια λογική διάταξης με τον πρώτο (50% περιεχόμενο – 50% συνοδευτικό στοιχείο), με τη διαφορά ότι αντί για εικόνα, προβάλλεται μια σύντομη περιγραφή που λειτουργεί επεξηγηματικά για το περιεχόμενο του accordion.

• Section Background: Επιλέγετε το background color που θα έχει το section. Εάν δε συμπληρωθεί, θα είναι λευκό.
• Label above heading: Σύντομο κείμενο που εμφανίζεται πάνω από την κύρια επικεφαλίδα (προαιρετικό).
• Main heading: Η κύρια επικεφαλίδα που παρουσιάζει αυτήν την ενότητα.
• Short description: Μικρό κείμενο που περιγράφει αυτήν την ενότητα.
• Button link: Σύνδεσμος προς άλλη σελίδα που εμφανίζεται ως κουμπί (προαιρετικό).
• Accordion items: Μπορείτε να προσθέσετε όσες σειρές με ερωτοαπαντήσεις επιθυμείτε, από το κουμπί Add Item. Επιπρόσετα, έχετε τη δυνατότητα να προσθέστε, αφαιρέστε ή να σύρετε (drag & drop) την κάθε σειρά για να αναδιατάξετε στοιχεία. Σε κάθε σειρά υπάρχουν τα ακόλουθα πεδία που μπορείτε να συμπληρώσετε:
  • Item heading: Το θέμα/ερώτηση του περιεχομένου.
  • Item description: Η περιεχόμενο/απάντηση που θα εμφανίζεται όταν αναπτύσσεται αυτό το στοιχείο.
  • Show this item expanded by default (Show/Collapse): Επιλέξτε εάν θέλετε αυτό αυτό το περιεχόμενο να είναι πάντα έμφανές όταν φορτώνει η σελίδα.
• Help search engines understand this content (Yes/No): Ενημερώνει τις μηχανές αναζήτησης ότι αυτό το πεδίο περιέχει ερωτήσεις και απαντήσεις, οι οποίες μπορεί να βελτιώσουν την εμφάνιση της σελίδας σας στις μηχανές αναζήτησης.

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι:

Accordion Type 3

Ο τρίτος τύπος Accordion διαθέτει παρόμοια πεδία και επιλογές με τον δεύτερο τύπο, με τη βασική διαφορά ότι το περιεχόμενο αναπτύσσεται σε πλήρες πλάτος (full width), καταλαμβάνοντας όλη την επιφάνεια της σελίδας.

• Section Background: Επιλέγετε το background color που θα έχει το section. Εάν δε συμπληρωθεί, θα είναι λευκό.
• Label above heading: Σύντομο κείμενο που εμφανίζεται πάνω από την κύρια επικεφαλίδα (προαιρετικό).
• Main heading: Η κύρια επικεφαλίδα που παρουσιάζει αυτήν την ενότητα.
• Short description: Μικρό κείμενο που περιγράφει αυτήν την ενότητα.
• Button Link: Σύνδεσμος προς άλλη σελίδα που εμφανίζεται ως κουμπί (προαιρετικό).
• Accordion items: Μπορείτε να προσθέσετε όσες σειρές με ερωτοαπαντήσεις επιθυμείτε, από το κουμπί Add Item. Επιπρόσετα, έχετε τη δυνατότητα να προσθέστε, αφαιρέστε ή να σύρετε (drag & drop) την κάθε σειρά για να αναδιατάξετε στοιχεία. Σε κάθε σειρά υπάρχουν τα ακόλουθα πεδία που μπορείτε να συμπληρώσετε:
  • Item heading: Το θέμα/ερώτηση του περιεχομένου.
  • Item description: Η περιεχόμενο/απάντηση που θα εμφανίζεται όταν αναπτύσσεται αυτό το στοιχείο.
  • Show this item expanded by default (Show/Collapse): Επιλέξτε εάν θέλετε αυτό αυτό το περιεχόμενο να είναι πάντα έμφανές όταν φορτώνει η σελίδα.
• Help search engines understand this content (Yes/No): Ενημερώνει τις μηχανές αναζήτησης ότι αυτό το πεδίο περιέχει ερωτήσεις και απαντήσεις, οι οποίες μπορεί να βελτιώσουν την εμφάνιση της σελίδας σας στις μηχανές αναζήτησης.

Με βάση τις ρυθμίσεις που εμφανίζονται στο παραπάνω screenshot, η οπτική απεικόνιση θα είναι: