[ทความสอนสร้างโมดูลไว้แสดงภาพ แสดงแบนเนอร์ หรือวางข้อความใดๆ ใน Joomla 3 จากตัวอย่างจะแสดงแบนเนอร์

 


การสร้างภาพแบนเนอร์
ก่อนอื่นเราต้องเตรียมภาพแบนเนอร์ที่จำเป็นต้องใช้ก่อน ขนาดของภาพสำหรับวางในตำแหน่งต่างๆ จะมีขนาดไม่เท่ากัน
1. จัดการสร้างแบนเนอร์และก็อปปี้ภาพไปเก็บไว้ในโฟลเดอร์ images
2. จากตัวอย่างได้เก็บภาพไว้ในโฟลเดอร์ต่างๆ เช่น ads, banner
3. ดับเบิ้ลคลิกที่โฟลเดอร์ ads
4. ตัวอย่างแบนเนอร์ขนาดต่างๆ แบนเนอร์ที่จะวางในตำแหน่ง Position 7 จะใช้ภาพขนาดความกว้างไม่เกิน 250 pixels
5. ส่วนแบนเนอร์ขนาดความกว้าง 700 pixels จะวางในตำแหน่ง Position 2 และ Position 3

 

ขั้นตอนการสร้างโมดูลแสดงแบนเนอร์
1. คลิก Extensions>>Module Manager
2. คลิก New
3. คลิกเลือก Custom HTML

4. พิมพ์ชื่อโมดูลในช่อง Title เช่น Banner Position 3
5. Show Title คลิกเลือก Hide เพื่อซ่อนคำว่า Banner Position 3 ไม่ให้แสดงบนหน้าจอ
6. ตำแหน่งแสดงโมดูลนี้ คลิกเลือก Protostar position-3
7. ในส่วน เนื้อหา ให้คลิกและพิมพ์ข้อความหรือวางภาพ จากตัวอย่างจะวางภาพแบนเนอร์ ให้คลิกปุ่ม Image ด้านล่างซ้าย

8. คลิกเลือกภาพที่ต้องการ ในที่นี้ได้เก็บไว้ในโฟลเดอร์ย่อย ads ก็คลิกเข้าไปก่อน
9. คลิกเลือกภาพที่ต้องการ แล้วคลิก Insert

10. ภาพแบนเนอร์ที่ถูกนำเข้ามา ให้จัดตำแหน่งไว้ตรงกลาง คลิกที่ตัวภาพเพื่อเลือก
11. คลิกไอคอน Hyperlink เราจะลิงค์ไปยังเว็บที่ต้องการเมื่อคลิกที่ภาพแบนเนอร์นี้
12. ช่อง url คลิกและพิมพ์ชื่อเว็บไซต์ลงไป เช่น http://www.ozoneresort.com (ชื่อสมมุติ) ส่วน Target เลือก New windows
13. คลิก OK

14. คลิกแท็ป Menu Assignment
15. คลิกเลือก Only on the pages selected
16. คลิกติ๊กถูก หน้าแรก เท่านั้น เพื่อให้แสดงแบนเนอร์นี้เฉพาะในหน้าแรกเท่านั้น
17. คลิก Save & Close
18. ผลงานที่ได้ จะมีแบนเนอร์ Banner Position 3 อยู่ตำแหน่งกลางหน้าจอซึ่งเป็นตำแหน่ง Position 3
19. การแสดงโมดูลยังสามารถทำอะไรได้มากกว่านี้ เช่น ให้แสดงเฉพาะในหน้าแรกของเว็บไซต์เท่านั้น กรณีคลิกเมนู การเงิน หรือ ยานยนต์ หรือเมนูใดๆ ก็ตาม จะไม่ให้แสดงโมดูลในหน้า จอก็สามารถทำได้