Templates by BIGtheme NET
หน้าแรก / การสร้างเว็บไซต์ ด้วย Joomla / การสร้างเมนูเพื่อเชื่อมโยงข้อมูลใน Joomla!

การสร้างเมนูเพื่อเชื่อมโยงข้อมูลใน Joomla!



บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese

.
ถ้าเราเรียกดูหน้าเว็บของเราตอนนี้ จะเห็นเนื้อหาที่เกิดจากการสร้าง Article และกำหนดให้บาง Article แสดงในหน้า Front Page แล้ว แต่ว่าเรายังขาดอีกส่วนที่สำคัญ ก็คือ เมนูใช้งานต่างๆ ค่ะ

เมนู (Menu) เป็นช่องทางที่ให้ผู้ชมเลือกคลิก เพื่อไปยังข้อมูลส่วนอื่นๆ ของเว็บไซต์   ซึ่งเมนูใน Joomla! นั้นมีให้เลือกใช้หลายแบบ  ผู้ดูแลสามารถกำหนดได้ว่าต้องการแสดงเมนูแบบใดบ้าง และสามารถเพิ่มกลุ่มเมนู หรือลบกลุ่มเมนูเดิมที่ติดมากับข้อมูลตัวอย่างได้ตามต้องการค่ะ

เมนูใน Joomla! สามารถเชื่อมโยงข้อมูลได้หลายประเภท

เราสามารถที่จะกำหนดปลายทางของเมนูว่า เมื่อคลิกแล้วจะให้เชื่อมโยงไปข้อมูลประเภทไหนได้หลายรูปแบบค่ะ  เช่น

1. Internal Link ลิงค์ไปยังข้อมูลภายใน

  • ลิงค์ไป Article เรื่องใดเรื่องหนึ่ง
  • ลิงค์ไป Article ทั้งหมดใน Category ที่กำหนด (หมวดหมู่ย่อย)
  • ลิงค์ไป Article ทั้งหมดใน Section ที่กำหนด (หมวดหมู่หลัก)
  • ลิงค์ไปหน้าแรก (Front Page) (เช่น เมนู Home)

และสามารถกำหนดรูปแบบการแสดงผลได้อีกว่าจะให้แสดงเฉพาะชื่อเรื่องของเนื้อหาบทความ  หรือว่าจะให้แสดงเนื้อหาต่อกันลงมาเหมือนกับ Blog ก็ได้ค่ะ

2. Extenal Link ลิงค์ไปยังเว็บไซต์ภายนอก
3. Separator  ใช้ทำเส้นคั่นรายการเมนู
4. Alias

 มาทบทวนกันก่อนว่าเนื้อหาในเว็บไซต์ของเรา enjoychinese.net มีหมวดหมู่อะไรบ้าง ก็ให้เราทำเมนูเพื่อเชื่อมโยงไปยังเนื้อหาในหมวดหมู่นั้นๆ ค่ะ

Main Menu (เมนูหลัก)
1. เรียนจีน  (ลิงค์ไป Section เรียนจีน)
– ไวยกรณ์จีน  (ลิงค์ไป Category ไวยกรณ์จีน)
– คำศัพท์  (ลิงค์ไป Category คำศัพท์)
– บทสนทนา  (ลิงค์ไป Category บทสนทนา)
– สำนวนจีน  (ลิงค์ไป Category สำนวนจีน)
– เรื่องน่ารู้เกี่ยวกับภาษาจีน  (ลิงค์ไป Category เรื่องน่ารู้เกี่ยวกับภาษาจีน)
2. บันเทิงจีน   (ลิงค์ไป Section บันเทิงจีน)
– ประวัติดารานักร้อง  (ลิงค์ไป Category ประวัติดารานักร้อง)
– ข่าวแวดวงบันเทิง (ลิงค์ไป Category ข่าวแวดวงบันเทิง)
– แนะนำซีรีย์  (ลิงค์ไป Category แนะนำซีรีย์)
3. เพลงจีน   (ลิงค์ไป Section เพลงจีน)
4. พาเที่ยวจีน  (ลิงค์ไป Section พาเที่ยวจีน)
5. ประเทศจีน  (ลิงค์ไป Section ประเทศจีน)
6. จิปาถะ  (ลิงค์ไป Section  จิปาถะ)
7. ร้านหนังสือ/CD (ลิงค์ไป Article ร้านหนังสือ/CD)

Top Menu (เมนูด้านบน)
– เกี่ยวกับ enjoychinese (ลิงค์ไป Article เกี่ยวกับ enjoychinese)
– ร้านหนังสือ/CD  (ลิงค์ไป Article ร้านหนังสือ/CD)
– สอนทำเว็บไซต์ (ลิงค์ไป เว็บไซต์ภายนอก enjoyday.net)
– สินค้า Amazon (ลิงค์ไป เว็บไซต์ภายนอก aStore Amazon)

.

ลบเมนูเดิมที่มีอยู่ทิ้งก่อน

ในหน้าเว็บไซต์ของเราตอนนี้จะมีเมนูที่มาจากข้อมูลตัวอย่าง ซึ่งเมื่อคลิกที่เมนูต่างๆ แล้วจะไม่พบข้อมูล เนื่องจากบทความก่อนเราได้ลบ Article ของข้อมูลตัวอย่างทิ้งไปหมดแล้ว   ทีนี้ก่อนจะสร้างเมนูใหม่ให้เว็บไซต์ของเรา ให้เราไปลบเมนูเดิมที่เป็นข้อมูลตัวอย่างทิ้งก่อนค่ะ

1. ไปที่ Menu > Main Menu

2. คลิกที่ Checkbox ด้านบน เพื่อเลือกทุกรายการเมนู  ยกเว้นเมนู Home ให้คลิก/ ออก แล้วคลิกที่ปุ่ม Trash

คุณอาจสนใจเรื่องนี้

วิธีแก้ไขเวลาที่แสดงผิดเพี้ยนใน Jcomment ของ Joomla!

ไม่แน่ใจว่าคนที่ใช้ตัว Comment ของ “JComment” จะเจอปัญหาเดียวกันหรือเปล่านะคะ เรื่อง “เวลาที่แสดงของ comment ไม่ถูกต้อง”  ทีแรกใช้ๆ ไปก็ไม่ได้สังเกตเรื่องเวลา เพราะเราไม่ได้เป็นคน comment แต่พอไปตอบ comment ก็เอ๊ะเวลามันแปลกๆ  ...

2 ความคิดเห็น

  1. แล้วถ้าจะทำ เนวิเกเตอร์ ลิงค์ ในทุกๆหน้า ทำอย่างไรคะ แบบนี้อะคะ

    Home > About us > Product

    ประมาณนี้อะคะ

Leave a Reply

Your email address will not be published. Required fields are marked *