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

ดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

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

      MD Content Slider (เอ็มดี คอนเท้น สไลเดอร์) เป็น Module Joomla (โมดูล จูมล่า) สำหรับแสดงเนื้อหาของ Category (คาเทกอรี่) ในรูปแบบการสไลด์โชว์ โดยการแสดงผลสามารถตั้งค่าได้หลายรูปแบบ มีการนำข้อมูลรูปภาพ เนื้อหา หัวข้อ และอื่นๆ มาแสดง ทั้งนี้  MD Content Slider ยังสามารถทำงานคู่กับ Components (คอมโพเน้น) อื่นๆได้ดี

ก่อนอื่นสามารถดาวน์โหลด MD Content Slider ได้ที่ ดาวน์โหลด 

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

1.MD Content Slider  สำหรับบอกเส้นทางและบอกตำแหน่งปัจจุบัน เข้าหน้า Modules (โมดูล) เลือกที่ Extensions (เอ็กเทนชัน) > Modules (โมดูล)

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

 

2.เมื่อติดตั้ง MD Content Slider  แล้วแจะแสดงชื่อ Module และอยู่ในสถานะปิดใช้งาน

 

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

ตัวอย่างรูปแบบแสดงผลหน้าเว็บ

 

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

3.ในส่วนของการตั้งค่า MD Content Slider จะมีทั้งหมด 8 ส่วน แต่ส่วนที่ตั้งค่าหลัก Module, Menu Assignment (โมดูล แอสไซเม้น), Source Setting (ซอส เซตติ้ง), Item Layout Setting  (ไอเทม เลเอ้า เซทติ้ง) ,Effect Setting (เอฟเห็ค เซตติ้ง) ,Advanced (แอดวานซ์)

 

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

4.การตั้งค่าส่วนของ Module แบ่งเป็น 2 ส่วน ส่วนแรก ตั้งค่าพื้นฐาน

 

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

แสดงผล การกำหนด  Content title (คอนเท้น ไตเติ้ล) = Title Test (ไตเติ้ล เทส)

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

แสดงผล การกำหนด Navigation bar (นาวิเกชัน บาร์) = Bullet (บูเลท)  , กำหนด Next Back (เน็ค แบ็ค) = เปิดใช้งาน

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

แสดงผล การกำหนด  Number of Rows (นัมเบอร์ ออฟ โรว) = 2 , กำหนด Number of Cols (นัมเบอร์ ออฟ คอล) = 3

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

5.ส่วนของ Description (เดสคริปชั่น) แสดงรายละเอียด และ Features (ฟีเจอร์) ของโมดูล

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

6.ส่วนของ Menu Assignment (เมนู แอสไซเม้น)  เลือกหน้าเว็บสำหรับแสดงโมดูล เช่น On all pages (ออน ออล เพจ) คือให้แสดงทุกหน้า

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

7.ส่วนของ Module permission (โมดูล เพอมิสชัน) การหนดสิทธิ์สำหรับการใช้งาน

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

8.ส่วนของ Source Setting (ซอส เซตติ้ง) การตั้งค่าแหล่งที่มาของข้อมูลที่มาแสดงเป็นสไลด์โชว์

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

แสดงผล การกำหนด Number of Articles (นัมเบอร์ ออฟ อาติเคิ้ล) = 2 

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

9.ส่วนของ Image Layout Setting (อิมเมจ เลเอ้า เซตติ้ง) การตั้งค่าภาพเค้าโครง

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

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

แสดงผล การกำหนด Limit Title By (ลิมิต ไตเติ้ล บาย)  = Character (ชาแร็คเตอร์)

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

แสดงผล การกำหนด Show Intro Text (โชว์ อินโทร เท็ก)

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

แสดงผล การกำหนด Show Category Name (โชว์ คาเทกอรี่ เนม)

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

แสดงผล การกำหนด Show Read More (โชว์ รีด มอ)

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

แสดงผล การกำหนด Thumbnail (ทัมแนล) width (วาย) = 300  height (ไฮท์) = 300

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

10.ส่วนของ Effect Setting (เอ็ฟเฟ็ค เซตติ้ง) การตั้งค่าผลการแสดง

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

