Πώς να προσθέσετε το εικονίδιο μενού του WordPress CSS;Εγκαταστήστε το WP Navigation Icon Font Plugin

Πώς μπορώ να προσθέσω CSS σε ένα εικονίδιο μενού WordPress ;

Εγκαταστήστε το WP Navigation Icon Font Plugin

Για τους επαγγελματίες των νέων μέσων , το SEO αφορά τη βελτιστοποίηση ιστοσελίδων και τη βελτίωση της εμπειρίας των χρηστών.

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

Οι γραμματοσειρές εικονιδίων και τα εικονίδια σε μορφή μικρής εικόνας είναι διαφορετικά:

• Υποστήριξη οθόνης αμφιβληστροειδούς.
• μπορώαπεριόριστοςμεγέθυνση.
• Εξατομικεύστε τα στοιχεία στο μενού πλοήγησης ξεχωριστά ως γραμματοσειρές εικονιδίων.

Για λεπτομερείς απεικονίσεις, ανατρέξτε στο μενού πλοήγησης στο ιστολόγιο του Chen Weiliang .

Πώς να χρησιμοποιήσετε τις γραμματοσειρές εικονιδίων;

Βήμα 1: Εγκαταστήστε το πρόσθετο

• Υπόβαθρο WP → Προσθήκες → Εγκατάσταση προσθηκών → Αναζήτηση για το "Font Awesome 4 Menus", κάντε λήψη και εγκατάσταση και ενεργοποίηση.
• Μπορείτε επίσης να κάνετε λήψη απευθείας από τον ιστότοπο και, στη συνέχεια, να ανεβάσετε ή να εγκαταστήσετε μέσω FTP μετά τη μεταφόρτωση.

Βήμα 2: Βρείτε γραμματοσειρές εικονιδίων

Ανοίξτε τον επίσημο ιστότοπο της γραμματοσειράς εικονιδίων και βρείτε το εικονίδιο που χρειαζόμαστε ▼

• που μπορείτε να εμφανίσετε όταν κάνετε κλικ στο εικονίδιο <i class =“fa fa-home”> </ i>Αντιγραφή fa-home.
• Εάν το όνομα του εικονιδίου αρχικής σελίδας είναι το σπίτι, τότε πρέπει να εισαγάγουμε "Μενού Κλάση CSS" fas fa-home

Βήμα 3: Εισαγάγετε το εικονίδιο γραμματοσειράς CSS στο μενού.

• Φόντο WP → Εμφάνιση → Μενού, μπείτε στη σελίδα ρυθμίσεων μενού.
• επιλέξτε και επεξεργαστείτε ένα στοιχείο μενού,
• Στην τάξη CSS, επικολλήστε το όνομα της γραμματοσειράς του εικονιδίου που μόλις αντιγράψαμε (fa fa-home) ▼

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

προφυλάξεις

Εάν δεν βλέπετε κλάσεις CSS στον πίνακα μενού Επεξεργασία, μπορείτε να ανοίξετε τις "Επιλογές εμφάνισης" στην επάνω δεξιά γωνία και να επιλέξετε "Κλάσεις CSS" στην ενότητα Σύνθετες ιδιότητες του μενού Εμφάνιση . ▼

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