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

Written by Pisan Chueachatchai. Posted in เทคนิค Joomla!

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

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

 

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

menu icon 1

 

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

 

menu icon 2

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

menu icon 3

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

menu icon 4

 

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

menu icon 5

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

menu icon 6

 

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

menu icon 7

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

menu icon 8

 

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

menu icon 9

 

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

menu icon 10

 

พิมพ์