Joomla! Component Banner : สร้างโฆษณาแบบป้ายรูปภาพ


บทความนี้ เป็นบทความต่อเนื่อง เรื่อง “การสร้างเว็บไซต์แบบมืออาชีพ โดยไม่ต้องมีความรู้การเขียนโปรแกรมด้วย Joomla! กับ Case Study เว็บไซต์ Enjoy Chinese

.
ในเว็บไซต์ Joomla! นอกจากจะมีโฆษณาแบบข้อความที่เราได้เรียนรู้ไปในบทความก่อนแล้ว ยังมีโฆษณาแบบป้ายรูปภาพ วางอยู่ในตำแหน่ง footer ด้วย ซึ่งเราจะได้เรียนรู้การใช้งานกันในบทความนี้ค่ะ

.

วิธีการสร้างโฆษณาแบบรูปภาพ

1. ให้เตรียมไฟล์รูปภาพโฆษณาเอาไว้

2. Upload ไฟล์รูปภาพไปเก็บไว้ที่ host ทำได้ 2 วิธี คือ
1) ในหน้าจัดการระบบของผู้ดูแลเว็บ ให้ไปที่เมนู Site > Media Manager
แล้วเลือก Folder Images>banners ที่ด้านล่างจะมีให้ Browse file รูปภาพที่ต้องการ แล้วกดปุ่ม Upload หรือ
2) ใช้วิธี Upload ไฟล์รูปภาพผ่านทางโปรแกรม FTP ไปที่ directory images>banners ก็ได้ค่ะ (เร็วดี)

3. สร้างโฆษณาแบบรูปภาพ ให้ไปที่เมนู Components > Banner > Banners กดปุ่ม New

4. ในหน้าจัดการข้อมูลโฆษณาให้เรากรอกรายละเอียดต่างๆ ให้เรียบร้อย แล้วกดปุ่ม Save
- Category ใส่ประเภทเป็น AdsBanner (เราสร้างประเภทโฆษณานี้ไว้ในบทความก่อน จำได้มั้ยเอ่ย)
- Client Name ใส่เป็น complexplaza (ลูกค้าหรือผู้สนับสนุนโฆษณาที่เราสร้างไว้ในบทความก่อนเช่นกัน)
- Click URL เมื่อผู้ชมคลิกที่ป้ายโฆษณาจะให้ลิงค์ไปหน้าไหน (หน้ารายละเอียดสินค้า)
- Banner Image Selector ให้เลือกรูปจากลิสต์ จะมีรูปที่เรา Upload ไว้ในข้อ 2 ให้เราเลือก

มีโฆษณากี่อันก็สร้างแล้วบันทึกเตรียมไว้ค่ะ

5. ไปหน้าจัดการ Module เพื่อระบุตำแหน่งที่วางโฆษณา ที่เมนู Extension > Module Manager   ตอนที่เราติดตั้ง Joomla! จะมีโมดูล “mod_banners”  ชื่อ Banners สำหรับแสดงป้ายโฆษณามาให้อยู่แล้ว    เราจะไม่สร้างโมดูลใหม่ แต่จะแก้ไขรายละเอียดของโมดูลนี้แทนค่ะ คลิกที่ชื่อโมดูล Banners เลยค่ะ

6. ในหน้ารายละเอียดของ Module
- Show Title ให้เลือก No คือไม่ต้องให้แสดง Title คำว่า Banners
- Position เป็น footer เช่นเดิม หรือแล้วแต่ค่ะ
- Menus เลือกเป็น All ให้แสดงในทุกหน้า
- Banner Client เปลี่ยนเป็นลูกค้าหรือผู้สนับสนุนที่เราสร้างแทน
- Category เปลี่ยนเป็นประเภทโฆษณาที่เราได้สร้างแทน
- Randomise เป็น Randomise ให้สุ่มเลือกภาพเอง

เมื่อกำหนดรายละเอียดต่างๆ เสร็จแล้วกดปุ่ม Save แค่นี้ก็เป็นอันเสร็จค่ะ



บทความนี้ถูกอ่านแล้ว : 18,814 ครั้ง

Related posts