Το χρώμα της γραμματοσειράς του τίτλου παίζει σημαντικό ρόλο στο σχεδιασμό ιστοσελίδων. Κάθε σελίδα, ανάρτηση και στοιχείο μενού στον ιστότοπό σας WordPress έχει ετικέτες επικεφαλίδας.
Όταν τα χρώματα ενός προτύπου θέματος δεν ταιριάζουν με την προβλεπόμενη παλέτα χρωμάτων σας, η εκμάθηση του τρόπου αλλαγής του χρώματος της γραμματοσειράς του τίτλου στο WordPress είναι ένα καλό μέρος για να ξεκινήσετε να προσαρμόζετε το θέμα σας ώστε να είναι περισσότερο επώνυμα και στοχευμένο με τα δημογραφικά στοιχεία των χρηστών σας.
Πώς να αλλάξετε το χρώμα της γραμματοσειράς του τίτλου στο WordPress
Ορισμένα θέματα έχουν επιλογές για ετικέτες επικεφαλίδων που αλλάζουν το χρώμα του τίτλου. Εάν όχι, χρησιμοποιήστε το 'Πρόσθετο CSS' για να αλλάξετε το χρώμα της γραμματοσειράς του τίτλου και τον δείκτη του συνδέσμου και τα χρώματα που έχετε επισκεφτεί. Οι χρήστες του WordPress.com, μεταβείτε στο 'Εμφάνιση > Προσαρμογή > Χρώματα και φόντο'. Το 'Κύριο' χρώμα ελέγχει το χρώμα της γραμματοσειράς του τίτλου.
Αλλαγή του χρώματος της γραμματοσειράς του τίτλου στο πρόγραμμα προσαρμογής του θέματός σας
Πολλά θέματα έχουν επεξεργάσιμες παλέτες χρωμάτων ενσωματωμένες στο θέμα. Δεν καθιστούν πάντα σαφές ότι η επιλογή χρώματος είναι για την αλλαγή του χρώματος της γραμματοσειράς του τίτλου. Συχνά, επισημαίνονται ως «χρώματα επικεφαλίδας».
Οι τίτλοι σελίδων και αναρτήσεων στο WordPress είναι συχνά μια κατηγορία επικεφαλίδας 2. Το H1 προορίζεται για τον τίτλο του ιστότοπου. Τα θέματα που χρησιμοποιούν αυτά στοχεύουν το h1 έως το h6.
Αλλάξτε τα χρώματα της ετικέτας επικεφαλίδας και οι τίτλοι σας θα αλλάξουν στο αντίστοιχο χρώμα που επιλέγετε εδώ.
Αλλάξτε το χρώμα της γραμματοσειράς τίτλου WP με CSS
Μέσα από τον πίνακα ελέγχου του WordPress, μεταβείτε στο μενού 'Εμφάνιση' και, στη συνέχεια, επιλέξτε 'Προσαρμογή'.
Η αρχική σας σελίδα θα φορτωθεί στο δεξί παράθυρο. Στο αριστερό μενού, επιλέξτε 'Πρόσθετο CSS'.
Κάντε δεξί κλικ σε έναν τίτλο είτε μιας σελίδας είτε μιας ανάρτησης.
Επιλέξτε 'inspect' και το παράθυρο επιθεώρησης προγράμματος περιήγησης θα φορτωθεί στην καρτέλα του προγράμματος περιήγησής σας.
Θα πρέπει τώρα να δείτε τρεις στήλες. Το πρώτο για το πρόσθετο CSS σας, το δεύτερο το κύριο περιεχόμενο του ιστότοπού σας, το τρίτο θα είναι ο επιθεωρητής του προγράμματος περιήγησής σας.
Μέσα στο παράθυρο επιθεώρησης, η 'κλάση' είναι αυτό που πρέπει να επεξεργαστείτε με CSS.
Σε αυτό το παράδειγμα, είναι το θέμα του WordPress Twenty Twenty-One που επεξεργάζεται. Το CSS για τον έλεγχο του τίτλου της ανάρτησης ιστολογίου είναι 'entry-title'. Για τους τίτλους σελίδων, είναι η κατηγορία div 'page-title'.
Μέσα στο παράθυρο 'Πρόσθετο CSS' στα αριστερά, εισαγάγετε τον ακόλουθο κώδικα
.entry-title {
color:red;
}Για να αλλάξετε το χρώμα της γραμματοσειράς τίτλου των σελίδων, θα ήταν
.page-title {
color:red;
}(Όπου το κόκκινο είναι μέσα στον κώδικα, αλλάξτε το στην τιμή του χρώματος ή του εξαγωνικού κωδικού του χρώματος που θέλετε να είναι οι τίτλοι σας).
Καθώς οι τίτλοι είναι υπερσύνδεσμοι, μπορείτε να προσαρμόσετε περαιτέρω την εμφάνιση χρησιμοποιώντας αυτόν τον οδηγό για πώς να αλλάξετε το χρώμα υπερ-σύνδεσης στο WordPress.
Η μόνη διαφορά είναι ότι αφού αλλάξετε το χρώμα της γραμματοσειράς του τίτλου, μπορείτε να προσθέσετε το γράμμα 'a' για να στοχεύσετε το στοιχείο 'άγκυρα', το οποίο είναι αυτό που ελέγχει το χρώμα του συνδέσμου.
Μέσα στην άγκυρα υπάρχουν δύο ψευδο-τάξεις που ίσως γνωρίζετε να βλέπετε.
Το χρώμα του δείκτη του ποντικιού συνδέσμου και το χρώμα του συνδέσμου επίσκεψης.
Το CSS για την επεξεργασία αυτών για τίτλους αναρτήσεων με δυνατότητα κλικ είναι
.entry-title a {
color:red;
}
.entry-title a:hover {
color:yellow;
}
.entry-title a:visited {
color:purple;
} Και πάλι, τα χρώματα μπορούν να είναι ό,τι θέλετε. Μπορείτε να κάνετε το ίδιο με τους τίτλους σελίδων αλλάζοντας το '.entry-title' σε '.page-title' στον παραπάνω κώδικα.
Πώς να αλλάξετε τα χρώματα της γραμματοσειράς του τίτλου στο WordPress.com
Για να χρησιμοποιήσετε το πρόσθετο CSS στο WordPress.com, απαιτείται ένα πρόγραμμα Premium. Για δωρεάν σχέδια, θα βασίζεστε στον προγραμματιστή θεμάτων, συμπεριλαμβανομένων των επιλογών στυλ. Πολλοί το κάνουν.
Μέσα στον πίνακα ελέγχου διαχειριστή, μεταβείτε στο μενού Εμφάνιση και, στη συνέχεια, επιλέξτε Προσαρμογή.
Επιλέξτε 'Χρώματα και φόντο'
Σε αυτό το παράδειγμα, χρησιμοποιείται το θέμα Bantry για WordPress.com. Μέσα σε αυτό, υπάρχουν πέντε περιοχές για τις οποίες μπορείτε να αλλάξετε τα χρώματα, καθεμία από τις οποίες αντιπροσωπεύεται από έναν έγχρωμο κύκλο.
- Το χρώμα φόντου ελέγχει το φόντο ολόκληρης της σελίδας.
- Το χρώμα του προσκηνίου ελέγχει το χρώμα του κειμένου του σώματος - την περιοχή περιεχομένου.
- Το Κύριο χρώμα ελέγχει το χρώμα της γραμματοσειράς του τίτλου.
- Το δευτερεύον χρώμα ελέγχει το χρώμα αιώρησης τίτλου.
- Το Τριτογενές χρώμα ελέγχει το χρώμα των στοιχείων, όπως οι διαχωριστικές γραμμές μεταξύ των αναρτήσεων του ιστολογίου σας στη σελίδα του ιστολογίου.
Κάντε κλικ στον τρίτο έγχρωμο κύκλο για να αλλάξετε το χρώμα της γραμματοσειράς του τίτλου στο WordPress.com. Μπορείτε να επιλέξετε από τις υπάρχουσες χρωματικές παλέτες ή να κάνετε κλικ στην επιλογή 'διαλέξτε το δικό σας χρώμα'.
Σε άλλα θέματα στα εγκεκριμένα θέματα του WordPress.com, τα περισσότερα χρησιμοποιούν είτε 'Κύρια' ή 'Επικεφαλίδα' ετικέτες στο πρόγραμμα προσαρμογής θέματος για να αλλάξουν το χρώμα της γραμματοσειράς του τίτλου.
