ตัวอย่างการฝึกสร้างบทความสำหรับทำเมนูใน joomla 3 เช่น บทความเกี่ยวกับเรา ติดต่อเรา นโยบายใช้งาน หรือบท ความที่มีลักษณะการใช้งานคล้ายกันกับบทความเหล่านี้

 

ในเว็บไซต์จริงจำเป็นต้องมีบทความประเภทนี้ เช่น เกี่ยวกับเรา หน้าแรก นโยบายใช้งาน ติดต่อเรา ซึ่งนอกจากการทำ บทความตามปกติแล้ว จะต้องทำเมนูเพื่อแสดงบทความ เป็นเมนูมาตรฐานในเว็บไซต์ส่วนใหญ่ โดยเฉพาะการทำเว็บหาเงิน Adsense เมนูแบบนี้ ขาดไม่ได้

 

ตัอย่างการสร้างบทความแบบเพจและเมนู ใน Joomla 3

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

 

 

 

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

 

ตัวอย่างการสร้างบทความ เกี่ยวกับเรา เพื่อทำเมนู

1. คลิก Content>>Articles>>Add New Article

2. ป้อนข้อมูลเพื่อสร้างบทความ โดยก็อปปี้จากบทความตัวอย่างมาวางลงไป เช่น Title ชื่อบทความ เกี่ยวกับเรา
3. Alias พิมพ์ aboutus เอาชื่อบทความไปแปลเป็นภาษาอังกฤษแล้วนำมาพิมพ์ช่องนี้ หรือจะใช้ชื่อภาษาไทยก็ได้
4. หมวดบทความหรือ Category คลิกเลือก Uncategorised
5. ในส่วนเนื้อหาบทความ (Content) ก็อปปี้เนื้อหาในบทความตัวอย่างใส่ลงไป ดังภาพ
6. เสร็จแล้วคลิก Save & Close เสร็จสิ้นการทำบทความ เกี่ยวกับเรา สำหรับนำไปทำเมนู เกี่ยวกับเรา

7. สร้างบทความ ติดต่อเรา ด้วยวิธีการเดียวกัน ก็อปปี้บทความตัวอย่างวางลงไป และตั้งค่าต่างๆ คล้ายกัน
28

8. ส่วนบทความ นโยบายใช้งาน ก็เช่นเดียวกัน ก็อปปี้บทความตัวอย่างวางลงไป และตั้งค่าต่างๆ คล้ายกัน

9. หลังจากนั้นก็จะได้บทความแบบ Uncategorised 3 บทความด้วยกัน สำหรับนำไปทำเมนูในเว็บไซต์ Joomla 3 แต่ การทำเว็บไซต์จริงๆ อาจจะมีเมนูมากกว่านี้ ก็สามารถสร้างบทความเพิ่มได้ตามต้องการ

 

ตัวอย่างการนำบทความไปสร้างเป็นเมนูใน Joomla 3

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

3. ให้คลิก Menus>>Main Menu
4. คลิก New เพื่อสร้างเมนูเพิ่มเข้าไป

5. ตั้งค่าเมนู ช่อง Menu Title พิมพ์ เกี่ยวกับเรา
6. Alias คลิกและพิมพ์ aboutus
7. ในส่วน Menu Item Type คลิก Select
8. คลิกเลือกเมนูแบบ Articles
9. คลิกเลือก Single Article
10. ในส่วน Select Article คลิกปุ่ม Select เพื่อไปเลือกบทความสำหรับแสดงในเมนูนี้

11. คลิกเลือกบทความ เกี่ยวกับเรา

12. คลิกแท็บ Options
13. ค่าอื่นๆ ไม่ต้องแก้ไข ให้แก้ไขเฉพาะ คำสั่ง Show Navigation คลิกเลือก Hide ไม่ต้องแสดงปุ่มเลื่อนดูบทความก่อนหน้า หรือถัดไป

14. คลิกแท็บ Page Display
15. ในส่วน Browser Page Title คลิกและพิมพ์คำอธิบาย ชื่อเมนู เกี่ยวกับเรา ลงไป
16. ในส่วน Show Page Heading คลิกเลือก No หรือ Use Global
17. เสร็จแล้วคลิกปุ่ม Save & Close

18. การสร้างเมนู ติดต่อเรา วิธีสร้างก็ปฏิบัติคล้ายกัน แต่ในส่วน Select Article ต้องเลือกบทความ ติดต่อเรา

19. การสร้างเมนู นโยบายใช้งาน วิธีสร้างก็ปฏิบัติคล้ายกัน แต่ในส่วน Select Article ต้องเลือกบทความ นโยบายใช้งาน

20. สำหรับผลงานที่ได้ เมื่อสร้างเมนูเสร็จแล้ว ในเมนู Main Menu นอกจาก หน้าแรกแล้ว ก็จะมี เกี่ยวกับเรา ติดต่อเรา นโยบายใช้งาน ดังตัวอย่าง

 

ตั้งค่าแสดงเมนู Main Menu ไว้ด้านบน

สำหรับโมดูลเมนูหลัก หรือ Main Menu เราสามารถตั้งค่าให้แสดงด้านบนก็ได้
1. ตัวอย่างการตั้งค่าให้แสดงเมนูหลักในตำแหน่ง Position-0
2. ตัวอย่างการตั้งค่าให้แสดงเมนูหลักในตำแหน่ง Position-1
3. หลังการติดตั้ง Joomla อาจจะอยู่ตำแหน่ง Position-7

4. ไปที่ Extensions>>Modules
5. คลิกชื่อโมดูล Main Menu

6. แท็บแรก ตำแหน่งที่แสดงเมนู คลิกเลือก Protostar position-1 หรือ position-0

7. คลิกแท็บ Advanced
8. ตั้งค่าตามตัวอย่างเช่น
- Menu Class Suffix คลิกและพิมพ์ nav-pills ให้วรรค 1 ครั้งก่อนพิมพ์
- Module Class Suffix คลิกและพิมพ์ _menu
9. เสร็จแล้วคลิก Save & Close