Οδηγός χρήσης PangoTheme by WebArting

Αυτός ο οδηγός εξηγεί με απλό τρόπο πώς αλλάζετε την εμφάνιση, το πάνω μέρος της σελίδας, το μενού, το footer και τις βασικές επιλογές καταστήματος, χωρίς τεχνικούς όρους.

Πού βρίσκονται οι ρυθμίσεις

Οι βασικές ρυθμίσεις του θέματος βρίσκονται μέσα στο διαχειριστικό του WordPress.

  1. Μπείτε στον πίνακα διαχείρισης του WordPress.
  2. Από το αριστερό μενού πατήστε Εμφάνιση.
  3. Πατήστε PangoTheme Settings.
  4. Κάντε τις αλλαγές που θέλετε.
  5. Πατήστε Save settings για αποθήκευση.
Μετά από αλλαγές σε χρώματα ή μενού, αν δεν δείτε αμέσως τη διαφορά, καθαρίστε την προσωρινή μνήμη της σελίδας. Οδηγίες υπάρχουν πιο κάτω.

Βασικά χρώματα σελίδας

Από την ενότητα Basic color settings αλλάζετε τα βασικά χρώματα του site.

ΡύθμισηΤι αλλάζει
Primary colorΤο βασικό χρώμα που χρησιμοποιείται σε κουμπιά, έντονες λεπτομέρειες και σημεία έμφασης.
Secondary / hover colorΤο δεύτερο χρώμα, συνήθως όταν περνάμε το ποντίκι πάνω από κάποιο στοιχείο.
Header backgroundΤο φόντο της περιοχής του λογότυπου και του βασικού μενού.
Header textΤο χρώμα κειμένου στο επάνω μέρος της σελίδας.
Body backgroundΤο γενικό φόντο της σελίδας.
Body textΤο βασικό χρώμα των κειμένων.
Footer backgroundΤο φόντο του κάτω μέρους της σελίδας.
Footer textΤο χρώμα των κειμένων και των συνδέσμων στο footer.
Για καθαρό αποτέλεσμα, μην αλλάζετε όλα τα χρώματα μαζί. Αλλάξτε πρώτα βασικό χρώμα, αποθηκεύστε, δείτε το αποτέλεσμα και μετά συνεχίστε.

Pre-header

Το pre-header είναι η λεπτή επάνω περιοχή που μπορεί να δείχνει ωράριο, μικρό μενού, τηλέφωνο, διεύθυνση και email.

Τι μπορεί να εμφανίζει

  • Ωράριο καταστήματος.
  • Ένα μικρό επάνω μενού, όπως Απόρρητο, Ιστορικό, Όροι χρήσης.
  • Τηλέφωνο επικοινωνίας.
  • Διεύθυνση καταστήματος.
  • Email καταστήματος.

Πώς αλλάζετε το περιεχόμενο

  1. Πηγαίνετε στο Εμφάνιση > PangoTheme Settings.
  2. Βρείτε την ενότητα για το Pre-header.
  3. Συμπληρώστε τα πεδία με το κείμενο που θέλετε.
  4. Μπορείτε να βάλετε απλή μορφοποίηση, όπως αλλαγή γραμμής ή σύνδεσμο.
  5. Πατήστε Save settings.
Βάλτε σύντομα κείμενα. Το pre-header είναι για γρήγορη πληροφορία, όχι για κατεβατό. Αν γεμίσει υπερβολικά, στο κινητό θα πιεστεί.

Ρυθμίσεις WooCommerce

Το PangoTheme έχει βασική υποστήριξη για WooCommerce, ώστε οι σελίδες προϊόντων να εμφανίζονται πιο καθαρά.

Λίστα προϊόντων

Στη σελίδα καταστήματος μπορείτε να ρυθμίσετε την εμφάνιση των τίτλων και των εικόνων.

  • Archive product title color: χρώμα τίτλων στη λίστα προϊόντων.
  • Archive product title font size: μέγεθος τίτλων στη λίστα προϊόντων.
  • Archive product image max width: μέγιστο πλάτος εικόνας προϊόντος.

Σελίδα προϊόντος

  • Single product title color: χρώμα τίτλου στη σελίδα προϊόντος.
  • Single product title font size: μέγεθος τίτλου στη σελίδα προϊόντος.

Sidebar καταστήματος

