ตอนที่ 4

การจัดการเนื้อหาและเมนูของ Joomla!

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

ลบเนื้อหาที่ไม่ต้องการออก

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

• ไปที่เมนู Content > Article Manager ดังภาพ ให้เลือกเช็คบ็อกบนสุด (ในวงกลมสีเขียว) เนื้อหาทั้งหมดในหน้านี้จะถูกเลือกทั้งหมด (เนื้อหาไหนต้องการเก็บไว้ ก็ยกเลิกการเลือกเฉพาะเนื้อหานั้น) จากนั้นคลิกที่ปุ่มถังขยะ (Trash) เพื่อย้ายเนื้อหาออกไป ทำกับทุกเนื้อหาจนหมด

• เนื้อหาทั้งหมดยังไม่ได้ถูกลบทิ้งไปจริงๆ แต่อยู่ในถังขยะ ถ้าเราจะลบทิ้งจริงๆ ก็ไปที่เมนู Content > Trash Manager เลือกเนื้อหาทั้งหมดแล้วคลิกที่ปุ่ม Delete (ในทำนองเดียวกัน ถ้าจะเอาเนื้อหาใดกลับคืนก็เลือกเนื้อหานั้นและคลิกปุ่ม Restore)

• จะปรากฏหน้าต่างยืนยันการลบเนื้อหาอีกครั้งหนึ่ง (ถ้ายืนยันเนื้อหาทั้งหมดจะถูกลบหายไปจริงๆ จากฐานข้อมูล กู้คืนอีกไม่ได้) ยืนยันว่าลบคลิกที่ปุ่ม Delete ได้เลย

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

ลบ/ซ่อนเมนูที่ไม่ต้องการ

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

• เริ่มต้นกันที่เมนู Menus > Main Menu* เราจะเลือกเมนูทั้งหมด ยกเว้น Home เลือกคลิกที่ Unpublish เพื่อซ่อนเมนูเหล่านั้น (หากไม่ต้องการจริงๆ ค่อยลบทีหลังได้)

• อีกเมนูที่เราจะยังคงให้แสดงคือ Administrator สำหรับการจัดการหน้าเว็บไซต์ของผู้ดูแลระบบ เราไปที่ Menus > Other Menu (Resources) ทำการเลือกเมนูอื่นๆ เพื่อซ่อนไว้ดังภาพบน เหลือเพียง Administrator

• ทำซ้ำกับเมนูอื่นๆ เช่นเดียวกันกับวิธีการข้างต้น ซ่อนไว้ทั้งหมด แล้วไปดูผลกันที่หน้าเว็บไซต์

• เป็นอันเรียบร้อยแล้ว เนื้อหาไม่มี เมนูอื่นๆ ยังไม่มี ขั้นตอนต่อไปเราจะสร้างเนื้อหาและสร้างเมนู สำหรับการเรียกการแสดงผลให้ตรงกับที่เราออกแบบไว้ เริ่มกันเลย

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

• สิ่งจำเป็นมากๆ ในการนำเสนอเนื้อหาในกรอบสีเขียวต้องระบุให้ถูกต้อง ช่อง Title ใส่ชื่อข่าวที่ต้องการนำเสนอให้สั้น กระชับ ตรงประเด็น (เพราะชื่อนี้จะถูกดึงไปแสดงบนไตเติ้ลบาร์ของบราวเซอร์ และเว็บค้นหาจะเก็บเป็นหัวเรื่อง) ช่อง Alias (ชื่อเสมือน) จะต้องระบุเป็นภาษาอังกฤษให้ระบบจัดเก็บอ้างอิง และต้องใส่ทุกครั้ง อย่าให้มีช่องว่างระหว่างคำ หากต้องการเว้นให้ใช้เครื่องหมายขีดลบ (-) แทน เลือก Section เป็น News เลือก Published เป็น Yes เลือก Front Page เป็น Yes และ Category เป็น Lastest ดังภาพ
• ด้านขวามือ Parameters (Article) ให้ระบุนามแฝงหรือชื่อผู้เขียน ถ้าไม่ใส่ระบบจะไปเอาชื่อจากช่อง Author มาแสดงแทน ส่วนวันเวลาเขียนข่าว (Create Date) ระบบจะเลือกให้ ในช่องวันเวลาเผยแพร่ (Start Publishing) ปกติจะเป็นวันที่เขียนข่าว แต่เราสามารถกำหนดให้แสดงในวันถัดไปได้ คือเขียนข่าวไว้ก่อนแล้วค่อยแสดงผลวันต่อไป อีกช่องหนึ่ง Finish Publishing เราสามารถให้ไม่มีวันหยุดแสดงข่าวเป็น Never หรือจะให้หยุดนำเสนอข่าววันไหนก็ได้ด้วยการคลิก ที่ปุ่มปฏิทินวันเวลาด้านหลัง แล้วกำหนดลงไป

