ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

คู่มือสอนและแนะนำการใช้งาน  Extension MD Gallery (เอ็กซ์เท็นชั่น เอ็มดี แกลลอรี่)

 

MD Gallery คือ Extension เสริมของ Joomla (จูมล่า) ที่ช่วยในการแสดงผลของภาพอย่างมีประสิทธิภาพ  เพื่อเพิ่มความสามารถทำให้เว็บไซต์มีแกลอรี่รูปภาพ สามารถอัพโหลดรูปภาพเข้ามายังเว็บไซต์แล้วทำให้มีการใช้งานในส่วนของการจัดการกับส่วนต่างๆของแกลอรี่ง่ายขึ้น ซึ่งในการจะใช้งาน MD Gallery ได้นั้นก่อนอื่นต้องทำการดาวน์โหลด MD Gallery มาติดตั้งใน Joomla ก่อนจึงจะสามารถใช้งานได้ โดยสามารถทำการดาวน์โหลดและอ่านฟีเจอร์เพิ่มเติมเกี่ยวกับ MD Gallery ได้ที่นี่

วิธีการใช้งาน MD Gallery

1. การเริ่มต้นการใช้งาน เข้าไปยังหน้า Administrator ของ Joomla เลือกที่เมนู Component เลือก MD Gallery

 

หน้า Administrator ของ Joomla
หน้า Administrator ของ Joomla

 

 

     จะพบกับหน้าต่างแบบนี้ มี 3 หัวข้อคือ Setting , Categories , Galleries

 

MD Gallery Panel
MD Gallery Panel

 

 

     1.1 Setting คือการเข้าไปตั้งค่า MD Gallery

 

MD Gallery setting
MD Gallery setting

 

         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 เพื่อสร้างหมวดหมู่ใหม่

MD Gallery Categories
MD Gallery Categories
MD Gallery Category Form
MD Gallery Category Form

 

         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 คำสำคัญ

 

         ตัวอย่าง การกรอกข้อมูล

 

ตัวอย่าง MD Gallery Category Form
ตัวอย่าง MD Gallery Category Form

 

         เสร็จแล้วกด Save & Close

 

         จะได้ Category เพิ่มมาใหม่

 

Category ใหม่
Category ใหม่

 

         วิธีการแก้ไขและลบ Categories

 

                  เมื่อเราต้องการจะลบ Categories ให้เราทำการคลิกเลือกที่ Categories ที่เราต้องการจะลบ แล้วเลือก Delete

 

ลบ Categories
ลบ Categories

                  เมื่อเราต้องการแก้ไขให้คลิกเลือก Categories ที่เราต้องการ แล้วกด Edit

 

แก้ไข Categories
แก้ไข Categories

 

                  เมื่อเราทำการแก้ไขเสร็จแล้วทำการกด Save & Close

 

แก้ไขเสร็จแล้วทำการกด Save & Close
แก้ไขเสร็จแล้วทำการกด Save & Close

 

     1.3 Galleries คือการสร้างเนื้อหารูปภาพ
         คลิกที่ New เพื่อสร้างเนื้อหา
         คลิกที่ Edit เพื่อแก้ไขเนื้อหา
         คลิกที่ Delete เพื่อลบเนื้อหา

         ตัวอย่างในการ เลือก New เพื่อสร้างเนื้อหาใหม่

 

New เพื่อสร้างเนื้อหาใหม่
New เพื่อสร้างเนื้อหาใหม่

 

         ในหน้านี้จะแบ่งออกเป็น 2 Tab
               -Detail
               -Image
         ในหน้า Detail จะแสดงหน้าต่างตามรูป

 

MD Gallery - Galleries Form
MD Gallery - Galleries Form

 

         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

 

คลิกที่ Tab Image
คลิกที่ Tab Image

 

     - (Choose Files) เลือกไฟล์ ทำการเลือกไฟล์รูปภาพ

 

         ตัวอย่าง

ตัวอย่าง
ตัวอย่าง

 

         เสร็จแล้วกด Save & Close

 

Galleries
Galleries

 

         วิธีการแก้ไข , ลบ ,การเพิ่มคำบรรยายใต้รูป และการเพิ่มภาพ

 

                  วิธีการลบ Topic
                           แล้วเลือก Topic ที่ต้องการจะลบแล้วกด Delete

 

ลบ Topic
ลบ Topic

 

                  วิธีการแก้ไข


                           ให้เราทำการเลือก Topic ที่เราต้องการแล้วกด Edit

 

แก้ไข Topic
แก้ไข Topic

 

                  เมื่อเราทำการแก้ไขเสร็จสิ้นแล้ว ทำการกด Save

 

