Bagaimana untuk menambah CSS ikon menu WordPress?Pasang Pemalam Fon Ikon Navigasi WP

WordPressBagaimana untuk menambah ikon menu CSS?

Pasang Pemalam Fon Ikon Navigasi WP

media baruorang buatSEOIa adalah untuk mengoptimumkan laman web dan meningkatkan pengalaman pengguna.

Anda boleh menambah fon ikon pada tapak web WordPress anda, yang sangat cantik dan menyokong templat tema WP reka bentuk responsif.

Fon ikon dan ikon dalam format imej kecil adalah berbeza:

• Menyokong paparan retina.
• Bolehtidak terhadbesarkan.
• Peribadikan item pada menu navigasi secara individu sebagai fon Ikon.

Gambar rajah kesan khusus boleh dilihatChen WeiliangMenu navigasi blog.

Bagaimana untuk menggunakan fon ikon?

Langkah 1:Pasang pemalam

• Latar belakang WP → Pemalam → Pasang Pemalam → Cari "Font Awesome 4 Menus", muat turun dan pasang serta dayakan;
• Anda juga boleh memuat turun terus dari tapak web, kemudian memuat naik atau memasang melalui FTP selepas memuat naik.

Langkah 2:Cari Font Ikon

Buka laman web rasmi fon ikon dan cari ikon yang kami perlukan▼

• yang boleh anda tunjukkan apabila anda mengklik ikon <i class =“fa fa-home”> </ i>Salin fa fa-home.
• Jika nama ikon rumah ialah rumah, maka kita perlu memasukkan "Menu CSS Class" fas fa-home

Langkah 3:Ikon fon kelas CSS input menu

• Latar belakang WP → Rupa → Menu, masukkan halaman tetapan menu.
• pilih dan edit item menu,
• Dalam kelas CSS, tampal nama fon ikon yang baru kami salin (fa fa-home) ▼

• (Pengendalian ikon lain adalah sama)
• Akhir sekali klik simpan.

注意 事项

Jika anda tidak mempunyai kelas CSS dalam panel Edit Item Menu, anda boleh membuka "Pilihan Paparan" di penjuru kanan sebelah atas dan dalamSifat lanjutan menu paparan, pilih "kelas CSS" ▼

• Sudah tentu, perpustakaan fon ikon ini tidak terhad untuk digunakan dalam menu navigasi, selagi kod ikon yang sepadan ditambah pada kedudukan templat tema yang sepadan.