• อีกหัวข้อหนึ่งที่ไม่ควรมองข้ามคือ Metadata Information เมื่อคลิกที่หัวข้อนี้ ให้เราระบุคำอธิบายเกี่ยวกับเนื้อหานี้ลงไปเป็นประโยคบอกเล่าลงในช่อง Description และใส่คำหลักๆ ที่คนจะนึกถึงในการค้นหาที่เกี่ยวข้องกับเนื้อหาของเราลงไปในช่อง Keywords แล้วคุณจะรู้ว่า เว็บไซต์ดังที่เขาปรากฏใน Google ในลำดับต้นๆ นั้นเขาทำอย่างนี้นี่เอง

• การเขียนเนื้อหา หรือข่าวหากมีความยาวมากใช้เวลานาน ควรหมั่นกดปุ่ม Apply ทุกๆ 15 นาที และควรเขียนข่าวในลักษณะโปรยข้อความให้ทราบถึงความสำคัญย่อๆ ของข่าวสัก 1 หรือ 2 ย่อหน้า ถ้ามีรายละเอียดมากควรตัดแยกไปหน้าใหม่ด้วยการแทรกคำสั่ง คลิกไปอ่านเพิ่มเติม (Read more) เสร็จแล้วก็การบันทึก

• ลักษณะของข่าวที่ปรากฏในหน้าแรกจะเป็นดังภาพ ถ้ามีการเพิ่มข่าวใหม่เข้ามาอีก ข่าวนี้ก็จะขยับลงไปเรื่อยๆ จนกระทั่งขยับไปหน้าอื่นๆ (ค่าปกติจะแสดง 5 ข่าวต่อหน้าเว็บไซต์) ขั้นตอนต่อไปเราจะลองสร้างเนื้อหาและเมนูกัน

• เราจะลองสร้างเนื้อหา โรงเรียนของเรา เพื่อสร้างเมนู โรงเรียนของเรา เชื่อมต่อมายังเนื้อหานี้ โดยเราจะกำหนดให้เป็นเนื้อหาแบบไม่มีหมวดหมู่ (Uncategoried) และไม่ให้แสดงในหน้าแรก (Front Page เลือกเป็น No) จะแสดงต่อเมื่อคลิกที่เมนูเท่านั้น พิมพ์เนื้อหาตัวอย่างสักสองบรรทัดดังภาพ และสร้างเนื้อหาอีกสักเรื่องหรือสองเรื่อง เช่น แผนผังการบริหารงาน จำนวนครู-นักเรียน หรืออื่นๆ ตามต้องการ

• ตัวอย่างในภาพจะมีเนื้อหา 3 รายการคือ แผนผังการบริหารงาน โรงเรียนของเรา (ไม่แสดงผลในหน้าแรก) และโฉมใหม่เว็บไซต์ของเรา (แสดงในหน้าแรก) เราจะสร้างเมนูชื่อ โรงเรียนของเรา และแผนผังการบริหารงานมาที่เนื้อหาทั้งสอง โดยไปที่เมนู Menus > Main Menu* ดังภาพบน

• ให้คลิกเลือกที่ปุ่ม New เพื่อสร้างเมนูใหม่ เลือกที่หัวข้อ Article > Article Layout เพราะต้องการสร้างเมนูมายังเนื้อหานี้เพียงหน้าเดียว

• ในช่อง Title ใส่ชื่อเมนูที่ต้องการ คือ โรงเรียนของเรา ช่อง Alias ให้ใส่คำที่สอดคล้องกับเมนูเป็นภาษาอังกฤษซึ่งระบบจะอ้างอิงถึง ในที่นี้ใช้คำว่า our-school แล้วกำหนดให้เผยแพร่ทันที (Published เป็น Yes) เมื่อคลิกลิงก์ให้เปิดในหน้าเดิม จากนั้นไปเลือกเนื้อหาที่ต้องการแสดงผล คลิกที่ปุ่ม Select ดังภาพ

• จะมีกรอบปรากฏรายการเนื้อหาต่างๆ ให้เราเลือกที่ โรงเรียนของเรา กรอบหน้าต่างนี้จะหายไป ให้เราคลิกที่ปุ่ม Save มุมขวาบนของหน้าได้เลยเพื่อบันทึกเมนูนี้ไว้ ทำเช่นเดียวกันกับเมนู แผนผังการบริหารงาน

• ก็จะปรากฏรายการเมนูดังภาพ เราสามารถจัดเรียงลำดับการแสดงผลของเมนูได้ด้วยการคลิกที่ลูกศรเล็กๆ สีเขียวขึ้นหรือลง หรือจะใช้วิธีการกำหนดตัวเลขลำดับลงในช่องด้านหลัง จากนั้นคลิกที่ปุ่มรูปแผ่นดิสก์ก็จะได้เมนูเรียงลำดับตามต้องการเช่นกัน จากนั้นเราไปดูผลกันเลย

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

เห็นมีเมนูกระดานสนทนา นั่นคือการติดตั้งระบบเสริมของ Forums เข้าไปเพื่อให้ผู้ชมได้มีปฏิสัมพันธ์กับทางเว็บไซต์ เช่น ตั้งกระทู้ถามปัญหา หรือแสดงความคิดเห็นต่อประเด็นปัญหาต่างๆ ซึ่งมีหลายท่านสนใจอยากจะมี อยากจะติดตั้งใช้งาน ก็อดใจนิดหนึ่งครับ โปรดติดตามตอนต่อไป...