แก้ไข Topic เสร็จ
แก้ไข Topic เสร็จ

 

         วิธีการเพิ่มคำบรรยายใต้รูป


                  ให้ไปที่ Menu Image (ถ้ารูปไม่ขึ้นทำการเลื่อน Scroll Bar 1 ที) แล้วจะพบการกล่องข้อความตามลูกศร สามารถใส่ รายละเอียดรูปภาพลงไปได้ เมื่อเสร็จสิ้น ก็กด Save

 

เพิ่มคำบรรยายใต้รูป
เพิ่มคำบรรยายใต้รูป

 

         วิธีการลบรูปภาพ
                  ให้เราทำการคลิกเลือกรูปที่เราต้องการ แล้วกด delete เสร็จสิ้นแล้วทำการกด Save & Close

 

การลบรูปภาพ
การลบรูปภาพ

 

         การเพิ่มภาพ
                  เลือก Choose Files และทำการเลือกภาพ เสร็จสิ้นแล้วทำการกด Save & Close

การเพิ่มภาพ
การเพิ่มภาพ

 
2. การทำให้กดปุ่ม Home แล้วไปที่หน้า Galleries ของเรา

 

         2.1 คลิก Menus และคลิกที่ All Menu Item ดังภาพ

 

 Menus และคลิกที่ All Menu Item
Menus และคลิกที่ All Menu Item

 

         2.2 คลิกเลือก Home

 

คลิกเลือก Home
คลิกเลือก Home

 

         2.3 คลิกเลือก Select ที่หัวข้อ Menu Item Type

 

เลือก Select ที่หัวข้อ Menu Item Type
เลือก Select ที่หัวข้อ Menu Item Type

 

         2.4 คลิกเลือก MDGallery

 

เลือก MDGallery
เลือก MDGallery

 

         2.5 คลิกเลือก Gallery

 

เลือก Gallery
เลือก Gallery

 

         2.6 เสร็จสิ้นแล้วทำการกด Save & Close

 

เสร็จแล้วทำการกด Save & Close
เสร็จแล้วทำการกด Save & Close

 

3. การแสดงผลของ Extension

 

         ให้คลิกปุ่ม ตามภาพ

 

คลิกปุ่ม ตามภาพ
คลิกปุ่ม ตามภาพ

 

         จะเจอกับ Galleries ของเรา ดังภาพ

 

Galleries ของเรา
Galleries ของเรา

 

         เมื่อคลิกเข้าไปดูจะเจอกับรูปภาพที่เราเพิ่มเอาไว้ในในขั้นตอนก่อนหน้า

 

รูปภาพที่เราเพิ่มเอา
รูปภาพที่เราเพิ่มเอา

 

         เมื่อคลิกที่รูป จะแสดงเป็น Pop Up รูปภาพขึ้นมา

 

Pop Up รูปภาพ
Pop Up รูปภาพ

 

         สามารถคลิกเลื่อนรูปภาพถัดไปได้

 

  สามารถคลิกเลื่อนรูปภาพถัดไปได้
สามารถคลิกเลื่อนรูปภาพถัดไปได้

 

         สามารถกดปุ่ม Home แล้วกลับไปที่หน้า Home ได้

 

กดปุ่ม Home แล้วกลับไปที่หน้า Home ได้
กดปุ่ม Home แล้วกลับไปที่หน้า Home ได้

 

         สามารถแชร์รูปภาพลง Facebook ได้

 

แชร์รูปภาพลง Facebook ได้
แชร์รูปภาพลง Facebook ได้

 

         สามารถเก็บยอดวิวในการคลิกเข้าไปดูได้

 

สามารถเก็บยอดวิวในการคลิกเข้าไปดูได้
สามารถเก็บยอดวิวในการคลิกเข้าไปดูได้

 

