ให้เรตสมาชิก: 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 ธ.ค. 2018 6:58 pm บอร์ด phpBB user Guide Knowledge
0
5
อ 18 ธ.ค. 2018 6:58 pm โดย จันนุสรณ์ ดีแก่
ไอคอนกระทู้ และการใช้งาน
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 5:17 pm บอร์ด phpBB user Guide Knowledge
0
6
อ 18 ธ.ค. 2018 5:17 pm โดย จันนุสรณ์ ดีแก่
วิธีการส่งค่าตัวแปร จาก html เข้าไปใช้ใน javascript
โดย Ittichai_chupol อ 18 ธ.ค. 2018 5:13 pm บอร์ด Programming - PHP
2
14
อ 18 ธ.ค. 2018 5:20 pm โดย Ittichai_chupol
ทำไงให้เข้าระบบได้ตลอดเวลาโดยไม่ต้องพิมพ์รหัสผ่าน
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 4:46 pm บอร์ด phpBB user Guide Knowledge
0
7
อ 18 ธ.ค. 2018 4:46 pm โดย จันนุสรณ์ ดีแก่
ภาษา C
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 1:29 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
อ 18 ธ.ค. 2018 1:29 pm โดย จันนุสรณ์ ดีแก่
ตัวอย่าง User Acceptance Test
โดย noonueng_999 อ 18 ธ.ค. 2018 11:10 am บอร์ด Share Knowledge
0
10
อ 18 ธ.ค. 2018 11:10 am โดย noonueng_999
Q - Camtasia ไม่สามารถนำไฟล์เข้ามาตัดต่อได้
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 10:22 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
8
57
อ 18 ธ.ค. 2018 4:55 pm โดย จันนุสรณ์ ดีแก่
Q - รัน localhost แล้วขึ้นแบบนี้ สามารถแก้ด้วยวิธีใดคะ
โดย จันนุสรณ์ ดีแก่ อ 18 ธ.ค. 2018 9:35 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
21
อ 18 ธ.ค. 2018 9:35 am โดย จันนุสรณ์ ดีแก่
กดส่งอีเมลในแบบฟอร์มการติดต่อแล้วขึ้น Error 404 Object not found ต้องแก้ไขยังไงครับ
โดย Tewlie Pinsakorn จ 17 ธ.ค. 2018 11:36 pm บอร์ด Joomla Development
2
26
อ 18 ธ.ค. 2018 12:46 pm โดย Tewlie Pinsakorn
วิธีการเพิ่ม BBcode ในเว็บ ปุ่มจัดกลาง
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 6:04 pm บอร์ด phpBB user Guide Knowledge
0
11
จ 17 ธ.ค. 2018 6:04 pm โดย จันนุสรณ์ ดีแก่
BBcode การจัดกึ่งกลาง
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 6:03 pm บอร์ด phpBB user Guide Knowledge
0
13
จ 17 ธ.ค. 2018 6:03 pm โดย จันนุสรณ์ ดีแก่
การค้นหาขั้นสูง
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 4:54 pm บอร์ด phpBB user Guide Knowledge
0
17
จ 17 ธ.ค. 2018 4:54 pm โดย จันนุสรณ์ ดีแก่
อยากได้แอคเซสเข้าสู่หัวใจเธอ
โดย จันนุสรณ์ ดีแก่ จ 17 ธ.ค. 2018 2:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
17
จ 17 ธ.ค. 2018 2:13 pm โดย จันนุสรณ์ ดีแก่
วิธีการใช้งาน Function preg_match()
โดย Ittichai_chupol จ 17 ธ.ค. 2018 11:29 am บอร์ด PHP Knowledge
0
12
จ 17 ธ.ค. 2018 11:29 am โดย Ittichai_chupol
Joomshopping ไม่สามารถใช้ฟังชั่นก์ส่งเมลได้
โดย Kritsana Leesakul อ 16 ธ.ค. 2018 8:37 pm บอร์ด Joomla Development
8
54
อ 18 ธ.ค. 2018 1:25 am โดย fernn25
วิธีแก้ปัญหาลืมรหัสผ่าน admin ของ Worlpress โดยการเปลี่ยนรหัสด้วย phpMyadmin
โดย mindphp อ 16 ธ.ค. 2018 6:44 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
11
อ 16 ธ.ค. 2018 6:44 pm โดย mindphp
วิธีการใช้งาน Function preg_match_all()
โดย Ittichai_chupol ส 15 ธ.ค. 2018 6:19 pm บอร์ด PHP Knowledge
0
17
ส 15 ธ.ค. 2018 6:19 pm โดย Ittichai_chupol
การสร้างกระดานข่าวในส่วนของผู้ดูแลระบบ
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 4:38 pm บอร์ด phpBB user Guide Knowledge
0
28
ศ 14 ธ.ค. 2018 4:38 pm โดย จันนุสรณ์ ดีแก่
วิธีแก้เมื่อ Phpbb ขึ้นว่า กรุณาลบไดเรกเทอรี หากไดเรกเทอรียังอยู่ใช้ได้แต่ แผงควบคุมเท่านั้น
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 3:39 pm บอร์ด phpBB user Guide Knowledge
0
30
ศ 14 ธ.ค. 2018 3:39 pm โดย จันนุสรณ์ ดีแก่
การค้นหาภายในกระทู้
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 1:54 pm บอร์ด phpBB user Guide Knowledge
0
29
ศ 14 ธ.ค. 2018 1:54 pm โดย จันนุสรณ์ ดีแก่