บล็อกกลุ่ม ข้อความ ปุ่ม และเส้นคั่น: การตั้งค่าคอมโพเนนต์เลย์เอาต์ทำงานอย่างไร

มีบล็อกพื้นฐาน 4 แบบที่ปรากฏในหลายส่วนของตัวสร้างร้านค้า ได้แก่ กลุ่มข้อความปุ่ม และ เส้นคั่น เมื่อใช้ร่วมกันจะช่วยให้คุณสร้างเลย์เอาต์ได้โดยไม่ต้องเขียนโค้ด เลือกบล็อกเพื่อเปิดการตั้งค่า

กลุ่ม

กล่องที่ใส่บล็อกอื่นไว้ข้างในและจัดเรียงให้ซ้อนกันหรือเคียงข้างกัน มีความกว้าง ระยะห่าง สี เส้นขอบ และชั้นสีทับเป็นของตัวเอง คู่มือฉบับเต็ม: จะใช้บล็อกกลุ่มเพื่อวางเนื้อหาเคียงข้างกันหรือเป็นคอลัมน์ได้อย่างไร

ข้อความและเส้นคั่น

ข้อความใช้สำหรับหัวข้อและย่อหน้า มีพรีเซ็ต ขนาด ระยะห่างบรรทัด และระยะห่างตัวอักษร เส้นคั่นคือเส้นที่ใช้แบ่งเนื้อหา และจะกลายเป็นแนวตั้งเมื่ออยู่ในกลุ่มแนวนอน ทั้งสองใช้ได้ทั้งเป็นบล็อกและเป็นส่วนเต็ม คู่มือฉบับเต็ม: จะใช้ส่วนและบล็อกข้อความ รูปภาพ และเส้นคั่นได้อย่างไร

ปุ่ม

ปุ่มกระตุ้นให้ลงมือทำ พบได้ในส่วนเปิดหน้า สไลด์ของสไลด์โชว์ หน้า 404 หน้าขอบคุณ และกลุ่มที่อยู่ข้างในส่วนเหล่านั้น

• ป้ายกำกับ: ข้อความบนปุ่ม
• ประเภทลิงก์: URL (หน้าเว็บหรือเว็บไซต์) อีเมล (เปิดอีเมล) เบอร์โทรศัพท์ (โทรออก) หรือ จุดยึด (เลื่อนไปยังส่วนหนึ่งในหน้าเดียวกัน) จากนั้นกรอก ลิงก์ เช่น https://example.com/products/your-link
• สไตล์: หลักรอง หรือ ลิงก์ (ลิงก์ข้อความธรรมดา) สีจะมาจากสีปุ่มของชุดสี
• ความกว้างบนเดสก์ท็อป และ ความกว้างบนมือถือ: พอดี กับข้อความ หรือ กำหนดเอง พร้อม ความกว้างที่กำหนดเอง เป็นเปอร์เซ็นต์

ปัญหาที่พบบ่อย

• สีปุ่มดูไม่ถูกต้อง: เปลี่ยนสีปุ่มหลักหรือปุ่มรองในชุดสี ดู ชุดสี
• ต้องการวางสองปุ่มเคียงข้างกัน: ใส่ทั้งสองปุ่มไว้ในกลุ่มที่ตั้งเป็นแนวนอน
• ข้อความเป็นสีผิด: ข้อความกำลังใช้ชุดสีตามส่วนหลักที่ใช้ชุดสีอื่น ปิด ใช้ชุดสีของส่วนหลัก แล้วเลือกชุดสีที่ต้องการ