Διαφορετική κεφαλίδα ανά σελίδα στο WordPress — Δείτε πώς

Η δυνατότητα εμφάνισης διαφορετικής κεφαλίδας ανά σελίδα με το WordPress είναι εξαιρετικά χρήσιμη για σελίδες πωλήσεων ή ακόμα και διοχετεύσεις.

Δημιουργήστε ένα μοναδικό όνομα προϊόντος, δημιουργήστε μια σελίδα πωλήσεων και, στη συνέχεια, έχετε διαφορετική κεφαλίδα WP ανά σελίδα για κάθε στάδιο της διοχέτευσης πωλήσεών σας…

Σελίδα εκκίνησης, σελίδα JV, σελίδα εγγραφής, σελίδα διαδικτυακού σεμιναρίου… εσείς το όνομα. Μπορείτε πραγματικά να πάτε στην πόλη με τις κεφαλίδες του WP και δεν είναι (πάντα) τόσο δύσκολο να το κάνετε.



Στην πραγματικότητα, ορισμένα θέματα το καθιστούν σημείο και κλικ απλό.

Εάν όχι, μπορείτε πάντα να ακολουθήσετε τη διαδρομή της προσθήκης.

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

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

WordPress: Διαφορετική κεφαλίδα ανά σελίδα

Χρησιμοποιήστε ένα θέμα που σας επιτρέπει να αποκρύψετε την κεφαλίδα και, στη συνέχεια, μπορείτε να το αντικαταστήσετε με μια εικόνα εντός της ανάρτησης. Εναλλακτικά, προσθέστε τη λειτουργία αντικατάστασης κεφαλίδας χρησιμοποιώντας την προσθήκη WP Display Header. Εάν δεν παρακάμψει την προεπιλεγμένη κεφαλίδα (με αποτέλεσμα να εμφανίζονται δύο κεφαλίδες), αποκρύψτε την προεπιλεγμένη κεφαλίδα με CSS.

Απενεργοποίηση της κεφαλίδας στη σελίδα (εξαρτάται από το θέμα)

Προτού προχωρήσετε για να μπλέξετε με οποιαδήποτε κωδικοποίηση ή προσθέσετε περισσότερες προσθήκες που μπορεί να απαιτούνται ή όχι, ελέγξτε ότι το θέμα σας απαιτεί την παρέμβασή σας.

Στο πρόγραμμα επεξεργασίας WP, κοιτάξτε στη δεξιά πλαϊνή γραμμή για μια ενότητα με τίτλο 'στοιχεία'.

Η κεφαλίδα είναι ένα στοιχείο και υπάρχουν ορισμένα θέματα (κυρίως premium) που σας δίνουν την επιλογή να απενεργοποιήσετε την κεφαλίδα σε μεμονωμένες σελίδες και αναρτήσεις.

Εάν έχετε αυτήν την επιλογή, έχετε τη δυνατότητα να αντικαταστήσετε την εικόνα κεφαλίδας σε κάθε σελίδα με μια τυπική εικόνα.

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

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

Για αυτό, πρέπει να αντικαταστήσετε την εικόνα κεφαλίδας. Μην το αποκρύψετε και αντικαταστήστε το με μια εικόνα εντός της ανάρτησης. Αυτό λειτουργεί μόνο εάν το θέμα σας έχει επίσης την επιλογή απόκρυψης της πλαϊνής γραμμής.

Εάν το θέμα σας δεν υποστηρίζει την απόκρυψη της κεφαλίδας του θέματος ανά σελίδα…

Στραφείτε σε προσθήκες για να αντικαταστήσετε την προεπιλεγμένη κεφαλίδα σας σε μία σελίδα/ανάρτηση

Δοκιμάσαμε δύο. Κανένα από τα δύο δεν λειτούργησε έξω από το κουτί. Οι προσθήκες βασίζονται στους προγραμματιστές που κάνουν τα θέματά τους συμβατά με προσαρμοσμένες κεφαλίδες.

Εάν το θέμα σας δεν υποστηρίζει το άγκιστρο (customer_header) στο WP, τα πρόσθετα φαίνονται (στην επιφάνεια) να είναι άχρηστα.

