ส่วนเปิดหน้า คือแบนเนอร์ขนาดใหญ่ที่มีรูปภาพหรือวิดีโออยู่ด้านหลังข้อความและปุ่มของคุณ อยู่บนหน้าแรก และมักเป็นสิ่งแรกที่ผู้ซื้อเห็น
เพิ่มส่วนเปิดหน้า
- เปิดตัวสร้างร้านค้า แล้วเลือก หน้าแรก ในแท็บ หน้า
- ในแท็บ ส่วนต่าง ๆ คลิก เพิ่มส่วนใหม่ แล้วเลือก ส่วนเปิดหน้า จากกลุ่ม เนื้อหา
- เลือกสื่อ เขียนข้อความ แล้วคลิก เผยแพร่
ส่วนเปิดหน้ามีให้เลือกเฉพาะในหน้าแรก และเพิ่มได้หนึ่งอันต่อหน้า หากต้องการย้าย คัดลอก หรือซ่อน ดู ส่วนและบล็อก
สื่อและความสูง
- โหมด: เดี่ยว แสดงรูปภาพหรือวิดีโอหนึ่งรายการ แบ่งครึ่ง แสดงสองรายการ ซึ่งตั้งค่าใน สื่อ 1 และ สื่อ 2 ทั้งสองจะวางเคียงข้างกันเมื่อ ทิศทาง ของเนื้อหาเป็นแนวตั้ง และวางซ้อนบนล่างเมื่อเป็นแนวนอน บนมือถือทั้งสองจะเรียงซ้อนกันเสมอ
- สื่อ 1 และ สื่อ 2: รูปภาพหรือวิดีโอจากคลังสื่อของคุณ วิดีโอจะเล่นแบบปิดเสียงและวนซ้ำ เป็นพื้นหลังที่เคลื่อนไหว
- ความสูง: เล็กกลางใหญ่เต็มหน้าจอ (เต็มจอพอดี) รูปภาพ (ตามสัดส่วนของรูปภาพแรก จึงไม่มีส่วนใดถูกตัด) หรือ กำหนดเอง เมื่อเลือกกำหนดเอง ความสูงที่กำหนดเอง จะกำหนดความสูงเป็นสัดส่วนของความสูงหน้าจอ ส่วนเปิดหน้าที่เพิ่มใหม่จะเริ่มต้นที่รูปภาพ
ข้อความและปุ่มที่วางทับ
เลือกส่วนเปิดหน้าแล้วคลิก เพิ่มบล็อกใหม่ เพื่อเพิ่มเนื้อหาทับบนสื่อ ได้แก่ บล็อก ข้อความ สูงสุด 2 บล็อก ปุ่ม 2 บล็อก กลุ่ม 2 บล็อก และ เส้นคั่น 2 บล็อก การตั้งค่าของบล็อกเหล่านี้อยู่ใน บล็อกกลุ่ม ข้อความ ปุ่ม และเส้นคั่น: การตั้งค่าคอมโพเนนต์เลย์เอาต์ทำงานอย่างไร
ใน เลย์เอาต์ คุณจัดวางเนื้อหานี้ได้ดังนี้:
- ทิศทาง: แนวตั้ง เรียงบล็อกซ้อนกัน แนวนอน วางบล็อกเคียงข้างกัน เมื่อเลือกแนวนอน เรียงแนวตั้งบนมือถือ จะเรียงบล็อกซ้อนกันบนมือถือ
- ตำแหน่ง และ การจัดแนว: เลื่อนเนื้อหาขึ้นลงและซ้ายขวา เช่น ซ้ายล่างหรือกึ่งกลาง เว้นระยะเท่ากัน จะกระจายบล็อกให้ห่างกัน
- ความกว้างเนื้อหา: หน้า ให้เนื้อหาอยู่ภายในความกว้างหน้าของคุณ เต็ม ให้เนื้อหายาวถึงขอบจอ สื่อจะเต็มความกว้างเสมอ
ระยะห่าง (ใน ระยะห่าง) กำหนดช่องว่างระหว่างบล็อก และ ระยะขอบใน กำหนดช่องว่างรอบบล็อก
สีและชั้นสีทับ
- ชุดสี: สีข้อความและสีปุ่มของส่วนเปิดหน้า ดู ชุดสี
- ชั้นสีทับสื่อ: เพิ่มชั้นสีทับบนสื่อเพื่อให้อ่านข้อความได้ง่ายขึ้น จากนั้นตั้งค่า สีซ้อนทับ และ สไตล์ซ้อนทับ: ทึบ ปกคลุมสื่อสม่ำเสมอ ไล่ระดับสี ทำให้สีค่อย ๆ จางหายไป ทิศทางไล่ระดับสี (ขึ้น หรือ ลง) กำหนดว่าสีจะจางไปทางใด
แท็บ CSS ที่กำหนดเอง ให้คุณเพิ่ม CSS ของคุณเองสำหรับส่วนเปิดหน้านี้เท่านั้น
งานที่ทำบ่อย
- ส่วนหัวทับส่วนเปิดหน้า: เปิด ส่วนหัวโปร่งใส ในการตั้งค่าส่วนหัว ใช้ได้เฉพาะเมื่อส่วนเปิดหน้าอยู่ถัดจากส่วนหัวโดยตรง ดู การตั้งค่าส่วนหัว
- ชื่อเรื่องและปุ่มอยู่กึ่งกลาง: ตั้งทิศทางเป็นแนวตั้ง แล้วตั้งตำแหน่งและการจัดแนวเป็นกึ่งกลาง
- ข้อความสีขาวบนรูปสีสว่าง: เปิดชั้นสีทับสื่อ เลือกสีซ้อนทับเข้ม ๆ และสไตล์ไล่ระดับสี
ควรรู้
- หากวิดีโอในส่วนเปิดหน้าไม่เคลื่อนไหว ให้ตรวจสอบ เล่นวิดีโออัตโนมัติ ในแท็บการตั้งค่าระบบอัตโนมัติ เมื่อปิดอยู่ วิดีโอพื้นหลังจะหยุดนิ่ง ดู การตั้งค่าระบบอัตโนมัติ
- หากระบบไม่ทราบขนาดของรูปภาพแรก ความสูงแบบรูปภาพจะใช้ขนาดกลางแทน
- ต้องการแบนเนอร์ในหน้าอื่นใช่ไหม ส่วนเปิดหน้าใช้ได้เฉพาะหน้าแรก แต่ส่วนรูปภาพใช้ได้ทุกหน้า ดู ส่วนข้อความ รูปภาพ และเส้นคั่น