สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การจัดการตำแหน่ง RIGHT MODULE (โมดูลฝั่งขวา)" สำหรับเว็บไซต์ที่ใช้ Template จาก Hitztheme ครับ ซึ่งตำแหน่งนี้มักใช้แสดงข้อมูลเสริม เช่น เมนูข้าง, ข่าวประชาสัมพันธ์ หรือแบนเนอร์ต่างๆ ในหน้าเนื้อหาครับ
สรุปเนื้อหาและขั้นตอนการปรับแต่งมีดังนี้:
1. ทำความรู้จักกับ Right Module [00:11]
- Right Module คือพื้นที่ทางด้านขวาของเนื้อหาหลัก (Component) โดยปกติจะไม่แสดงในหน้าแรก แต่จะแสดงในหน้าอื่นๆ เพื่อใส่โมดูลได้หลายประเภทพร้อมกัน [00:47]
2. การเข้าถึงเมนูตั้งค่า [01:11]
- ไปที่หลังบ้านของเว็บไซต์ เลือกเมนู Extensions > Templates > Styles
- คลิกเลือก Template ที่ใช้งาน และไปที่แถบ "ปรับโครงสร้างหน้าอื่นๆ" (Other Page Structure)
- หัวข้อที่ 2 คือ "ส่วน Right Module" [01:55]
3. การปรับแต่งรูปแบบพื้นฐาน [02:05]
- สีพื้นหลัง (Background): สามารถเปลี่ยนสีพื้นหลังของแถบโมดูลด้านขวาทั้งหมดได้ (เช่น เปลี่ยนเป็นสีเทาหรือสีตามธีม) [02:10]
- ระยะห่างภายใน (Padding): กำหนดช่องว่างจากขอบแถบเข้ามาหาตัวโมดูล [02:34]
- ระยะห่างภายนอก (Margin): กำหนดระยะห่างระหว่างแถบ Right Module กับส่วนประกอบอื่นของเว็บ [03:02]
- สีตัวอักษรและลิงก์: ปรับแต่งสีข้อความปกติ สีลิงก์ และสีเมื่อเอาเมาส์ไปชี้ (Hover) เฉพาะส่วนนี้ได้ [03:32]
4. การจัดการหัวข้อโมดูล (Module Header) [04:34]
- หัวข้อ 2.1: คุณสามารถปรับแต่งหัวข้อของแต่ละโมดูลที่อยู่ในตำแหน่งนี้ได้:
- สีตัวอักษรหัวข้อ: เช่น เปลี่ยนเป็นสีเหลืองหรือสีที่ตัดกับพื้นหลัง [04:51]
- ขนาดตัวอักษร: กำหนดเป็น Pixel (เช่น 20-30px) หรือหน่วย EM [05:12]
- สีพื้นหลังหัวข้อ: สามารถใส่สีแถบคาดหลังตัวอักษรหัวข้อเพื่อให้ดูโดดเด่นขึ้น [05:35]
- ระยะห่างภายในหัวข้อ: หากใส่สีพื้นหลัง ควรปรับระยะห่าง (Padding) เพื่อให้หัวข้อดูสวยงาม ไม่ชิดขอบสีจนเกินไป [06:03]
ข้อควรทราบ: สีของข้อความบางส่วนอาจไม่เปลี่ยนตามการตั้งค่านี้ หากตัวโมดูลนั้นๆ มีการกำหนดค่าสีเฉพาะตัวมาจากข้างในโมดูลเอง ซึ่งอาจต้องไปปรับที่ตัวโมดูลนั้นๆ แทนครับ [04:12]
