Jak dodać CSS ikonę menu WordPress?Zainstaluj wtyczkę czcionki ikony nawigacji WP

WordPressJak dodać ikonę menu CSS?

Zainstaluj wtyczkę czcionki ikony nawigacji WP

nowe mediaLudzie robiąSEOMa to na celu optymalizację strony internetowej i poprawę doświadczenia użytkownika.

Możesz dodać czcionki ikon do swojej witryny WordPress, które są bardzo piękne i obsługują responsywne szablony motywów WP.

Czcionki ikon i ikony w małym formacie obrazu różnią się:

• Obsługuje wyświetlacz siatkówki.
• 可以无限powiększać.
• Spersonalizuj elementy w menu nawigacyjnym indywidualnie jako czcionki ikon.

Można wyświetlić konkretny diagram efektuChen WeiliangMenu nawigacyjne bloga.

Jak używać czcionek ikon?

1 步：Zainstaluj wtyczkę

• Tło WP → Wtyczki → Zainstaluj wtyczki → Wyszukaj „Font Awesome 4 Menus”, pobierz i zainstaluj i włącz;
• Możesz również pobrać bezpośrednio ze strony internetowej, a następnie przesłać lub zainstalować przez FTP po przesłaniu.

2 步：Znajdź czcionki ikon

Otwórz oficjalną stronę czcionki ikony i znajdź ikonę, której potrzebujemy▼

• które możesz pokazać po kliknięciu ikony <i class =“fa fa-home”> </ i>Skopiuj fa fa-home.
• Jeśli nazwa ikony domu to home, musimy wpisać w "Menu CSS Class" fas fa-home

3 步：Ikona czcionki klasy CSS w menu wejściowym

• WP background → Appearance → Menu, wejdź na stronę ustawień menu.
• wybrać i edytować pozycję menu,
• W klasie CSS wklej nazwę czcionki ikony, którą właśnie skopiowaliśmy (fa fa-home) ▼

• (Działanie innych ikon jest takie samo)
• Na koniec kliknij Zapisz.

注意 事项

Jeśli nie masz klas CSS w panelu Edytuj elementy menu, możesz otworzyć „Opcje wyświetlania” w prawym górnym rogu orazPokaż zaawansowane właściwości menu, wybierz „Klasa CSS” ▼

• Oczywiście ta biblioteka czcionek ikon nie jest ograniczona do użycia w menu nawigacyjnym, o ile odpowiedni kod ikony jest dodawany do odpowiedniej pozycji szablonu motywu.