Πώς να προσθέσετε κεφαλίδα στο WordPress; Χρησιμοποιήστε το WordPress Customizer ή το Cover block για να προσαρμόσετε την εικόνα της κεφαλίδας σας

Πώς να προσθέσετε κεφαλίδα στο WordPress; Χρησιμοποιήστε το WordPress Customizer ή το Cover block για να προσαρμόσετε την εικόνα της κεφαλίδας σας

Μπορείτε να συμφωνήσετε μαζί μας ότι κανένας ιστότοπος δεν είναι πλήρης χωρίς κεφαλίδα. Γνωρίζατε ότι έχετε δύο διαφορετικές επιλογές για τη δημιουργία κεφαλίδας στο WordPress; Σε αυτό το σεμινάριο θα εξηγήσουμε τις επιμέρους διαφορές.

Γνήσια εικόνα κεφαλίδας

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

Εικόνα κεφαλίδας WordPress
Ο πιο συχνά χρησιμοποιούμενος τύπος κεφαλίδας - εικόνα κεφαλίδας στην κορυφή του ιστότοπου

Πώς να επεξεργαστείτε την κεφαλίδα στο WordPress Customizer

Από προεπιλογή, η εικόνα κεφαλίδας μπορεί να αλλάξει μέσω του WordPress Customizer. Μπορείτε να έχετε πρόσβαση σε αυτόν τόσο από το διαχειριστή του WordPress όσο και από τον ιστότοπό σας:

  • Απευθείας από τη διαχείριση του WP, απλά πλοηγηθείτε στο Εμφάνιση -> Προσαρμογή
  • Στο frontend, αν έχετε συνδεθεί, κάντε κλικ στο "Προσαρμογή" στην επάνω μπάρα.

Ο Προσαρμοστής περιλαμβάνει όλες τις βασικές ρυθμίσεις εμφάνισης του τρέχοντος ενεργού θέματος. Επομένως, το πού θα βρείτε τις ρυθμίσεις της εικόνας κεφαλίδας εξαρτάται από το ενεργό θέμα σας. Στο θέμα Citadela μπορείτε να προσθέσετε και να επεξεργαστείτε την εικόνα κεφαλίδας στο Προσαρμογή -> Εμφάνιση -> Κεφαλίδα φόντο.

Προσθήκη κεφαλίδας μέσω του Customizer
Προσθήκη κεφαλίδας μέσω του Customizer

Ρυθμίσεις εικόνας κεφαλίδας

Όποια εικόνα κεφαλίδας και αν επιλέξετε, μπορείτε να τη διαμορφώσετε ανάλογα με τις ανάγκες σας. Ενδιαφέρον αποτέλεσμα μπορεί να επιτευχθεί με την "Επανάληψη εικόνας κεφαλίδας". Μπορείτε να ρυθμίσετε τις ακόλουθες επιλογές:

  • Πλακάκια
  • Πλακάκια οριζόντια
  • Πλακάκια κάθετα
  • Όχι επανάληψη (αν δεν θέλετε να επαναλάβετε την εικόνα)
Ενεργοποιημένη λειτουργία επανάληψης εικόνας κεφαλίδας
Εφέ πλακιδίων της εικόνας κεφαλίδας

Άλλες ρυθμίσεις στο WordPress - Μέγεθος εικόνας κεφαλίδας

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

  • Αρχικό - θα διατηρήσει το αρχικό μέγεθος της εικόνας
  • Εξώφυλλο - Η εικόνα που θα μεταφορτωθεί θα αλλάξει μέγεθος για να χωρέσει από πλευρά σε πλευρά, η εικόνα μπορεί επίσης να κοπεί για να χωρέσει
  • Περιέχει - το μέγεθος της επικεφαλίδας της εικόνας θα ρυθμιστεί με τον τρόπο, ώστε ολόκληρη η εικόνα να είναι ορατή
3 επιλογές μεγέθους εικόνας κεφαλίδας
Δείτε πώς μπορεί να φαίνονται οι διαφορετικές επικεφαλίδες ανάλογα με το μέγεθός τους - αρχικό, εξώφυλλο και μέγεθος περιεχομένου

Μπορείτε επίσης να ορίσετε τη θέση της εικόνας εντός της κεφαλίδας και να ορίσετε σταθεροποίηση φόντου.

Μπλοκ κάλυψης που λειτουργεί ως κεφαλίδα

Όπως αναφέραμε ήδη στην αρχή αυτού του άρθρου, υπάρχουν διάφοροι τρόποι για να επεξεργαστείτε την κεφαλίδα στον επεξεργαστή του WordPress. Εκτός από τη χρήση του Customizer μπορείτε επίσης να χρησιμοποιήσετε ένα από τα βασικά μπλοκ του WordPress που ονομάζεται μπλοκ Cover. Ποια είναι λοιπόν η διαφορά;

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