Αν θέλετε φίλτρα ή άλλα widgets δίπλα στα προϊόντα, τα βάζετε από τις μικροεφαρμογές.

  1. Πηγαίνετε στο Εμφάνιση > Μικροεφαρμογές.
  2. Βρείτε το WooCommerce Shop Sidebar για τη λίστα προϊόντων.
  3. Βρείτε το WooCommerce Single Product Sidebar για τη σελίδα προϊόντος.
  4. Προσθέστε τα widgets που θέλετε.
Αν δεν βάλετε widgets στο sidebar, η σελίδα εμφανίζεται χωρίς πλαϊνή στήλη.

Mini cart

Το mini cart είναι το μικρό εικονίδιο καλαθιού δίπλα στο μενού. Δείχνει πόσα προϊόντα υπάρχουν στο καλάθι και μπορεί να ανοίγει πλαϊνό καλάθι.

Τι ρυθμίζεται

  • Ενεργοποίηση ή απενεργοποίηση του mini cart.
  • Χρώμα εικονιδίου.
  • Χρώμα του κύκλου ποσότητας.
  • Χρώμα αριθμού ποσότητας.
  • Επιλογή ανάμεσα σε 4 διαφορετικά εικονίδια καλαθιού.

Όταν είναι απενεργοποιημένο

Όταν απενεργοποιήσετε το mini cart, το θέμα λειτουργεί σαν απλός κατάλογος προϊόντων. Κρύβεται το καλάθι και τα κουμπιά προσθήκης στο καλάθι.

Χρησιμοποιήστε την απενεργοποίηση μόνο αν δεν θέλετε να γίνονται online παραγγελίες μέσα από το site.

Λογότυπο και εικόνες

Το λογότυπο αλλάζει από τις κλασικές ρυθμίσεις του WordPress.

  1. Πηγαίνετε στο Εμφάνιση > Προσαρμογή.
  2. Βρείτε την επιλογή για την ταυτότητα του ιστότοπου.
  3. Ανεβάστε ή αλλάξτε το λογότυπο.
  4. Αποθηκεύστε τις αλλαγές.

Συμβουλές για εικόνες

  • Χρησιμοποιήστε καθαρές εικόνες στις σωστές διαστάσεις.
  • Μην βάζετε πολύ βαριές εικόνες αν δεν χρειάζεται.
  • Αν μια εικόνα αργεί να φορτώσει από εξωτερικό σύνδεσμο, προτιμήστε να την ανεβάσετε στο WordPress.

Όταν δεν φαίνονται οι αλλαγές

Μερικές φορές κάνετε μια αλλαγή, αλλά η σελίδα συνεχίζει να δείχνει την παλιά εμφάνιση. Αυτό συνήθως συμβαίνει επειδή το site κρατά προσωρινά την παλιά έκδοση για να φορτώνει πιο γρήγορα.

Τι να κάνετε

  1. Αποθηκεύστε ξανά τις ρυθμίσεις του PangoTheme.
  2. Αν υπάρχει plugin cache, πατήστε καθαρισμό cache.
  3. Αν χρησιμοποιείτε Elementor, κάντε ανανέωση των αρχείων CSS από τα εργαλεία του Elementor.
  4. Κάντε ανανέωση της σελίδας στον browser.
  5. Αν χρειάζεται, δοκιμάστε σε ανώνυμο παράθυρο.
Μην αλλάζετε δέκα ρυθμίσεις ταυτόχρονα όταν ελέγχετε πρόβλημα. Μία αλλαγή, αποθήκευση, καθάρισμα cache, έλεγχος. Παλιός κανόνας, ακόμα σώζει ώρες.

Γρήγορος έλεγχος πριν θεωρήσετε ότι τελειώσατε

  • Ελέγξτε την αρχική σελίδα σε υπολογιστή.
  • Ελέγξτε την αρχική σελίδα σε κινητό.
  • Ανοίξτε το μενού και τα υπομενού.
  • Ελέγξτε το pre-header σε κινητό.
  • Ελέγξτε μία σελίδα προϊόντων.
  • Ελέγξτε ένα προϊόν.
  • Ελέγξτε καλάθι και checkout, αν χρησιμοποιείτε WooCommerce.
  • Ελέγξτε το footer.
  • Καθαρίστε cache και ξαναδείτε τη σελίδα.