11.ส่วนของ Advanced (แอดวานซ์) การตั้งค่าแบบขั้นสูง

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
padding ต่างจาก margin อย่างไร
โดย champp พฤ 07 พฤษภาคม 2020 4:49 pm บอร์ด CSS Knowledge
0
169
พฤ 07 พฤษภาคม 2020 4:49 pm โดย champp
IR infrared obstacle detection sensor คืออะไร
โดย champp พฤ 07 พฤษภาคม 2020 4:16 pm บอร์ด IOT - Internet of things
0
83
พฤ 07 พฤษภาคม 2020 4:16 pm โดย champp
ตู้จดหมายแจ้งเตือนผ่านไลน์ได้อย่างไร
โดย champp พฤ 07 พฤษภาคม 2020 3:58 pm บอร์ด IOT - Internet of things
0
147
พฤ 07 พฤษภาคม 2020 3:58 pm โดย champp
วิธีการบันทึกข้อมูลหลายตารางพร้อมกัน
โดย champp พฤ 07 พฤษภาคม 2020 3:39 pm บอร์ด PHP Knowledge
0
1758
พฤ 07 พฤษภาคม 2020 3:39 pm โดย champp
R - เครียร์ข้อมูลทดสอบ ออกจากหน้าเว็บ
โดย mindphp พฤ 07 พฤษภาคม 2020 10:24 am บอร์ด OdooJob.com - Developer
0
1
พฤ 07 พฤษภาคม 2020 10:24 am โดย mindphp
เกษตรกรปลูกพืชเตรียมรับเงินเยียวยา มีขั้นตอนตรวจดังนี้
โดย thatsawan อ 05 พฤษภาคม 2020 5:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
148
พ 06 พฤษภาคม 2020 7:53 pm โดย arenaofblood
อัพเดทแบบดับเบิล! Joomla เวอร์ชั่น 3.9.17 กับ 3.9.18
โดย tsukasaz อ 05 พฤษภาคม 2020 2:18 pm บอร์ด MindPHP News & Feedback
0
126
อ 05 พฤษภาคม 2020 2:18 pm โดย tsukasaz
แนะนำเทคนิคการเล่นกีฬา หัวข้อแบตมินตัน
โดย champp อ 05 พฤษภาคม 2020 12:43 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
69
อ 05 พฤษภาคม 2020 12:43 pm โดย champp
แนวทางสร้าง การจัดเก็บแบบระบุตำแหน่ง
โดย tanapong จ 04 พฤษภาคม 2020 11:41 pm บอร์ด Programming - PHP
4
144
พ 13 พฤษภาคม 2020 8:38 pm โดย tanapong
TIP การใช้ SSL ของ cloudflare คู่กับ Let's Encrypt
โดย mindphp ส 02 พฤษภาคม 2020 8:17 pm บอร์ด Linux - Web Server
0
198
ส 02 พฤษภาคม 2020 8:17 pm โดย mindphp
กรมส่งเสริมการเกษตรเปิด "โครงการตู้เย็นข้างบ้านต้านภัย COVID-19" สนับสนุนเมล็ดพันธุ์พืชผักสวนครัวให้แก่เกษตรกรและประชาชน
โดย thatsawan ส 02 พฤษภาคม 2020 2:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
146
ส 02 พฤษภาคม 2020 2:58 pm โดย thatsawan
วิธีการจัดรูปแบบเลขบัตรประชาชนที่กรอกอัตโนมัติ
โดย Ittichai_chupol ศ 01 พฤษภาคม 2020 5:48 pm บอร์ด Jquery & Ajax Knowledge
0
263
ศ 01 พฤษภาคม 2020 5:48 pm โดย Ittichai_chupol
ปรับรูปภาพ fandeedee
โดย numtan5839 ศ 01 พฤษภาคม 2020 11:29 am บอร์ด FDD (Main)
29
167
พ 20 พฤษภาคม 2020 11:36 am โดย numtan5839
ปัญหา Deprecated: Function ereg() is deprecated ereg_replace()
โดย mindphp ศ 01 พฤษภาคม 2020 2:54 am บอร์ด Programming - PHP
1
1050
ศ 01 พฤษภาคม 2020 4:35 am โดย mindphp
ประวัติความเป็นมาการแข่งเรือยาว
โดย baitoeijr1230 พฤ 30 เม.ย. 2020 9:39 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
210
อ 14 มิ.ย. 2020 12:36 am โดย Jesse00
วิธีการใช้งานตัว flask jwt เพื่อทำการ authenticate แบบใช้ Token ด้วย curl
โดย jirawoot พฤ 30 เม.ย. 2020 7:07 pm บอร์ด Python Knowledge
0
189
พฤ 30 เม.ย. 2020 7:07 pm โดย jirawoot
สร้าง slideshow หรือภาพสไลด์หน้าเว็บด้วย Module Product Slide ของ MooZiiCart
โดย prmindphp พ 29 เม.ย. 2020 6:34 pm บอร์ด MindPHP News & Feedback
1
118
พ 10 มิ.ย. 2020 4:36 pm โดย mindphp
วิธีการ Overrite การแจ้งเตือนเพื่อนำมาปรับแต่งใน Extension ของ phpbb
โดย Ittichai_chupol อ 28 เม.ย. 2020 7:01 pm บอร์ด PHP Knowledge
0
227
อ 28 เม.ย. 2020 7:01 pm โดย Ittichai_chupol
จะเขียน py ธรรมดาอ่านไฟล์ config ทำยังไงค่ะ
โดย thatsawan อ 28 เม.ย. 2020 4:42 pm บอร์ด Programming - C/C++ & java & Python
1
152
พฤ 30 เม.ย. 2020 11:00 am โดย jirawoot
ต้องการติดตั้ง psycopg2 ในเครื่อง windows 10 ยังไงค่ะ
โดย thatsawan อ 28 เม.ย. 2020 3:23 pm บอร์ด Programming - C/C++ & java & Python
11
232
อ 28 เม.ย. 2020 4:01 pm โดย thatsawan