Πού να χρησιμοποιήσετε το Cover block

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

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

Επικεφαλίδα αρχικής σελίδας

Το μπλοκ κάλυψης μπορεί επίσης να χρησιμοποιηθεί αντί για την επικεφαλίδα του ιστότοπου, αν θέλετε να επιτύχετε πρωτότυπη εμφάνιση. Επειδή το μπλοκ Cover παρέχει διάφορες επιλογές ευθυγράμμισης, μπορείτε να το ρυθμίσετε στο πλάτος του περιεχομένου ή να το κάνετε πλήρες πλάτος. Η επικεφαλίδα πλήρους πλάτους μπορεί επίσης να χρησιμοποιηθεί ως μεγάλη εικόνα φόντου. Αλλά μην ξεχνάτε την απενεργοποίηση του τίτλου σελίδας στο θέμα Citadela. Αυτό το βήμα είναι απαραίτητο αν θέλετε να χρησιμοποιήσετε το μπλοκ Cover ως κεφαλίδα ιστότοπου.

Κεφαλίδα ως εικόνα φόντου πλήρους πλάτους
Κεφαλίδα πλήρους πλάτους στην αρχική σελίδα

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

Ως πρώτο πράγμα που πρέπει να προσθέσετε είναι το μπλοκ Cover. Μπορείτε να το προσθέσετε σε οποιαδήποτε σελίδα ή ανάρτηση με τον ακόλουθο τρόπο:

Κάντε κλικ στο σύμβολο "+" στην επάνω μπάρα ή στο σύμβολο "+" οπουδήποτε στο περιεχόμενο. Μετά από αυτό απλά αναζητήστε το μπλοκ Cover.

Προσθέστε μπλοκ κάλυψης κάνοντας κλικ στο "+"
Προσθήκη μπλοκ κάλυψης χρησιμοποιώντας το "+"

Ένας άλλος γρήγορος τρόπος είναι να προσθέσετε μπλοκ χρησιμοποιώντας το "/" μετά το όνομα του μπλοκ.

Χρήση της κάθετης για προσθήκη μπλοκ κάλυψης
Προσθέστε κάθετο και πληκτρολογήστε Cover block για να προσθέσετε αυτό το μπλοκ στην περιοχή περιεχομένου

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

Τίτλος επικεφαλίδας

Το ενδιαφέρον με την κεφαλίδα που προστίθεται με τη χρήση του μπλοκ Cover είναι ότι μπορείτε να γράψετε τίτλο κειμένου πάνω από την εικόνα. Αυτός ο τίτλος μπορεί επίσης να χρησιμοποιηθεί ως επικεφαλίδα για τμήμα, για παράδειγμα σε αναρτήσεις ιστολογίου. Είναι επίσης δυνατό να προσθέσετε εκεί οποιαδήποτε διεύθυνση URL.

Τίτλος στην εικόνα κεφαλίδας
Τίτλος στην εικόνα κεφαλίδας

Ευθυγράμμιση μπλοκ κάλυψης

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

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

Ρυθμίσεις εικόνας εξωφύλλου

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

Χρησιμοποιώντας το Focal Point Picker μπορείτε να επιλέξετε ποιο μέρος της εικόνας θα εμφανίζεται στην κεφαλίδα. Μπορείτε να εργαστείτε με την εικόνα ακόμη περισσότερο. Για παράδειγμα, μπορείτε να ορίσετε το χρώμα επικάλυψης και την αδιαφάνεια φόντου. Και οι δύο ρυθμίσεις θα σας βοηθήσουν να βάλετε τις τελευταίες πινελιές στην κεφαλίδα σας. Αν χρησιμοποιήσετε το μπλοκ Cover μέσα στην ανάρτηση του ιστολογίου, χρησιμοποιώντας το σωστό συνδυασμό χρωμάτων και τη διαφάνεια, μπορείτε να προσθέσετε την επιθυμητή ατμόσφαιρα στην ανάρτησή σας. Να είστε προσεκτικοί με αυτές τις ρυθμίσεις, καθώς το κείμενο του τίτλου πρέπει να είναι σαφώς ορατό.

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

Δημιουργία κεφαλίδας βίντεο

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

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

Ποια είναι η εμπειρία σας με τις επικεφαλίδες; Έχετε ήδη δοκιμάσει το Cover block για να δημιουργήσετε κεφαλίδα; Προτιμάτε την κλασική επικεφαλίδα ιστότοπου χρησιμοποιώντας τον παραμετροποιητή του WordPress; Ενημερώστε μας στα σχόλια παρακάτω.