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

Bagaimana cara menambahkan CSS ke ikon menu WordPress ?

Instal Plugin Font Ikon Navigasi WP

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

Untuk detail lebih lanjut, silakan lihat menu navigasi di blog Chen Weiliang .

Bagaimana cara menggunakan font ikon?

Langkah 1: Instal 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.

Langkah 2: Temukan 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

Langkah 3: Masukkan ikon font CSS di menu.

• 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 melihat kelas CSS di panel menu Edit, Anda dapat membuka "Opsi Tampilan" di pojok kanan atas dan memilih "Kelas CSS" di bagian Properti Lanjutan pada menu Tampilan . ▼

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