Ωστόσο, επειδή είμαστε λάτρεις του προγράμματος προσαρμογής WP CSS, ανακαλύψαμε ότι υπάρχει ένας τρόπος να λειτουργήσουν χωρίς να αντιγράψετε το αρχείο header.php, να επεξεργαστείτε κωδικούς με FTP και πιθανώς να σπάσετε τον ιστότοπό σας.

Ένας γρήγορος τρόπος για να πείτε εάν κάποια από αυτές τις προσθήκες θα λειτουργήσει χωρίς επεξεργασία…

Μεταβείτε στο μενού Εμφάνιση, επιλέξτε προσαρμογέας, ανοίξτε τις ρυθμίσεις 'κεφαλίδας' και δείτε τι έχετε.

Χρειάζεστε το θέμα σας για να σας επιτρέπει να προσθέτετε νέες κεφαλίδες ΚΑΙ να διατηρείτε τις κεφαλίδες που έχετε ανεβάσει προηγουμένως διαθέσιμες για μελλοντική χρήση. Εάν μπορείτε να 'προσθέσετε νέο', το θέμα σας είναι καλό. Εάν μπορείτε μόνο να «αλλάξετε» την κεφαλίδα ή το λογότυπο του ιστότοπού σας, τα πρόσθετα δεν θα λειτουργήσουν.

Οι δύο προσθήκες που πρέπει να δοκιμάσετε είναι 'WP Unique Headers και WP Display Headers'.

WP Unique Headers και WP Display Headers

Για να λειτουργήσει ένα από τα δύο στις δοκιμές μας, έπρεπε να γίνουν αλλαγές με το CSS, διαφορετικά το αποτέλεσμα ήταν η προεπιλεγμένη εικόνα κεφαλίδας να τοποθετηθεί πάνω στη διαφορετική εικόνα.

Το αποτέλεσμα δύο εικόνων κεφαλίδας, η μία τοποθετημένη πάνω στην άλλη, είναι ακατάστατο.

Λάβετε, λοιπόν, υπόψη σας ότι αν δείτε ότι συμβαίνει αυτό, δεν σημαίνει ότι η προσθήκη δεν είναι συμβατή με το θέμα σας. Μπορείτε να αποκρύψετε στοιχεία με το CSS και αυτή είναι η γρήγορη λύση για να λειτουργούν τέτοιες προσθήκες.

Μεταβείτε στο μενού Εμφάνιση, επιλέξτε Προσαρμογή και μετά μεταβείτε στο μενού Πρόσθετο CSS.

Προσθέστε τον παρακάτω κώδικα:

.page-id-1283 .custom-logo {
    display:none;
}
.page-id-1283 .menu {
    display:none;
}

Όπου βρίσκεται το αναγνωριστικό σελίδας, αντικαταστήστε το με το αναγνωριστικό της σελίδας σας. Φορτώστε τη σελίδα στην οποία θέλετε μια διαφορετική κεφαλίδα και το αναγνωριστικό σελίδας εμφανίζεται στη γραμμή διευθύνσεων URL του προγράμματος περιήγησής σας.

Όπου βρίσκεται το '.custom-logo', αντικαταστήστε το με τον κωδικό κεφαλίδας του θέματός σας.

Για να το βρείτε, κάντε δεξί κλικ στην εικόνα της κεφαλίδας σας, επιλέξτε επιθεώρηση και το στοιχείο 'κλάση' είναι το αναγνωριστικό κλάσης κεφαλίδας. Τα περισσότερα θέματα είναι είτε 'custom-logo' ή 'custom-header'.

Διατηρήστε την οθόνη ρυθμισμένη ως 'καμία'. Αυτό θα κρύψει την προεπιλεγμένη εικόνα κεφαλίδας.

Η δεύτερη ενότητα του CSS μπορεί να μην χρειάζεστε

Χρησιμοποιήστε το εάν βρείτε ότι το μενού πλοήγησής σας εμφανίζεται στο διαφορετικό γραφικό κεφαλίδας αντί κάτω από αυτό.

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

Μπορείτε είτε να το αποκρύψετε, κάτι που κάνει ο παραπάνω κώδικας CSS, είτε μπορείτε να παίξετε με στοιχεία padding για να σπρώξετε τη γραμμή πλοήγησης κάτω από τη νέα εικόνα κεφαλίδας.

Χρήση της προσθήκης WP Display Header

