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

 

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

 

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

 

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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ตัวแปรใน PHP
โดย tai14 พฤ 16 ส.ค. 2018 7:18 pm บอร์ด PHP Knowledge
0
6
พฤ 16 ส.ค. 2018 7:18 pm โดย tai14
เครื่องมือและรูปแบบการเขียน PHP
โดย tai14 พฤ 16 ส.ค. 2018 5:17 pm บอร์ด PHP Knowledge
0
6
พฤ 16 ส.ค. 2018 5:17 pm โดย tai14
การ return ค่า ออกมาใช้นอก class ใน python
โดย tatiya พฤ 16 ส.ค. 2018 4:36 pm บอร์ด Python Knowledge
0
5
พฤ 16 ส.ค. 2018 4:36 pm โดย tatiya
ทำความรู้จักกับภาษา PHP
โดย tai14 พฤ 16 ส.ค. 2018 4:10 pm บอร์ด PHP Knowledge
0
9
พฤ 16 ส.ค. 2018 4:10 pm โดย tai14
R - เตรียมข้อมูลใบปริ้นที่ต้องทำเพิ่ม
โดย thatsawan พฤ 16 ส.ค. 2018 1:43 pm บอร์ด OpenERP - MD-ERP
5
47
พฤ 16 ส.ค. 2018 5:29 pm โดย wilawan
รบกวนสอบถามหน่อยครับ Jquery ของ SignalR ไม่ทำงานพอมีวิธีแก้ไหมค่ะ
โดย supattra_su พฤ 16 ส.ค. 2018 12:38 pm บอร์ด Programming - PHP
4
20
พฤ 16 ส.ค. 2018 1:54 pm โดย supattra_su
ฺB - ไม่สามารถเพิ่มข้อมูลที่อยู่ของบริษัทลูกค้าใน การออกใบ Quotations ได้
โดย watcharin พฤ 16 ส.ค. 2018 11:41 am บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
พฤ 16 ส.ค. 2018 11:41 am โดย watcharin
งานที่ต้องทำประจำวันที่ 16 สิงหาคม 2561
โดย tai14 พฤ 16 ส.ค. 2018 10:25 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
3
8
พฤ 16 ส.ค. 2018 7:27 pm โดย tai14
งานประจำวันที่ 16 สิงหาคม 2561
โดย prakon พฤ 16 ส.ค. 2018 10:22 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
18
พฤ 16 ส.ค. 2018 10:23 am โดย prakon
งานประจำวันที่ 16 สิงหาคม 2561
โดย pprn พฤ 16 ส.ค. 2018 10:22 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
4
พฤ 16 ส.ค. 2018 7:40 pm โดย pprn
งานประจำวันที่ 16 สิงหาคม 2561
โดย Lamduan พฤ 16 ส.ค. 2018 10:20 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
1
3
พฤ 16 ส.ค. 2018 6:58 pm โดย Lamduan
งานประจำวันที่ 16 สิงหาคม 2561
โดย tatiya พฤ 16 ส.ค. 2018 10:00 am บอร์ด M065 - ตติยะ นาชัย
1
3
พฤ 16 ส.ค. 2018 7:58 pm โดย tatiya
G - หลักการส่งข้อมูล ให้ทาง PHP รู้ว่ามี การอัพเดด stock onhand
โดย mindphp พฤ 16 ส.ค. 2018 1:52 am บอร์ด สิริกิตติรัตน์ - Developer
0
3
พฤ 16 ส.ค. 2018 1:52 am โดย mindphp
การใช้ฟังก์ชัน Filter_list
โดย anuwat somsakul พ 15 ส.ค. 2018 6:10 pm บอร์ด PHP Knowledge
0
11
พ 15 ส.ค. 2018 6:10 pm โดย anuwat somsakul
Test ระบบ Open Erp 99
โดย Lamduan พ 15 ส.ค. 2018 6:09 pm บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
0
8
พ 15 ส.ค. 2018 6:09 pm โดย Lamduan
วิธีอัด vdo หน้าจอด้วย Camtasia Studio
โดย tai14 พ 15 ส.ค. 2018 4:49 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
12
พ 15 ส.ค. 2018 4:49 pm โดย tai14
สอบถามวิธีการปิด .gitignore ใน netbean ไม่ให้อัพขึ้น git ค่ะ
โดย pprn พ 15 ส.ค. 2018 4:44 pm บอร์ด Programming - PHP
1
20
พ 15 ส.ค. 2018 4:55 pm โดย tsukasaz
มาทำความรู้จักกับ self ใน Python กัน
โดย tatiya พ 15 ส.ค. 2018 3:26 pm บอร์ด Python Knowledge
0
13
พ 15 ส.ค. 2018 3:26 pm โดย tatiya
Q - เพิ่มช่องค้นหาแล้ว error: Call to a member function getGroup() on null
โดย Parichat พ 15 ส.ค. 2018 3:01 pm บอร์ด Joomla Dev
1
4
พ 15 ส.ค. 2018 3:17 pm โดย Parichat
วิธีเปลี่ยนโทนสีของภาพด้วย Photoshop
โดย tai14 พ 15 ส.ค. 2018 1:10 pm บอร์ด Graphic design
1
18
พ 15 ส.ค. 2018 3:00 pm โดย mindphp