การเพิ่ม Icons ในเมนู Navigation ใน WordPress เป็นวิธีที่ดีที่จะเพิ่มความสวยงามและความสะดวกสบายให้กับเว็บไซต์ของคุณ โดย Icons ช่วยให้ผู้ใช้งานสามารถระบุและนำทางไปยังหน้าต่าง ๆ ของเว็บไซต์ได้อย่างรวดเร็ว ในบทความนี้ เราจะสอนวิธีการเพิ่ม Icons ในเมนู Navigation ใน WordPress อย่างง่ายและรวดเร็ว ขั้นตอนแรกติดตั้ง Plugin Menu Image, Icons made easy
วิธีการติดตั้ง Plugin Menu Image, Icons made easy
ขั้นตอนแรกเข้าไปที่หน้า Plugins เลือก Add New Plugin ค้นหาคำว่า Menu Image Icons และกด ติดตั้งหรือ Install Now
หลังจากติดตั้งเสร็จให้กด Activate หรือ เปิดใช้งานได้เลยครับ
หลังจากกดเปิดใช้งานแล้วจะขึ้นหน้านี้มาให้กดไปที่ Allow & Continue
วิธีการเพิ่ม Icon ใน Menu Navbar
หลังจากนั้นให้มองไปที่ Admin Bar ไปที่เมนู Appearance และคลิ๊กไปที่ Menus
คลิ๊กไปที่เมนูที่เราต้องการจะใส่ Icons และกด Add Image/Icon
และจะเจอกับหน้า Image & Icon
- คำอธิบายแต่ล่ะเมนู Title position คือตำแหน่งของ Icons หรือรูปภาพที่เราจะให้แสดงว่าจะอยู่ตรงไหน
- Hide ไม่แสดง Above ด้านบน Below ด้านใต้ Before ด้านหน้า After ด้านหลัง
- Use Icon/image คือเลือกว่าจะใช้เป็นรูปภาพที่เราอัพโหลด หรือใช้ Icon ที่เค้ามีให้ผมจะเลือก Icon
หลังจากเลือก Icon จะสังเกตว่ามีเมนู Fontawesome ผมจะดึง Icon จาก Fontawesome มาใช้ แต่เราต้องติดตั้ง Plugin เพิ่ม
วิธีการดึง Icon จาก Fontawesome มาใช้งานใน WordPress
ขั้นตอนแรกให้โหลดปลั๊กอิน Fontawesome ค้นหาคำว่า Fontawesome และกด Install Now หลังจากติดตั้งแล้วให้กดเปิดใช้งานได้เลย
ต่อไปเราจะสอนวิธีตั้งค่า Fontawesome เพื่อที่เราจะดึง Icons มาใช้สังเกตที่ Admin Bar ไปที่ Settings มองด้านล่างสุดจะเห็นว่าจะมีเมนู Font Awesome ให้ทำการคลิ๊กเข้าไป
และมองหาหัวข้อ Technology ให้เปลี่ยนจาก Web Font เป็น SVG และกด Save Changes ด้านล่างซ้ายได้เลยครับ
และให้เรากลับไปที่เมนู และจะเห็นว่าหัวข้อ Fontawesome สามารถใช้งานได้ และมี Icon ขึ้นมาแล้ว
และหลังจากนั้นให้เราสามารถเลือก Icon ตามที่เราต้องการได้เลยและกด Save Changes และไปดูผลงานกัน
จะเห็นว่าเมนูจะมี Icon ขึ้นมาด้านหน้าแล้วเท่านี้ก็เสร็จสิ้น กับวิธีการเพิ่ม Icon ใน Menu Nav Bar ครับ
บทสรุปการเพิ่ม Icon ใน Navbar
การเพิ่ม Icons ในเมนู Navigation ใน WordPress เป็นวิธีที่ดีที่จะเพิ่มความสวยงามและความสะดวกสบายให้กับเว็บไซต์ของคุณ คุณสามารถใช้ Plugin “Menu Icons” หรือ CSS Class เพื่อเพิ่ม Icons ในเมนู Navigation ได้อย่างง่ายดาย และสามารถปรับแต่งรูปแบบของ Icons ตามต้องการได้อีกด้วย
หลังจากที่คุณได้เพิ่ม Icons ในเมนู Navigation ใน WordPress เรียบร้อยแล้ว ผู้ใช้งานจะสามารถระบุและนำทางไปยังหน้าต่าง ๆ ของเว็บไซต์ของคุณได้อย่างรวดเร็วและสะดวกสบายมากขึ้น
Related Posts
