วันอังคาร, ตุลาคม 27

7-3 การปรับแต่งเมนู (Menu) บนเว็บไซต์ Joomla

สวัสดีครับ
สัปดาห์นี้ เราก็จะมาเรียนเรื่องปรับ
แต่งส่วนต่างๆของการใช้งานบนเว็บไซต์ Joomla ต่อกันนะครับ
จากสัปดาห์ที่แล้วเราได้เรียนเรื่องการปรับ
แต่ง Template แล้วก็การเพิ่มบทความ articles ไปแล้ว ในส่วนนี้เราก็จะมาเรียนเรื่องของการปรับ
แต่งเมนู ว่าจะมีเมนูที่มีอยู่แล้วหรือว่าเราต้องการจะเพิ่มเมนูเนี่ย เราจะต้องทำอย่างไรในส่วนของ Joomla โดยหัวข้อ ก็จะมี 2 ส่วนนะครับ
อันแรกก็คือการปรับ
แต่งเมนูนั้นเอง กับอันที่สองก็คือการเพิ่มเมนู ว่าเราจะเพิ่มเมนูอย่างไรนะครับ
ในส่วนของ Joomla เรามาดูวิธีทำกันเลย อย่าลืมทุกครั้งต้อง Start Service ในส่วนของ XAMPP Control Panel ก่อน
ถ้าไม่ Start ก็ไม่สามารถใช้งานได้ เปิดเว็บไซต์ขึ้นมาเหมือนเดิมเว็บบราวเซอร์ขึ้นมา พิมพ์ localhost Vituremart และ administor ใส่รหัสเข้าไป login เข้าไป admin password ก็ตามที่ตั้งไว้ กดคลิกเข้าสู่ระบบ ส่วนนี้เราก็จะมาดูในส่วนของเมนู ก็จะมีในการจัดการเมนูก็คือเพิ่มเมนูใหม่หรือว่า main menu หรือว่า ในหน้านี้ก็จะมีเมนูอยู่ตรงนี้เหมือนกันก็คือการจัดการเมนูลองคลิกเข้าไปดูก่อน main menu คลิกเข้าไป ใน main menu ก็คือเมนูหลัก อยู่ตรงไหน มาดูกันก่อนในส่วนของเว็บไซต์ เมนูหลักก็คือจะมีส่วนของ Shop, Home, Account, order, และก็ Class ตรงนี้ก็คือในส่วนของเมนูหลักนั้นเอง เราจะลองปรับเปลี่ยนดู เราจะเปลี่ยนในส่วนของ Shop Shop เราเปลี่ยนเป็น จากคำว่า Shop นะครับ
ชื่อเมนูเปลี่ยนเป็นภาษาไทยหน่อยแล้วกัน เป็นคำว่าร้านค้า เสร็จแล้วเราก็กดบันทึก ลองกดดู Site ก็จะเห็นว่าจาก Shop ก็จะเปลี่ยนเป็นร้านค้าแล้ว ต่อไปเราจะลองเพิ่มอีกสักเมนูไปที่
ถ้าเราอยู่หน้านี้แล้วเราก็กดคำว่าสร้างใหม่สร้างเมนูใหม่ขึ้นมา เราต้องเลือกชื่อเมนูผมจะให้เป็นติดต่อเหมือนติดต่อเราอะไรแบบนี้ ตามเว็บไซต์นะครับ
เสร็จแล้ว ในชนิดของเมนูเราก็ต้องมาเลือกให้ตรงกับประเภทที่มีอยู่ เหมือนเป็น component หรือเป็น module ของมันที่มีมาให้อยู่แล้ว ในส่วนนี้ก็จะเป็น…. แสดงข้อมูลการติดต่อผู้ขาย เลือกมา เสร็จแล้ว ก็… ส่วนที่อื่นๆก็ดู ก็มีที่อยู่ พิมพ์เป็น cn ย่อเป็น contact อะไรก็ว่ากันไป เสร็จแล้วก็กด บันทึก แล้วก็ปิด ลองมาดูหน้า หน้าเว็บดู ว่ามีการเปลี่ยนแปลงไหม ก็จะมีเมนูชื่อว่าติดต่อขึ้นมาแล้ว ตรงนี้ก็ เราก็สามารถที่จะไปปรับเปลี่ยนข้อมูลเป็นข้อมูลของเราได้ให้ลูกค้าสามารถที่จะ ติดต่อเราส่งข้อความหาเราได้ในส่วนของเมนู เราลองมาแก้ส่วนของ Home เราก็แก้ได้ก็จะเป็นหน้าหลัก หน้าหลักก็บันทึกไป Account ก็เป็นบัญชีก็ได้จะได้เป็นเมนูภาษาไทยทั้งหมด อีกอันนึง order ก็คือการสั่งซื้อนั่นเอง ก็ใส่ลงไป Class ก็เป็นตะกร้าสินค้าแล้วกัน เป็นตะกร้า เสร็จแล้ว ตอนนี้มาหน้าของหน้าหลักแล้วก็กด Refresh ดู เมนูก็จะถูกเปลี่ยนเป็น ภาษาไทยหมดแล้ว
แต่ละเมนูก็สามารถเข้าไปชมได้ตรงนี้ เหมือนเราต้องการจะซื้ออะไรยังไงก็สามารถที่จะเข้าไปดูได้การสั่งซื้อ ใครสั่งซื้อ บัญชีของผู้ใช้ , รายละเอียดบัญชี ส่วนของหน้าหลักก็เหมือนที่เราใส่ไปสักครู่นี้ก็มีส่วนของร้านค้า ก็มีสินค้าต่าง ๆ ให้เราสามารถเลือกซื้อได้นั่นเอง ส่วนของบทนี้ก็ พูดถึงในส่วนของเมนู ซึ่ง ในการจัดการเมนูมันก็ไม่ได้มีอะไรยากเลย เราก็สามารถที่จะเพิ่ม เพิ่มข้อมูลต่างๆลงไปได้นะครับ
เลือกประเภทของเมนูได้ จากที่เมื่อกี้ลองเพิ่มให้ดู ลองสร้างเมนูให้ดู จากเมื่อกี้ที่เราเลือกติดต่อขึ้นมาประเภทชนิดของเมนูก็มีหลายอย่าง อย่างเช่นรายการติดต่อทั้งหมด มีการ Search การค้นหาสถิติต่าง ๆ ที่มีนะครับ
หรือว่าลิ้งไปแสดงรายการหมวดหมู่เว็บไซต์ต่าง ๆ หรือว่าลิ้งค์ไปเว็บไซต์ภายนอกก็ได้ ก็แล้ว
แต่การใช้งาน แบบฟอร์มการเข้าถึงสมาชิก ก็อาจจะมีการสมัครสมาชิก มีฟีตข่าวมีอะไรต่าง ๆ ก็แล้ว
แต่เราเลยว่าจะ ต้องการจะสร้างเมนูอะไรขึ้นมาบ้าง ในการใช้งานในส่วนของ Joomla Vituremart ปิดไปก่อน ตรงนี้ก็เดี๋ยวจะมีแถมให้นิดนึง ก็คือในส่วนของการอัพเดท จะเห็นมีตัวเลขอยู่เป็นอัพเดทเราก็สามารถที่จะ เมื่อเราติดตั้งไปจากอาทิตย์แรกๆ Joomla Virtuemart ของเรานั้นเป็น version 3.0.9 อันนี้เป็น version 3.0.16 แล้ว เราก็ติ๊กและก็เลือกอัพเดทก็ได้ ก็อัพเดทข้อมูลให้เป็นเวอร์ชั่นใหม่ล่าสุดตอนนี้ที่เราใช้งาน
แต่ก็ต้องมีอินเทอร์เนต
ถ้าไม่มีอินเทอร์เน็ตก็จะไม่สามารถอัพเดทได้ รอสักครู่กำลังทำการอัพเดทอยู่ เสร็จแล้วครับ
ตรงนี้ก็ทำการอัพเดทเรียบร้อยแล้วซึ่งมีการอัพเดทตั้งหลายอย่างเพิ่มขึ้นมาก็ install เรียบร้อยแล้ว ในบทนี้ก็เป็นเรื่องของการปรับ
แต่งเมนูของ Joomla ก็มีทั้งการเพิ่มแก้ไขหลักๆจริงๆก็ไม่ได้ยากอะไรเลยในการปรับ
แต่งต่างๆ แล้วก็มีเพิ่มในส่วนของการอัพเดทในส่วนของ Virtuemart ให้เป็น version ใหม่ขึ้นมา วันนี้ก็ขอจบการสอนเพียงเท่านี้สวัสดีครับ

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *