สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การจัดการตำแหน่ง CONTENT 1-5" ซึ่งเป็นพื้นที่หลักในการแสดงเนื้อหาต่างๆ ในหน้าแรกของเว็บไซต์ที่ใช้ Template จาก Hitztheme ครับ
โดยตำแหน่ง Content 1 ถึง 5 จะมีรูปแบบการตั้งค่าที่เหมือนกันทุกประการ คลิปนี้จึงใช้ Content 1 เป็นตัวอย่างในการอธิบาย ดังนี้ครับ:
1. การเข้าถึงเมนูตั้งค่า [01:16]
- ไปที่หลังบ้านของเว็บไซต์ เลือกเมนู Extensions > Templates > Styles
- คลิกเลือก Template ที่ใช้งาน และไปที่แถบ "ปรับโครงสร้างหน้าแรก" (Home Page Structure)
- เลื่อนลงมาจะพบหัวข้อ Content 1 ถึง Content 5 (ข้อที่ 4 ถึง 8) [02:02]
2. การปรับแต่งรูปแบบการแสดงผล [02:32]
- การใช้งาน: สามารถเลือกเปิด/ปิดการแสดงผลของแต่ละ Content ได้โดยไม่ต้องลบโมดูล
- ขนาด (Width): เลือกได้ระหว่าง แบบกึ่งกลาง (Center) ซึ่งปกติจะอยู่ที่ 80% ของหน้าจอ หรือ แบบเต็มหน้าจอ (Full Screen) [03:07]
3. การจัดการพื้นหลัง (Background) [03:57]
- สีพื้นหลัง: สามารถเปลี่ยนสีพื้นหลังของแถบ Content นั้นๆ ได้ตามใจชอบ [05:01]
- รูปภาพพื้นหลัง (Background Image): สามารถอัปโหลดรูปภาพมาใช้เป็นพื้นหลังได้ [05:42]
- Background Fix: เลือกว่าจะให้รูปเลื่อนตามการสกอร์ หรือให้รูปอยู่กับที่ (Parallax effect) [07:49]
- สีพื้นหลังเฉพาะส่วนเนื้อหา (Body Background): ในกรณีที่ใช้รูปพื้นหลังภาพรวม คุณยังสามารถใส่สีพื้นหลังเฉพาะส่วนที่เป็นเนื้อหา (Body) เพื่อให้ข้อความอ่านง่ายขึ้นได้ [08:12]
4. การปรับระยะห่าง (Spacing) [08:53]
- ระยะห่างภายใน (Padding): ปรับระยะห่างจากขอบเนื้อหาเข้าไปด้านใน [09:01]
- ระยะห่างภายนอก (Margin): ปรับระยะห่างระหว่าง Content กับส่วนอื่นๆ เช่น การเว้นระยะด้านบนหรือด้านล่าง [09:31]
5. การปรับแต่งสีตัวอักษรและหัวข้อ [10:16]
- สีข้อความและลิงก์: กำหนดสีตัวอักษรปกติ สีลิงก์ และสีเมื่อเอาเมาส์ไปชี้ (Hover) [10:21]
- สีหัวข้อ (H1 - H5): สามารถเลือกสีเฉพาะสำหรับตัวที่เป็นหัวข้อ (Header Tag) และกำหนดความหนาของตัวอักษรได้ [10:54]
ข้อแนะนำ: หากคุณตั้งค่าสีหรือระยะต่างๆ แล้วไม่พอใจ สามารถลบข้อมูลในช่องนั้นๆ ให้ว่างแล้วกด Save ระบบจะคืนค่ามาตรฐาน (Default) ให้ทันทีครับ [05:24]
