Accessibility Tools

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

มาทำเมนู 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

 

  • Hits: 14325