ให้เรตสมาชิก: 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 ได้

 

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

 

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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 18 ตุลาคม 2561
โดย tai14 พฤ 18 ต.ค. 2018 10:04 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
0
1
พฤ 18 ต.ค. 2018 10:04 am โดย tai14
VDO - วิธีการแปลงไฟล์ไพธอนเป็นไฟล์ .exe
โดย prakon พฤ 18 ต.ค. 2018 10:04 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
0
1
พฤ 18 ต.ค. 2018 10:04 am โดย prakon
งานประจำวันที่ 18 ตุลาคม 2561
โดย prakon พฤ 18 ต.ค. 2018 10:00 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
0
2
พฤ 18 ต.ค. 2018 10:00 am โดย prakon
งานประจำวันที่ 18 ตุลาคม 2561
โดย nice_13 พฤ 18 ต.ค. 2018 9:55 am บอร์ด M071 - พิชญ์สินี คงจร
0
1
พฤ 18 ต.ค. 2018 9:55 am โดย nice_13
เเนะนำเรียนต่อต่างประเทศ
โดย Anonymous พ 17 ต.ค. 2018 10:09 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
5
พ 17 ต.ค. 2018 10:09 pm โดย บุคคลทั่วไป
Q - สอบถามวิธีการเแปลงไฟล์ Python เป็นไฟล์ .exe ครับ
โดย prakon พ 17 ต.ค. 2018 7:37 pm บอร์ด Programming - C/C++ & java & Python
0
9
พ 17 ต.ค. 2018 7:37 pm โดย prakon
VDO - รีวิว Module Manufacturer สำหรับแสดงผู้ผลิตสินค้า
โดย pprn พ 17 ต.ค. 2018 6:55 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
5
พ 17 ต.ค. 2018 6:55 pm โดย pprn
R - mdsoft_translate_posts ปรับเปลี่ยนแทมเพลตและภาษา
โดย Ittichai_chupol พ 17 ต.ค. 2018 6:34 pm บอร์ด ThaiVI - Developer
0
6
พ 17 ต.ค. 2018 6:34 pm โดย Ittichai_chupol
VDO - รีวิว Module Bestseller (โมดูล เบสต์เซลเลอร์) สำหรับแสดงสินค้าขายดี
โดย pprn พ 17 ต.ค. 2018 6:29 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
6
พ 17 ต.ค. 2018 6:29 pm โดย pprn
R - mdsoft_show_member_post การแสดงข้อมูลของสมาชิก
โดย Ittichai_chupol พ 17 ต.ค. 2018 6:27 pm บอร์ด ThaiVI - Developer
0
1
พ 17 ต.ค. 2018 6:27 pm โดย Ittichai_chupol
VDO - รีวิว Module currency (โมดูล เคอเร็นซิ) สำหรับเลือกสกุลเงินของสินค้า
โดย pprn พ 17 ต.ค. 2018 5:43 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
5
พ 17 ต.ค. 2018 5:43 pm โดย pprn
VDO - รีวิว Module Latest products (โมดูล เลทเอ็ซท์ โปรดักส์) สำหรับแสดงสินค้าล่าสุด
โดย pprn พ 17 ต.ค. 2018 4:49 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
6
พ 17 ต.ค. 2018 4:49 pm โดย pprn
เมื่อหัดเขียนเว็บไซต์ครั้งแรก
โดย tai14 พ 17 ต.ค. 2018 4:39 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
พ 17 ต.ค. 2018 4:39 pm โดย tai14
B - สรุป Review เว็บไซต์ zirishoes.com
โดย tsukasaz พ 17 ต.ค. 2018 12:14 pm บอร์ด สิริกิตติรัตน์ - Tester
1
12
พ 17 ต.ค. 2018 1:16 pm โดย mindphp
ขออนุญาตสอบถามครับ ผมมือใหม่
โดย 9kitti พ 17 ต.ค. 2018 11:25 am บอร์ด Programming - PHP
1
11
พ 17 ต.ค. 2018 12:18 pm โดย thatsawan
R - mdsoft_search_share (ค้นหาข้อมูลหุ้น)
โดย Ittichai_chupol พ 17 ต.ค. 2018 11:23 am บอร์ด ThaiVI - Developer
0
12
พ 17 ต.ค. 2018 11:23 am โดย Ittichai_chupol
R - Extension_Search_Share
โดย Ittichai_chupol พ 17 ต.ค. 2018 10:56 am บอร์ด M070 - อิทธิชัย ชูผล
0
5
พ 17 ต.ค. 2018 10:56 am โดย Ittichai_chupol
งานประจำวันที่ 17 ตุลาคม 2561
โดย prakon พ 17 ต.ค. 2018 10:19 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
15
พ 17 ต.ค. 2018 7:12 pm โดย prakon
งานประจำวันที่ 17 ตุลาคม 2561
โดย pprn พ 17 ต.ค. 2018 10:18 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
13
พ 17 ต.ค. 2018 7:22 pm โดย pprn
งานประจำวันที่ 17 ตุลาคม 2561
โดย tai14 พ 17 ต.ค. 2018 9:46 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
1
3
พ 17 ต.ค. 2018 7:08 pm โดย tai14