joomla ออกแบบให้เราสามารถเพิ่มรูปได้หลายรูป เพื่อประกอบข่าวหรือบทความแบบนี้เป็นต้น แต่กถ้าหากต้องการแสดงหลายๆรูปในลักษณะ Gallery ก็จะต้องติดตั้งปลักอินเสริมเข้าไปในบทความนี้จะแนะนำปลักอินที่ชื่อว่า light gallery ให้เตรียมการด้วยการ Download ได้จากการคลิก url ต่อไปนี้
จากนั้นทำการติดตั้งด้วยการไปที่ Extension >> Manage
จากนั้นเลือกหัวข้อ Upload Package File บางเว็บอาจจะอยู่ที่บัตรรายการที่ สอง ให้สังเกตและคลิกเพื่อทำการ upload ขึ้นไปติดตั้ง
ทำการเลื่อกไฟล์ที่ Downloaod มาแล้ว ทำตามขั้นตอนจากนั้นเมื่อติดตั้ง สำเร็จแล้วให้ คลิกไปที่ Extension >> จากนั้นไปที่ Plugin เพื่อเปิดใช้งานและตั้งค่า
จากนั้นจะปรากฏหน้าจอดังรูปให้เลือกจุดสีแดง หัวข้อ Light Gallery ให้กลายเป็นเครืองหมายถูกสีเขียว
หลังจากนั้นให้เข้าไปทำการตั้งค่าสำหรับเว็บของเรา จะต่างกันก็ตรงชื่อเว็บหรือชื่อ url
เมื่อเข้ามาแล้วให้ทำการใส่ชื่อเว็บลงไป จากรูปผมได้ใช้ชื่อเว็บว่า web12.localgov.in.th อย่าใส่แบบผมให้ใส่ชื่อเว็บของตัวเอง
จากนั้นทำการบันทึกและปิดออกมา
ต่อไปเป็นขั้นตอนนำรูปขึ้นข่าวทีละหลายๆรูป ให้ไปขึ้นที่ Media ก่อนนะครับ
จากนั้นทำการสร้างโฟลเดอร์ จากตัวอย่างผมสร้างไว้ที่ abt >>content
จากนั้นก็ upload รูปขึ้นไปไว้ในโฟลเดอร์ที่ต้องการ จากนั้น เขียน Code ดังรูป ให้ทำการ Copy Code ได้ที่ http://tutorial.joompolitan.com/light-gallery-for-joomla.html
จากนั้นเมื่อทำการ บันทึกเรียบร้อยแล้วให้ดูการแสดงผลที่ข่าวที่ต้องการ
จะเห็นว่าในหน้าแรกที่แสดงโมดุลไม่มีปัญหาอะไรแต่ถ้าคลิกเข้าไปที่เมนูข่าวประชาสัมพันธ์จะไม่แสดงผล ต้องทำการใส่เส้น Read more เหมือนกับ ปลักอิน ของ PDF
ให้กลับมาแก้ไขเนื้อหาด้วยการใส่ Readmore ตั้งรูป
เมื่อทำการใส่เส้น อ่านเพิ่มเติมแล้วจะปรากฏดังรูป
ให้ทำการบันทึกและกลับมาดูที่หน้าเว็บ
เมื่อทำการคลิกข่าวประชาสัมพันธ์ จะแสดงผลด้วยการคลิก ปุ่ม อ่านเพิ่มเติม
ลองคลิก อ่านเพิ่มเติมครับ จะแสดงผลดังรูปสุดท้าย
ข้อควรระวัง ไม่ควรใช้รูปจากกล้องดิบๆเพราะไฟล์รูปจะทำให้พื้นที่ไม่พอให้ย่อรูปก่อนครับ และ ควรศึกษาเรื่องการฝากรูปไว้ที่ Flickr บริการของ yahoo จากตัวอย่างสามารถนำรูปจาก Flickr มาใช้ได้อีกด้วยประหยัดเนื้อที่ มากๆแถมไม่ต้องย่อรูปอีกด้วยและ ไม่นำพาไวรัสขึ้นมาที่เว็บครับ สามารถดูตัวอย่างการแสดงผลของบทความนี้ได้ที่ http://web12.localgov.in.th/2015-05-20-04-22-08/56-test-gallery.html
บริการฝากรูปโดย Flickr https://www.flickr.com