Προσαρμοσμένο CSS & απόκρυψη τμημάτων του ιστότοπου μέσω CSS

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

Εντοπίστε το τμήμα που θέλετε να αφαιρέσετε

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

Ανοίξτε τα Εργαλεία προγραμματιστών

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

Εύρεση στοιχείου στην πηγή

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

Γράψτε CSS για να αποκρύψετε την επιλεγμένη ενότητα

Όταν έχετε επιλέξει ένα τμήμα που θέλετε να αποκρύψετε, χρησιμοποιήστε το χαρακτηριστικό ID ή CLASS της επιλεγμένης ετικέτας HTML στα δικά σας στυλ CSS ή χρησιμοποιήστε τον ακριβή επιλογέα CSS που χρησιμοποιείται από το θέμα για αυτήν την ετικέτα. Επιλογέας CSS για την επιλεγμένη ετικέτα που χρησιμοποιείται από το θέμα που μπορείτε να εντοπίσετε στη δεξιά πλευρά των εργαλείων προγραμματιστή του προγράμματος περιήγησης.
Για παράδειγμα, εάν αποφασίσατε να αφαιρέσετε ολόκληρο το τμήμα με την ημερομηνία και τον συγγραφέα, ο επιλογέας που χρησιμοποιείται από το θέμα είναι: .elm-posts-main .item .item-info

Επιλογείς CSS για ετικέτα

Το στυλ CSS για την απόκρυψη της ετικέτας HTML στο πλάι είναι "display: none;", μπορείτε επίσης να το χρησιμοποιήσετε !σπουδαίος δήλωση για την αποτροπή περαιτέρω αντικατάστασης στυλ CSS με άλλο CSS.

Έτσι, το τελικό στυλ CSS για απόκρυψη μέρους με την ημερομηνία και τον συγγραφέα θα είναι:

.elm-posts-main .item .item-info { display: none !important; }

Προσθέστε προσαρμοσμένο κώδικα CSS στο Customizer

Μπορείτε να προσθέσετε τον προσαρμοσμένο κώδικα CSS Εμφάνιση > Προσαρμογή > Πρόσθετο CSS

Μετά τη δημοσίευση, μπορείτε να το ελέγξετε στον ιστότοπό σας:

εφαρμοσμένο_css_style