ให้เรตสมาชิก: 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 (เอ็มดี คอนเท้น สไลเดอร์) 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถาม ผมจะทำ wedhook Messenger ของ fackbook ทำตามวิธี ของ Getting Started แล้วไม่ได้ครับ
โดย jirawoot อ 09 มิ.ย. 2020 2:39 pm บอร์ด Programming - C/C++ & java & Python
0
42
อ 09 มิ.ย. 2020 2:39 pm โดย jirawoot
วิธีการ ลบข้อมูลออกจากฐานข้อมูล Postgres ด้วย Module psycopg2
โดย bolue อ 09 มิ.ย. 2020 1:49 pm บอร์ด Python Knowledge
0
36
อ 09 มิ.ย. 2020 1:49 pm โดย bolue
วิธีการ แก้ไขข้อมูลในฐานข้อมูล Postgres ด้วย Module psycopg2
โดย bolue อ 09 มิ.ย. 2020 1:39 pm บอร์ด Python Knowledge
0
62
อ 09 มิ.ย. 2020 1:39 pm โดย bolue
วิธีการ เพิ่มข้อมูลลงฐานข้อมูล Postgres ด้วย Module psycopg2
โดย bolue อ 09 มิ.ย. 2020 1:30 pm บอร์ด Python Knowledge
0
34
อ 09 มิ.ย. 2020 1:30 pm โดย bolue
ngrok คืออะไร - ทำ Localhost เครื่องของผู้พัฒนาอยู่ในเครื่องสามารถ online บน internet ได้
โดย jirawoot อ 09 มิ.ย. 2020 11:37 am บอร์ด Python Knowledge
0
71
อ 09 มิ.ย. 2020 11:37 am โดย jirawoot
การบัญชีต้นทุน กับการบัญชีบัญชีบริหารเกี่ยวข้องกันอย่างไร
โดย natthanit.r2538 จ 08 มิ.ย. 2020 4:50 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
39
จ 08 มิ.ย. 2020 4:50 pm โดย natthanit.r2538
หนังสือรับรองหักภาษี ณ ที่จ่าย มีความสำคัญอย่างไร
โดย natthanit.r2538 จ 08 มิ.ย. 2020 3:13 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
39
จ 08 มิ.ย. 2020 3:13 pm โดย natthanit.r2538
วิธีการ ทำตาราง ด้วย bootstrap เพื่อความสวยงาม ทำตารางย่อตามหน้าจอได้
โดย bolue จ 08 มิ.ย. 2020 10:56 am บอร์ด Booststap Knowledge
0
66
จ 08 มิ.ย. 2020 10:56 am โดย bolue
ส่วนสำคัญของใบกำกับภาษี
โดย natthanit.r2538 ส 06 มิ.ย. 2020 5:56 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
66
ส 06 มิ.ย. 2020 5:56 pm โดย natthanit.r2538
วิธีการ ไล่สีพื้นหลัง โดย css
โดย bolue ส 06 มิ.ย. 2020 5:03 pm บอร์ด CSS Knowledge
1
69
จ 08 มิ.ย. 2020 1:52 pm โดย LEG
วิธีการสร้าง nav-tabs โดย bootstrap
โดย bolue ส 06 มิ.ย. 2020 4:52 pm บอร์ด Booststap Knowledge
0
76
ส 06 มิ.ย. 2020 4:52 pm โดย bolue
วิธีกดภาพ เล็กด้านข้าง แล้วโชว์ภาพใหญ่ ในพื้นที่ดำๆ โดยใช้ javascript
โดย bolue ส 06 มิ.ย. 2020 4:24 pm บอร์ด Jquery & Ajax Knowledge
0
63
ส 06 มิ.ย. 2020 4:24 pm โดย bolue
กดภาพเล็กๆ ด้านข้าง แล้วโชว์ภาพใหญ่ ในพื้นที่ดำๆ ทำยังไง
โดย bolue ส 06 มิ.ย. 2020 11:20 am บอร์ด JavaScript & Jquery Ajax
2
97
จ 08 มิ.ย. 2020 1:52 pm โดย LEG
Celeb net worth?
โดย Bailey99 ศ 05 มิ.ย. 2020 7:03 pm บอร์ด PHP Knowledge
1
74
ศ 05 มิ.ย. 2020 7:28 pm โดย rajneeskumar
วิธีการ ใช้งาน vuetify คู่กับ vue.js
โดย bolue ศ 05 มิ.ย. 2020 6:02 pm บอร์ด CSS Knowledge
0
39
ศ 05 มิ.ย. 2020 6:02 pm โดย bolue
วิธีการ ติดตั้ง vue.js สำหรับผู้เริ่มต้น หัดเขียน สอนติดตั้ง
โดย bolue ศ 05 มิ.ย. 2020 4:55 pm บอร์ด Jquery & Ajax Knowledge
0
103
ศ 05 มิ.ย. 2020 4:55 pm โดย bolue
วิธีการ ใช้ Grid ออกแบบเป็น responsive design โดย vuetify
โดย bolue ศ 05 มิ.ย. 2020 3:36 pm บอร์ด CSS Knowledge
0
72
ศ 05 มิ.ย. 2020 3:36 pm โดย bolue
วิธีการ เรียนใช้ dialog จาก components โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 1:45 pm บอร์ด Jquery & Ajax Knowledge
0
66
ศ 05 มิ.ย. 2020 1:45 pm โดย bolue
วิธีการ การเรียกใช้ methods โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 1:17 pm บอร์ด Jquery & Ajax Knowledge
0
34
ศ 05 มิ.ย. 2020 1:17 pm โดย bolue
วิธีการ ค้นหาด้วยการใช้ watch โดย vue.js
โดย bolue ศ 05 มิ.ย. 2020 12:45 pm บอร์ด Jquery & Ajax Knowledge
0
29
ศ 05 มิ.ย. 2020 12:45 pm โดย bolue