joomla ออกแบบให้เราสามารถเพิ่มรูปได้หลายรูป เพื่อประกอบข่าวหรือบทความแบบนี้เป็นต้น แต่กถ้าหากต้องการแสดงหลายๆรูปในลักษณะ Gallery ก็จะต้องติดตั้งปลักอินเสริมเข้าไปในบทความนี้จะแนะนำปลักอินที่ชื่อว่า light gallery ให้เตรียมการด้วยการ Download ได้จากการคลิก url ต่อไปนี้ 

http://www.joompolitan.com/lightgallery.html

จากนั้นทำการติดตั้งด้วยการไปที่ 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

 

Submit to FacebookSubmit to Google PlusSubmit to Twitter


"ทำเว็บไซต์โครงการ อปท."
กลุ่ม Secret Group (กลุ่มลับ)

ทุกท่านคำขอเป็นเพื่อนมาก่อนที่

เฟสบุ๊ค อาจารย์ภาณุภณ

อาจารย์จะเชิญทุกท่าน เข้ากลุ่ม

ติดต่อโครงการ 087-099-0005