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

Bagaimanakah saya boleh menambah CSS pada ikon menu WordPress ?

Pasang Pemalam Fon Ikon Navigasi WP

Bagi profesional media baharu , SEO adalah tentang 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.

Untuk paparan terperinci, sila rujuk menu navigasi di blog Chen Weiliang .

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 fon 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: Masukkan ikon fon CSS dalam 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 melihat kelas CSS dalam panel menu Edit, anda boleh membuka "Pilihan Paparan" di penjuru kanan sebelah atas dan pilih "Kelas CSS" dalam bahagian Ciri Lanjutan pada menu Paparan . ▼

• 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.