Το WordPress έχει επιτέλους επαναφέρει τη δυνατότητα προσθήκης προσαρμοσμένου CSS στον ιστότοπό σας με την κυκλοφορία του WordPress 6.2! Σε αυτό το άρθρο βοήθειας, σας δείχνω πώς να προσθέτετε γρήγορα προσαρμοσμένο CSS σε οποιονδήποτε ιστότοπο χρησιμοποιώντας αυτήν την τελευταία έκδοση του WordPress, τη δωρεάν πλατφόρμα CMS ανοιχτού κώδικα και τον σχεδιαστή ιστού.
Αυτή η μέθοδος λειτουργεί επίσης με νεότερες εκδόσεις, συμπεριλαμβανομένων των WordPress 6.3 και 6.4.
Πίνακας περιεχομένων
- Βήμα 1: Μεταβείτε στον Επεξεργαστή ιστότοπου
- Βήμα 2: Μεταβείτε στο Μενού "Styles".
- Βήμα 3: Πρόσβαση στο "Additional CSS"
Βήμα 1: Μεταβείτε στον Επεξεργαστή ιστότοπου
Μπορείτε να αποκτήσετε πρόσβαση στη δυνατότητα προσαρμοσμένου CSS μέσα από το Επεξεργαστής ιστότοπου, όπου επεξεργάζεστε το πρότυπα και το Μέρη προτύπων του ιστότοπού σας. Ο Επεξεργαστής τοποθεσίας είναι ο χώρος όπου εκτελείτε αυτό που είναι κοινώς γνωστό ως "Πλήρης επεξεργασία ιστότοπου."
Από τον Πίνακα ελέγχου του WordPress (η πρώτη σελίδα στην οποία μεταφέρεστε αφού συνδεθείτε), τοποθετήστε το δείκτη του ποντικιού σας πάνω από το στοιχείο μενού "Εμφάνιση" και κάντε κλικ στο "Επεξεργαστής" (κόκκινο βέλος στην παραπάνω εικόνα). Αυτό θα σας μεταφέρει στον Επεξεργαστή ιστότοπου.
Μόλις μπείτε στον Επεξεργαστή ιστότοπου, μπορείτε να κάνετε κλικ οπουδήποτε στη δεξιά πλευρά της οθόνης (η περιοχή που εμφανίζει μια προεπισκόπηση του ιστότοπού σας – που περιγράφεται με πράσινο χρώμα στην παραπάνω εικόνα) για να εμφανιστεί το Κορυφαίο μενού Επεξεργαστή τοποθεσίας.
Βήμα 2: Μεταβείτε στο Μενού "Styles".
Μέσα στο Top Menu, κάντε κλικ στο εικονίδιο "Styles" (το εικονίδιο είναι μισός μαύρος, μισός λευκός κύκλος) για να εμφανιστεί η πλευρική γραμμή στυλ.
Βήμα 3: Πρόσβαση στο "Additional CSS"
Κάντε κλικ στο μενού "Ενέργειες στυλ" στο επάνω μέρος της πλαϊνής γραμμής (το εικονίδιο με τις τρεις κουκκίδες - κόκκινο βέλος στην παραπάνω εικόνα).
Κάντε κλικ στην επιλογή "Πρόσθετο CSS" από το αναπτυσσόμενο μενού (κόκκινο βέλος).
Θα δείτε τώρα ένα μακρύ πλαίσιο κειμένου με την ένδειξη "Πρόσθετο CSS", όπου μπορείτε να προσθέσετε τον προσαρμοσμένο σας κώδικα CSS (που περιγράφεται με πράσινο στην παραπάνω εικόνα). Το επάνω μέρος του πλαισίου λέει "Προσθέστε το δικό σας CSS για να προσαρμόσετε την εμφάνιση και τη διάταξη του ιστότοπού σας" (κόκκινο βέλος). Θα δείτε επίσης έναν σύνδεσμο όπου μπορείτε να μάθετε περισσότερα σχετικά με την κωδικοποίηση CSS, η οποία μπορεί να χρησιμοποιηθεί για προσαρμοσμένα στοιχεία στυλ του ιστότοπού σας WordPress.
Αφού προσθέσετε το προσαρμοσμένο CSS (πράσινο βέλος), κάντε κλικ στο κουμπί "Αποθήκευση" στο επάνω μενού για να αποθηκεύσετε τις αλλαγές σας (κόκκινο βέλος).
Αυτό είναι! Τώρα ξέρετε πού μπορείτε να προσθέσετε προσαρμοσμένο CSS στον ιστότοπό σας στο WordPress στο WordPress 6.2. Θέλετε να κυριαρχήσετε στο WordPress; Ρίξτε μια ματιά στο δικό μου WordPress Masterclass στο Udemy!
