ວິທີການເພີ່ມໄອຄອນເມນູ WordPress CSS?ຕິດຕັ້ງ WP Navigation Icon Font Plugin

WordPressວິທີການເພີ່ມໄອຄອນເມນູ CSS?

ຕິດຕັ້ງ WP Navigation Icon Font Plugin

ສື່ ໃໝ່ຄົນເຮັດSEOມັນແມ່ນການເພີ່ມປະສິດທິພາບເວັບໄຊທ໌ແລະປັບປຸງປະສົບການຂອງຜູ້ໃຊ້.

ທ່ານສາມາດເພີ່ມຕົວອັກສອນໄອຄອນໃສ່ເວັບໄຊທ໌ WordPress ຂອງທ່ານ, ທີ່ສວຍງາມຫຼາຍແລະສະຫນັບສະຫນູນແມ່ແບບຫົວຂໍ້ WP ທີ່ຕອບສະຫນອງ.

ໄອຄອນຟອນ ແລະໄອຄອນໃນຮູບແບບຮູບພາບຂະໜາດນ້ອຍແມ່ນແຕກຕ່າງກັນ:

• ຮອງຮັບຈໍສະແດງຜົນ retina.
• ສາ​ມາດບໍ່ຈຳກັດຂະຫຍາຍ.
• ປັບແຕ່ງລາຍການໃນເມນູນໍາທາງເປັນສ່ວນບຸກຄົນເປັນໄອຄອນຟອນ.

ແຜນວາດຜົນກະທົບສະເພາະສາມາດເບິ່ງໄດ້Chen Weiliangເມນູນໍາທາງຂອງບລັອກ.

ໃຊ້ຕົວອັກສອນໄອຄອນແນວໃດ?

第1步：ຕິດຕັ້ງປລັກອິນ

• ພື້ນຫລັງ WP → Plugins → ຕິດຕັ້ງ Plugins → ຄົ້ນຫາ "Font Awesome 4 Menus", ດາວໂຫລດແລະຕິດຕັ້ງແລະເປີດໃຊ້ງານ;
• ທ່ານຍັງສາມາດດາວໂຫລດໄດ້ໂດຍກົງຈາກເວັບໄຊທ໌, ຫຼັງຈາກນັ້ນອັບໂຫລດຫຼືຕິດຕັ້ງຜ່ານ FTP ຫຼັງຈາກອັບໂຫລດ.

第2步：ຊອກຫາ Icon Fonts

ເປີດເວັບໄຊທ໌ທາງການຂອງຕົວອັກສອນໄອຄອນແລະຊອກຫາໄອຄອນທີ່ພວກເຮົາຕ້ອງການ▼

• ທີ່ທ່ານສາມາດສະແດງໃນເວລາທີ່ທ່ານຄລິກໃສ່ໄອຄອນ <i class =“fa fa-home”> </ i>ສຳເນົາ fa fa-home.
• ຖ້າຊື່ໄອຄອນບ້ານແມ່ນເຮືອນ, ຫຼັງຈາກນັ້ນພວກເຮົາຈໍາເປັນຕ້ອງໃສ່ໃນ "Menu CSS Class" fas fa-home

第3步：ໃສ່ເມນູ CSS class font icon

• ພື້ນຫຼັງ WP → ຮູບລັກສະນະ → ເມນູ, ເຂົ້າໄປໃນຫນ້າການຕັ້ງຄ່າເມນູ.
• ເລືອກ​ແລະ​ແກ້​ໄຂ​ລາຍ​ການ​ເມ​ນູ​,
• ໃນຫ້ອງຮຽນ CSS, ວາງໄອຄອນຊື່ຕົວອັກສອນທີ່ພວກເຮົາຫາກໍ່ຄັດລອກ (fa fa-home) ▼

• (ການ​ດໍາ​ເນີນ​ງານ​ຂອງ icon ອື່ນໆ​ແມ່ນ​ດຽວ​ກັນ​)
• ສຸດທ້າຍຄລິກບັນທຶກ.

ຂໍ້ຄວນລະວັງ

ຖ້າ​ຫາກ​ວ່າ​ທ່ານ​ບໍ່​ມີ​ຫ້ອງ​ຮຽນ CSS ໃນ​ການ​ແກ້​ໄຂ​ບັນ​ດາ​ລາຍ​ການ​ເມ​ນູ​, ທ່ານ​ສາ​ມາດ​ເປີດ "ຕົວ​ເລືອກ​ການ​ສະ​ແດງ​" ໃນ​ແຈ​ເທິງ​ຂວາ​, ແລະ​ໃນ​.ສະແດງຄຸນສົມບັດຂັ້ນສູງຂອງເມນູ, ເລືອກ "CSS class" ▼

• ແນ່ນອນ, ຫ້ອງສະຫມຸດຕົວອັກສອນໄອຄອນນີ້ບໍ່ຈໍາກັດການນໍາໃຊ້ໃນເມນູນໍາທາງ, ຕາບໃດທີ່ລະຫັດໄອຄອນທີ່ສອດຄ້ອງກັນຖືກເພີ່ມໃສ່ຕໍາແຫນ່ງທີ່ສອດຄ້ອງກັນຂອງແມ່ແບບຫົວຂໍ້.