สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การจัดการตำแหน่ง TOP (ส่วนบนสุดของเว็บไซต์)" สำหรับผู้ใช้งาน Template ของ Hitztheme เพื่อปรับแต่งแถบข้อมูลด้านบนสุดให้สวยงามและเหมาะสมกับการใช้งานครับ
โดยมีสรุปเนื้อหาและขั้นตอนการตั้งค่าดังนี้:
1. การเข้าถึงเมนูตั้งค่า [00:56]
- ไปที่หลังบ้านของเว็บไซต์ เลือกเมนู Extensions > Templates > Styles
- คลิกเข้าไปที่ Template ที่ใช้งาน และเลือกแถบ "ปรับโครงสร้างหน้าแรก" (Home Page Structure) [01:24]
- หัวข้อแรกที่จะเจอคือ ส่วนที่ 1: Top
2. การปรับแต่งภาพรวมส่วน Top [01:51]
- การแสดงผล: สามารถเลือก "แสดง" หรือ "ไม่แสดง" แถบท็อปทั้งหมดได้ [02:03]
- ขนาด (Width): เลือกได้ 2 แบบ คือ Center (จำกัดความกว้างตามเนื้อหาหลักประมาณ 80%) หรือ Full Screen (แสดงผลกว้างเต็มหน้าจอชิดขอบซ้าย-ขวา) [02:29]
- สีพื้นหลัง (Background Color): สามารถเลือกสีของแถบท็อปได้ตามต้องการ รวมถึงกำหนดสีแยกในส่วน Body ของท็อปได้ด้วย [03:32]
- ระยะห่าง (Padding): ปรับระยะห่าง บน-ขวา-ล่าง-ซ้าย เพื่อให้แถบดูหนาหรือบางลง [04:27]
- สีตัวอักษรและลิงก์: กำหนดสีข้อความ, สีลิงก์ และสีเมื่อเอาเมาส์ไปวาง (Hover) ได้อย่างอิสระ [05:01]
3. การจัดการตำแหน่งย่อยภายใน Top [06:03]
ในส่วน Top จะประกอบด้วย 3 ตำแหน่งหลัก ซึ่งใช้ระบบ Grid (รวมกันต้องไม่เกิน 12 คอลัมน์):
- Info Top: สำหรับใส่ข้อมูลการติดต่อ (เช่น เบอร์โทร, อีเมล) [06:10]
- Lang: สำหรับตัวเลือกภาษา [08:13]
- Social: สำหรับไอคอนโซเชียลมีเดีย [08:42]
เทคนิคการจัดวาง: คุณสามารถปรับขนาดคอลัมน์ของแต่ละส่วนได้ เช่น ตั้งค่าเป็น 8, 2, 2 เพื่อให้ข้อมูลติดต่อดูโดดเด่นที่สุด หรือตั้งเป็น 4, 4, 4 เพื่อให้ทุกส่วนมีขนาดเท่ากัน และยังสามารถกำหนดการชิดซ้าย/ขวา/กลาง ของแต่ละส่วนได้อีกด้วย [06:40]
หากคุณปรับแต่งจนรู้สึกว่าต้องการกลับไปใช้ค่าเริ่มต้น เพียงแค่ลบข้อมูลในช่องที่แก้ไขออกให้ว่างแล้วกด Save ระบบจะดึงค่า Default กลับมาให้ทันทีครับ [05:39]