Μόλις ενεργοποιηθεί η προσθήκη WP Display Header, όταν φορτώνετε μια σελίδα ή μια ανάρτηση σε λειτουργία επεξεργασίας, εμφανίζεται μια πρόσθετη ενότητα κεφαλίδας κάτω από το πρόγραμμα επεξεργασίας WordPress. Επιλέξτε τη μοναδική κεφαλίδα που θα εμφανιστεί για τη συγκεκριμένη σελίδα ή ανάρτηση και, στη συνέχεια, κάντε κλικ στην ενημέρωση.

Σημείωση: Κάθε εικόνα κεφαλίδας που εμφανίζεται είναι οι 'προηγουμένως μεταφορτωμένες' κεφαλίδες που μπορείτε να ανεβάσετε στις ρυθμίσεις κεφαλίδας του εργαλείου προσαρμογής θέματος.

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

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

Αφού επιλέξετε τη διαφορετική κεφαλίδα, πατήστε προεπισκόπηση και θα δείτε την εμφάνιση της διαφορετικής κεφαλίδας.


Πώς να δημιουργήσετε μια προσαρμοσμένη κεφαλίδα σε δύο λεπτά

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

Χρειάζονται δύο λεπτά (εξαρτάται από τη σύνδεση στο Διαδίκτυο) για να δημιουργήσετε ένα προσαρμοσμένο γραφικό, αποθηκεύστε το στον υπολογιστή σας και, στη συνέχεια, ανεβάστε το στο WP και ορίστε το ως προσαρμοσμένο γραφικό κεφαλίδας.

Για τους σκοπούς της δημιουργίας ενός προσαρμοσμένου γραφικού για τις κεφαλίδες της σελίδας σας, βλ πώς να κατεβάσετε από το Canva , το οποίο σας καθοδηγεί στο στάδιο δημιουργίας προσαρμοσμένης εικόνας και λήψης.

Μεταφόρτωση της προσαρμοσμένης κεφαλίδας σας

Μόλις αποκτήσετε την εικόνα σας, επιστρέψτε στον πίνακα εργαλείων του WP, μεταβείτε στο Appearance και, στη συνέχεια, επιλέξτε 'Customizer'. Μεταβείτε στις ρυθμίσεις κεφαλίδας και αυτή τη φορά επιλέξτε 'Προσθήκη νέας εικόνας'.

Κατά πάσα πιθανότητα, θα αλλάξει η εικόνα της κεφαλίδας σας σε όλες τις σελίδες κατά την πρώτη προσθήκη της εικόνας. Κάντε κλικ στην κεφαλίδα από την ενότητα 'προηγουμένως μεταφορτωμένη' για να επαναφέρετε το προεπιλεγμένο γραφικό κεφαλίδας.

Τώρα, επεξεργαστείτε τη σελίδα ή την ανάρτησή σας για να εμφανίζεται μια διαφορετική κεφαλίδα στη συγκεκριμένη σελίδα.

Κάντε κλικ στο κουμπί επιλογής δίπλα στην εικόνα κεφαλίδας που θέλετε για αυτήν τη σελίδα. Επιστρέψτε στην κορυφή, κάντε κλικ στο κουμπί 'προεπισκόπηση' και θα δείτε τη σελίδα ή την ανάρτησή σας να εμφανίζεται με διαφορετική εικόνα κεφαλίδας.

Ένας συνδυασμός θέματος και προσθηκών που λειτούργησε για την τοποθέτηση διαφορετικών κεφαλίδων σε διαφορετικές σελίδες είναι:

Εάν ξεκινάτε έναν ιστότοπο με το WordPress και θέλετε να ακολουθήσετε τη δωρεάν διαδρομή προσαρμόζοντας δωρεάν θέματα WP, ένας συνδυασμός που λειτουργεί σωστά χωρίς να απαιτούνται επεξεργασίες CSS  είναι το Pure and Simple Theme (δωρεάν έκδοση) και οι κεφαλίδες εμφάνισης WP.

Εγκαταστήστε και ενεργοποιήστε το θέμα και την προσθήκη και στη συνέχεια μπορείτε να επιλέξετε διαφορετικές κεφαλίδες για εμφάνιση σε διαφορετικές σελίδες και αναρτήσεις.