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

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

 

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

 

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

สามารถดาวน์โหลด Component 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 ได้

 

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

 

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

 

ข่าวสารเพิ่มเติมเกี่ยวกับ เทคโนโลยีใหม่ๆ

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สิ่งที่ต้องทำ ก่อนโทรศัพท์หายหรือโดนขโมย
โดย birdkritsna อ 17 ก.ย. 2019 3:23 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
141
อ 19 พ.ย. 2019 9:59 am โดย LEG
ข้อมูลที่ทำการ loop ไม่เข้าไปเก็บใน array ครับ
โดย bankjittapol จ 18 พ.ย. 2019 8:16 pm บอร์ด Joomla Development
2
36
อ 19 พ.ย. 2019 4:23 pm โดย bankjittapol
ใช้คำสั่ง วันที่ยังไง โดยไม่ต้องกำหนด timezone
โดย bankjittapol จ 18 พ.ย. 2019 8:11 pm บอร์ด Joomla Development
2
60
พ 20 พ.ย. 2019 6:23 pm โดย bankjittapol
จะกำหนดเงื่อนไขภาษายังไง โดยไม่ไปกำหนดค่าภาษาตรงๆ
โดย bankjittapol จ 18 พ.ย. 2019 8:01 pm บอร์ด Joomla Development
1
47
จ 18 พ.ย. 2019 8:08 pm โดย tsukasaz
ศึกษาการใช้งาน Joomla
โดย numtan5839 จ 18 พ.ย. 2019 7:16 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
0
3
จ 18 พ.ย. 2019 7:16 pm โดย numtan5839
ผลพยากรณ์อากาศ เปลี่ยนภาษาตามการตั้งค่าของผู้ดูแลระบบ
โดย bankjittapol จ 18 พ.ย. 2019 7:11 pm บอร์ด Joomla Developing Knowledge
2
58
พฤ 21 พ.ย. 2019 2:55 pm โดย bankjittapol
สร้าง list box ใน joomla ที่สามารถเลือก มากกว่า 1 ค่า
โดย bankjittapol จ 18 พ.ย. 2019 6:14 pm บอร์ด Joomla Developing Knowledge
0
41
จ 18 พ.ย. 2019 6:14 pm โดย bankjittapol
จะดึงชื่อจังหวัดมาแสดงใน list ได้ยังไงครับ
โดย bankjittapol จ 18 พ.ย. 2019 5:45 pm บอร์ด Joomla Development
1
59
จ 18 พ.ย. 2019 5:52 pm โดย tsukasaz
ต้องการให้ ใน list แสดงชื่อจังหวัด เพื่อใช้เลือกแสดงครับ
โดย bankjittapol จ 18 พ.ย. 2019 12:03 pm บอร์ด Joomla Development
2
147
จ 18 พ.ย. 2019 4:02 pm โดย bankjittapol
Work's on Hand ตรีเนตร บูรณโพธิ์ทอง M097
โดย numtan5839 จ 04 พ.ย. 2019 11:09 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
39
จ 02 ธ.ค. 2019 4:19 pm โดย numtan5839
ดู Logs ไฟล์ บน Windows Server แบบ Real Time ตัวอย่าง Apache Logs
โดย mindphp จ 18 พ.ย. 2019 1:45 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
94
จ 18 พ.ย. 2019 1:47 pm โดย mindphp
ต้องการสร้าง แท็ก เพื่อเลือกจังหวัด ที่จะแสดง ต้องทำไงครับ
โดย bankjittapol จ 18 พ.ย. 2019 10:53 am บอร์ด Joomla Development
2
152
จ 18 พ.ย. 2019 11:47 am โดย bankjittapol
เริ่มลงทุนในอสังหาฯ คุณเองก็ทำได้
โดย Patty Perfume อ 17 พ.ย. 2019 6:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
3
185
จ 25 พ.ย. 2019 5:54 am โดย tidehunter
บันทึกตัวแปรเป็นชื่อไฟล์ลง database ไม่ได้
โดย teenproza7 อ 28 พฤษภาคม 2019 4:52 pm บอร์ด Programming - C/C++ & java & Python
1
275
จ 18 พ.ย. 2019 10:27 am โดย บุคคลทั่วไป
งานประจำวันที่ 18 พฤศจิกายน 2562
โดย numtan5839 จ 18 พ.ย. 2019 10:14 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
16
จ 18 พ.ย. 2019 7:16 pm โดย numtan5839
Skype for Business และ Microsoft Teams
โดย Atomseed Suckseed จ 18 พ.ย. 2019 10:11 am บอร์ด MindPHP News & Feedback
0
138
จ 18 พ.ย. 2019 10:11 am โดย Atomseed Suckseed
งานประจำวันที่ 16 พฤศจิกายน 2562
โดย numtan5839 ส 16 พ.ย. 2019 10:28 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
25
ส 16 พ.ย. 2019 7:02 pm โดย numtan5839
หา theme language file ไม่เจอ
โดย bankjittapol ส 16 พ.ย. 2019 5:33 pm บอร์ด Joomla Development
2
174
ส 16 พ.ย. 2019 5:50 pm โดย bankjittapol
การใช้งาน Ultrasonic Sensor เซ็นเซอร์ที่ใช้สำหรับตรวจจับระยะห่างของวัดถุ
โดย bankjittapol ส 16 พ.ย. 2019 4:42 pm บอร์ด IOT - Internet of things
0
76
ส 16 พ.ย. 2019 4:42 pm โดย bankjittapol
อยากทราบการแสดงวันที่ในรูปแบบของ joomla
โดย bankjittapol ส 16 พ.ย. 2019 11:14 am บอร์ด Joomla Development
5
182
ส 16 พ.ย. 2019 4:56 pm โดย mindphp