นอกจาก MD Gallery Component เรายังมี Extensions อื่นๆให้ได้ใช้งานอีกมากมาย สำหรับท่านใดที่ต้องการใช้งาน Extensions สามารถเลือกใช้งานได้ที่นี่ และหากพบปัญหาการใช้งานสามารถสอบถามปัญหากับเราได้ที่นี่เลย

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ต้องการกำหนดรุปแบบของช่องกรอกให้เป็นเเพทเทิร์นของเบอร์โทร เเต่ไม่ต้องการให้กรอกตัวหนังสือ
โดย thatsawan พฤ 17 ก.ย. 2020 3:18 pm บอร์ด JavaScript & Jquery Ajax
4
44
ศ 18 ก.ย. 2020 1:44 pm โดย mindphp
สถานที่จัดงานแต่งงานชิคๆ แบบไม่ง้อโรงแรม
โดย Anonymous พฤ 17 ก.ย. 2020 2:10 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
19
พฤ 17 ก.ย. 2020 2:10 pm โดย บุคคลทั่วไป
วิธีแก้ ean13 ปัญหาที่เจอคืออะไร แก้ยังไง
โดย bolue พ 16 ก.ย. 2020 6:38 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
26
พ 16 ก.ย. 2020 6:38 pm โดย bolue
สอบวิธีการ check user ว่าเราใช้ user ไหนอยู่ตอนนี้ ได้มั้ยครับ ใน command บน Ubuntu
โดย jirawoot พ 16 ก.ย. 2020 11:25 am บอร์ด Programming - C/C++ & java & Python
3
51
พ 16 ก.ย. 2020 11:52 am โดย mindphp
เจอปัญหาโหลด 404 บ้างครั้งไม่รู้ว่าเป็นเพราะอะไรได้บ้าง
โดย thatsawan พ 16 ก.ย. 2020 11:17 am บอร์ด Programming - PHP
4
38
ศ 18 ก.ย. 2020 12:37 pm โดย thatsawan
phpBB เป็นโปรแกรมประเภทไหนมาดูกัน
โดย Udomsak2539 อ 15 ก.ย. 2020 6:25 pm บอร์ด phpBB user Guide Knowledge
0
38
อ 15 ก.ย. 2020 6:25 pm โดย Udomsak2539
รวบรวมข้อมูลเบื้องต้น phpBB คืออะไร ฟีเจอร์ และประวัติ
โดย fhakun อ 15 ก.ย. 2020 6:14 pm บอร์ด PHP Knowledge
0
34
อ 15 ก.ย. 2020 6:14 pm โดย fhakun
สอบถาม วิธีเปิดแจ้งเตือน skype ค่ะ
โดย fhakun อ 15 ก.ย. 2020 6:07 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
36
อ 15 ก.ย. 2020 6:07 pm โดย fhakun
ฟีเจอร์พื้นฐานของ phpBB
โดย fhakun อ 15 ก.ย. 2020 5:33 pm บอร์ด PHP Knowledge
0
34
อ 15 ก.ย. 2020 5:33 pm โดย fhakun
สอบถาม วิธีแทรกลิ้งค์ให้ข้อความค่ะ
โดย fhakun อ 15 ก.ย. 2020 4:42 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
5
72
อ 15 ก.ย. 2020 5:05 pm โดย fhakun
สอบถาม วิธีติดตั้ง kazaam ใน ubantu ค่ะ
โดย fhakun อ 15 ก.ย. 2020 3:26 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
7
60
อ 15 ก.ย. 2020 4:38 pm โดย mindphp
ไม่ทราบว่า viewtopic ทำยังไง
โดย Udomsak2539 จ 14 ก.ย. 2020 6:47 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
45
อ 15 ก.ย. 2020 10:06 am โดย Udomsak2539
แนะนำโปรแกรม ibis paint และเครื่องมือตัดต่อง่ายๆใน 1 นาที สำหรับมือใหม่
โดย fhakun จ 14 ก.ย. 2020 6:45 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
42
จ 14 ก.ย. 2020 6:45 pm โดย fhakun
รวมวิธี การเดินจาก สงขลา มา กทม.
โดย Udomsak2539 จ 14 ก.ย. 2020 5:10 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
64
อ 15 ก.ย. 2020 12:14 pm โดย mindphp
ความแตกต่างระหว่างภาษาอังกฤษและภาษาฝรั่งเศส
โดย fhakun จ 14 ก.ย. 2020 5:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
30
จ 14 ก.ย. 2020 5:03 pm โดย fhakun
วิธีเดินทางจากเมืองทองมาเกษตร
โดย fhakun จ 14 ก.ย. 2020 3:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
42
จ 14 ก.ย. 2020 3:03 pm โดย fhakun
พิมพ์ข้อความเว็บบอร์ด แล้วกดไปโดยเว็บบอร์ดที่โชว์ในรูปแบบโทรศัพท์ทำยังไง
โดย Udomsak2539 จ 14 ก.ย. 2020 2:59 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
36
จ 14 ก.ย. 2020 3:05 pm โดย tsukasaz
keyword
โดย Udomsak2539 จ 14 ก.ย. 2020 11:27 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
57
อ 15 ก.ย. 2020 10:07 am โดย Udomsak2539
ลบคอมเม้นของเว็บบอร์ด PHP ยังไง
โดย Udomsak2539 จ 14 ก.ย. 2020 10:58 am บอร์ด MindPHP News & Feedback
2
95
จ 14 ก.ย. 2020 11:07 am โดย Udomsak2539
วิธีใช้คีย์ลัดเปลี่ยนภาษาใน Ubantu กดตรงไหนเหรอคะ
โดย fhakun จ 14 ก.ย. 2020 10:56 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
145
พ 16 ก.ย. 2020 5:09 pm โดย chatee supasand