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

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

Εγκαταστήστε το 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" ▼

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