Bagaimana cara menambahkan ikon menu WordPress CSS?Instal Plugin Font Ikon Navigasi WP

WordPressBagaimana cara menambahkan ikon menu CSS?

Instal Plugin Font Ikon Navigasi WP

media yang baruorang melakukanSEOIni untuk mengoptimalkan situs web dan meningkatkan pengalaman pengguna.

Anda dapat menambahkan font ikon ke situs web WordPress Anda, yang sangat indah dan mendukung template tema WP desain responsif.

Font ikon dan ikon dalam format gambar kecil berbeda:

• Mendukung tampilan retina.
• bisatak terbatasmemperbesar.
• Personalisasi item pada menu navigasi satu per satu sebagai font Ikon.

Diagram efek spesifik dapat dilihatChen WeiliangMenu navigasi blog.

Bagaimana cara menggunakan font ikon?

1Instal plugin

• Latar belakang WP → Plugin → Instal Plugin → Cari "Font Awesome 4 Menus", unduh dan instal dan aktifkan;
• Anda juga dapat mengunduh langsung dari situs web, lalu mengunggah atau menginstal melalui FTP setelah mengunggah.

2Temukan Font Ikon

Buka situs web resmi font ikon dan temukan ikon yang kami butuhkan▼

• yang dapat Anda tampilkan ketika Anda mengklik ikon <i class =“fa fa-home”> </ i>Salin fa fa-home.
• Jika nama icon home adalah home, maka kita perlu masuk ke "Menu CSS Class" fas fa-home

3Menu masukan ikon font kelas CSS

• Latar belakang WP → Penampilan → Menu, masuk ke halaman pengaturan menu.
• pilih dan edit item menu,
• Di kelas CSS, rekatkan nama font ikon yang baru saja kita salin (fa fa-home)

• (Pengoperasian ikon lain adalah sama)
• Terakhir klik simpan.

注意 事项

Jika Anda tidak memiliki kelas CSS di panel Edit Item Menu, Anda dapat membuka "Opsi Tampilan" di sudut kanan atas, dan diTampilkan properti lanjutan dari menu, pilih "Kelas CSS"

• Tentu saja, pustaka font ikon ini tidak terbatas untuk digunakan di menu navigasi, selama kode ikon yang sesuai ditambahkan ke posisi template tema yang sesuai.