การใช้งานเมนูระบบ เพิ่ม ลบ แก้ไขเมนู และการตั้งค่า

เมนูระบบ สามารถสร้างได้หลายชุด ตามชื่อที่ตั้งไว้ แต่ละชุดเป็นอิสระต่อกัน สามารถใช้ได้ 2 แบบ

• ใช้คู่กับ Mytemplate จะวางเมนูระบบได้หลายตำแหน่งในเทมเพลท
• ใช้กับเทมเพลทสำเร็จรูป Template 1 - 4 จะใช้วางได้เพียงตำแหน่งเดียว (บน ซ้าย ขวา ล่าง)

วันนี้ เรามีวิธีการทำเมนูระบบ มาแนะนำกันครับ โดยมีวิธีการที่ไม่ยาก ดังนี้

ภาพประกอบ 1 : ตัวอย่างเมนูระบบ แบบแนวนอน และแนวตั้ง

1. webmaster Login เข้าสู่ระบบการแก้ไขเว็บไซต์ ( /2222 )

2. เมื่อเข้ามาในระบบการพัฒนาเว็บไซต์  ชี้ไปที่เมนู1. ตั้งค่าทั่วไป1.1 ดูผลการพัฒนา    เพื่อกลับมาหน้าแรก

3. บริเวณเมนูระบบ แบบแนวตั้ง สังเกตุที่หลังเมนูลำดับสุดท้าย

จะมีไอคอนจัดการ 2 อัน

• เพิ่มเมนู / แก้ไขเมนู   : สำหรับเพิ่มเมนู /แก้ไขเมนู (ภาพประกอบ 2)
• ตั้งค่าตัวแปร              : เปลี่ยนไอคอน สีเมนู สีพื้นเมนู  ระยะเมนู ฯลฯ (ภาพประกอบ 2)

แต่ถ้า เป็นเมนมูระบบ แบบแนวนอน ไอคอนจัดการ จะอยู่ทางด้านซ้าย ของชุดเมน (ดังในภาพ)

ภาพประกอบ 2

 4. หน้าเพิ่มแก้ไขเมนู

ตำแหน่ง	คำอธิบาย
ชื่อไฟล์เมนู :	แสดงชื่อเมนูชุดปัจจุบัน ขึ้นต้นด้วยคำว่า menu เสมอ และลงท้ายด้วยชื่อเมนู ไม่เกิน 3 ตัวอักษร เช่น menuNEW ให้เปลี่ยนจาก NEW เป็นชื่ออื่น ไม่เกิน 3 ตัวอักษร หรือจะใช้เป็นตัวเลยก็ได้ ( menuA01 หรือ menuABC )
คอลัมภ์ Icon (เลข3)	สำหรับกำหนดภาพไอคอนหน้าเมนู ของแต่ละเมนู
คอลัมภ์ ชื่อเมนู (เลข4)	ชื่อเมนูที่จะ แสดงผลบนหน้าเว็บไซต์ ใส่ข้อความได้ทั้งภาษาไทย-อังกฤษ
คอลัมภ์ ตำแหน่งที่อยู่ Url (เลข5)	กรณีที่ลิงค์ ภายในเว็บเดียวกัน เวลาคลิ๊กที่ช่อง จะปรากฎไฟล์ .html ที่เราสร้างมาทั้งหมด พอคลิ๊กไฟล์ที่ต้องการ ระบบจะใส่ url ในคอลัมภ์ ตำแหน่งที่ url ให้เอง
	ส่วนถ้าต้องการ ลิงค์ไปเว็บอื่น ต้องใส่เป็น Url เต็ม เช่น http://www.help.tht.in/
คอลัมภ์ Target (เลข6)	self	เป็นคำสั่งให้เปิด link ในหน้าต่างปัจจุบัน และ frame เดิม
	blank	เป็นคำสั่งให้เปิด link ในหน้าต่างใหม่
	top	เป็นคำสั่งให้เปิด link ในหน้าต่างเดิมทั้งหมด ซึ่งจะปิด frame ทั้งหมด
	parent	เป็นคำสั่งให้เปิด link ในหน้าต่างเดิม (ถ้าไม่เลือกจะเป็นค่านี้อัตโนมัติ)
	frame1 2 3
ไอคอนจัดการแถวเมนู  : ใช้สำหรับแทรกแถวใหม่ ขึ้นด้านบน (เลข7)  : ใช้สำหรับแทรกแถวใหม่ ลงด้านล่าง (เลข8)  : ใช้สำหรับลบแถวปัจจุบัน (เลข9)

ภาพประกอบ 3

Play แล้วกด ปุ่ม Pause เพื่อรอให้โหลดหมดก่อน จะได้ไม่สะดุด

การตั้งค่าตัวแปร

สำหรับกำหนด ความกว้างเมนู ความสูง  ตำแหน่งเมนูตั้ง และแนวนอน เป็นต้น

ภาพประกอบ 4

สำหรับกำหนด รูปแบบอักษร ไอคอนหน้าเมนู(เหมือนกันทุกเมนู) สี ภาพพื้น และขนาดตัวอักษร เป็นต้น

 
ภาพประกอบ 5

Play แล้วกด ปุ่ม Pause เพื่อรอให้โหลดหมดก่อน จะได้ไม่สะดุด