มาทำเมนู Joomla! ให้เป็นรูป icon กันเถอะ

พอดีมีคนอยากทราบ ว่าจะทำเมนูของจูมล่าที่เป็นตัวหนังสือธรรมดาให้เป็น icon ได้อย่างไร จริงๆแล้ว สามารถทำได้นานแล้วตั้งแต่สมัย Joomla 1.0 แต่บางคนอาจไม่ทราบ วันนี้เลยมาสอนทำกัน

เริ่มจากคุณต้องทำการหารูปภาพที่จะเอามาเป็นเมนูก่อน จะขนาดเท่าไหร่ก็ได้ แต่ควรมีขนาดของความสูงที่เท่ากัน จากนั้น นำรูปภาพที่เราจะเอามาทำเป็นเมนุ ไปเก็บไว้ในโฟลเดอร์ /images

จากนั้น ไปที่เมนูที่ต้องการ ในที่นี้ผมไปที่เมนู Home หรือ หน้าแรก เพื่อจะใช้ icon รูปบ้าน แล้วคลิ๊กที่แท๊บ Link Type (หมายเลข 1) แล้วคลิ๊กใส่รูปที่ Link images (หมายเลข 2)

จากนั้นระบบ ก็จะ popup ให้เราเลือกรูป เลือกรูปที่ต้องการ (หมายเลข 1) จากนั้น กด Insert (หมายเลข 2)

พอกลับมาก็ กด Save แล้วลองไปดูที่หน้าเว็บ จะเห็นว่ามีรูป พร้อมชื่อเมนู

ลองมาตั้งค่าเพิ่มเติม หาก ต้องการ แสดงเฉพาะรูป ก็ ให้คิล๊กปิดได้ ตรง Add Menu Title

รูปแบบที่แสดง ก็จะมีแต่รูป

ลองมาใส่ ชื่อเมนู เวลาเอาเม้าวาง บนรูป ให้ใส่ ข้อความตรง Link Title Attribute

เวลาเอาเม้าวาง บนรูปก็จะแสดง ข้อความว่าเป็นเมนูอะไร ส่งผลดีกับ SEO ด้วย

ลองมาดู เมนูรูปภาพ ตัวอย่างจากเว็บ

แบบด้านล่างสร้างรูปมาเป็นชื่อเมนูเลย