คู่มือสอนและแนะนำการใช้งาน Extension MD Gallery (เอ็กซ์เท็นชั่น เอ็มดี แกลลอรี่)
MD Gallery คือ Extension เสริมของ Joomla (จูมล่า) ที่ช่วยในการแสดงผลของภาพอย่างมีประสิทธิภาพ เพื่อเพิ่มความสามารถทำให้เว็บไซต์มีแกลอรี่รูปภาพ สามารถอัพโหลดรูปภาพเข้ามายังเว็บไซต์แล้วทำให้มีการใช้งานในส่วนของการจัดการกับส่วนต่างๆของแกลอรี่ง่ายขึ้น ซึ่งในการจะใช้งาน MD Gallery ได้นั้นก่อนอื่นต้องทำการดาวน์โหลด MD Gallery มาติดตั้งใน Joomla ก่อนจึงจะสามารถใช้งานได้ โดยสามารถทำการดาวน์โหลดและอ่านฟีเจอร์เพิ่มเติมเกี่ยวกับ MD Gallery ได้ที่นี่
วิธีการใช้งาน MD Gallery
1. การเริ่มต้นการใช้งาน เข้าไปยังหน้า Administrator ของ Joomla เลือกที่เมนู Component เลือก MD Gallery
จะพบกับหน้าต่างแบบนี้ มี 3 หัวข้อคือ Setting , Categories , Galleries
1.1 Setting คือการเข้าไปตั้งค่า MD Gallery
1.1.1 Path Image คือการระบุที่เก็บรูปภาพ
1.1.2 Resize Image Width(px) คือการกาหนดขนาดขณะย่อรูปภาพขณะย่อรูปภาพเพื่อมาแสดงผล มีหน่วยเป็น px
1.1.3 Thumbnail Image Width (px) คือการกาหนดการขนาดความกว้าง มีหน่วยเป็น px
1.1.4 Thumbnail Image Height (px) คือการกาหนดการขนาดความสูง มีหน่วยเป็น px
1.1.5 Show Image Detail แสดงรายละเอียดของรูปภาพ
1.1.6 Show Share Facebook แสดงปุ่มแชร์ลง Facebook
1.1.7 Show Search Box แสดงช่องค้นหาและปุ่มค้นหาภาพ
1.1.8 Galleries Order แสดงภาพตามลำดับที่เลือกไว้
เมื่อตั้งค่าเสร็จสิ้นกดปุ่ม Save & Close
1.2 Categories คือการสร้าง หมวดหมู่
คลิกที่ New เพื่อสร้างหมวดหมู่
คลิกที่ Edit เพื่อแก้ไขหมวดหมู่
คลิกที่ Delete เพื่อลบหมวดหมู่ ตัวอย่างในการ
ตัวอย่างในการ เลือก New เพื่อสร้างหมวดหมู่ใหม่
1.2.1 Category Name ชื่อของหมวดหมู่
1.2.2 Title ชื่อ
1.2.3 Language ภาษา
1.2.4 Description รายละเอียด
1.2.5 Image รูปของหมวดหมู่ ไม่ต้องใส่ก็ได้
1.2.6 Mete Keywords คำสำคัญ
ตัวอย่าง การกรอกข้อมูล
เสร็จแล้วกด Save & Close
จะได้ Category เพิ่มมาใหม่
วิธีการแก้ไขและลบ Categories
เมื่อเราต้องการจะลบ Categories ให้เราทำการคลิกเลือกที่ Categories ที่เราต้องการจะลบ แล้วเลือก Delete
เมื่อเราต้องการแก้ไขให้คลิกเลือก Categories ที่เราต้องการ แล้วกด Edit
เมื่อเราทำการแก้ไขเสร็จแล้วทำการกด Save & Close
1.3 Galleries คือการสร้างเนื้อหารูปภาพ
คลิกที่ New เพื่อสร้างเนื้อหา
คลิกที่ Edit เพื่อแก้ไขเนื้อหา
คลิกที่ Delete เพื่อลบเนื้อหา
ตัวอย่างในการ เลือก New เพื่อสร้างเนื้อหาใหม่
ในหน้านี้จะแบ่งออกเป็น 2 Tab
-Detail
-Image
ในหน้า Detail จะแสดงหน้าต่างตามรูป
1.3.1 Topic ชื่อหัวข้อ
1.3.2 Category Name เลือกหมวดหมู่
1.3.3 Reference อ้างอิง
1.3.4 Image เลือกรูปภาพ
1.3.5 Detail รายละเอียดเนื้อหา
1.3.6 Title ชื่อหัวเรื่อง
1.3.7 Description รายละเอียดเพิ่มเติม
1.3.8 Meta Keywords คำสำคัญ
ตัวอย่าง การกรอกข้อมูล
เสร็จแล้วกด Save
แล้วไปคลิกที่ Tab Image
- (Choose Files) เลือกไฟล์ ทำการเลือกไฟล์รูปภาพ
ตัวอย่าง
เสร็จแล้วกด Save & Close
วิธีการแก้ไข , ลบ ,การเพิ่มคำบรรยายใต้รูป และการเพิ่มภาพ
วิธีการลบ Topic
แล้วเลือก Topic ที่ต้องการจะลบแล้วกด Delete
วิธีการแก้ไข
ให้เราทำการเลือก Topic ที่เราต้องการแล้วกด Edit
เมื่อเราทำการแก้ไขเสร็จสิ้นแล้ว ทำการกด Save
วิธีการเพิ่มคำบรรยายใต้รูป
ให้ไปที่ Menu Image (ถ้ารูปไม่ขึ้นทำการเลื่อน Scroll Bar 1 ที) แล้วจะพบการกล่องข้อความตามลูกศร สามารถใส่ รายละเอียดรูปภาพลงไปได้ เมื่อเสร็จสิ้น ก็กด Save
วิธีการลบรูปภาพ
ให้เราทำการคลิกเลือกรูปที่เราต้องการ แล้วกด delete เสร็จสิ้นแล้วทำการกด Save & Close
การเพิ่มภาพ
เลือก Choose Files และทำการเลือกภาพ เสร็จสิ้นแล้วทำการกด Save & Close
2. การทำให้กดปุ่ม Home แล้วไปที่หน้า Galleries ของเรา
2.1 คลิก Menus และคลิกที่ All Menu Item ดังภาพ
2.2 คลิกเลือก Home
2.3 คลิกเลือก Select ที่หัวข้อ Menu Item Type
2.4 คลิกเลือก MDGallery
2.5 คลิกเลือก Gallery
2.6 เสร็จสิ้นแล้วทำการกด Save & Close
3. การแสดงผลของ Extension
ให้คลิกปุ่ม ตามภาพ
จะเจอกับ Galleries ของเรา ดังภาพ
เมื่อคลิกเข้าไปดูจะเจอกับรูปภาพที่เราเพิ่มเอาไว้ในในขั้นตอนก่อนหน้า
เมื่อคลิกที่รูป จะแสดงเป็น Pop Up รูปภาพขึ้นมา
สามารถคลิกเลื่อนรูปภาพถัดไปได้
สามารถกดปุ่ม Home แล้วกลับไปที่หน้า Home ได้
สามารถแชร์รูปภาพลง Facebook ได้
สามารถเก็บยอดวิวในการคลิกเข้าไปดูได้
นอกจาก MD Gallery Component เรายังมี Extensions อื่นๆให้ได้ใช้งานอีกมากมาย สำหรับท่านใดที่ต้องการใช้งาน Extensions สามารถเลือกใช้งานได้ที่นี่ และหากพบปัญหาการใช้งานสามารถสอบถามปัญหากับเราได้ที่นี่เลย
