องค์ประกอบส่วนมากอนุญาตให้บุคคลที่สร้างไซต์สามารถระบุตัวเลือกการจัดแนว ความกว้าง และการเว้นระยะห่างในไดอะล็อกการตั้งค่าขององค์ประกอบได้ อย่างไรก็ตาม ในฐานะผู้พัฒนา คุณอาจต้องการซ่อนตัวเลือกเหล่านี้บนองค์ประกอบที่กำหนดเอง เพื่อป้องกันผู้ให้ข้อมูลแสดงเนื้อหาในลักษณะที่ไม่สอดคล้องกับธีมของไซต์ ตัวอย่างเช่น หากคุณต้องการเพิ่มระดับรูปลักษณ์ที่สอดคล้องกัน ซึ่งจัดตำแหน่งปุ่มไว้ที่ศูนย์กลาง และเว้นระยะห่างไว้ที่ 30 พิกเซล คุณสามารถซ่อนตัวเลือกรายการเหล่านี้ในธีมได้โดยการแก้ไขไฟล์ components.json ของธีมได้
นอกจากนี้ ในบางครั้งคุณอาจต้องการแก้ไขค่าดีฟอลต์เริ่มแรกขององค์ประกอบที่กำหนดเอง ซึ่งสามารถทำได้โดยการแก้ไขไฟล์ components.json การเปลี่ยนแปลงใดๆ ที่เกิดขึ้นกับค่าเริ่มแรกจะมีผลใช้กับองค์ประกอบต่างๆ ที่เพิ่มในเพจ หลังจากที่อัปโหลดไฟล์ components.json ที่แก้ไขเป็นเวอร์ชันใหม่แล้ว
ในการซ่อนตัวเลือกการตั้งค่าสำหรับการจัดแนว ความกว้าง หรือการเว้นระยะห่าง สำหรับองค์ประกอบในธีม ให้ทำดังนี้
จริง
"type":"scs-button", "id":"scs-button", "hideAlignmentAndWidth": true, "hideSpacing": true,
"initialData": { "alignment": "center", "marginTop": 30, "marginBottom": 30
การป้อนรายการเต็มรูปแบบลงในไฟล์ components.json เพื่อระบุค่าดีฟอลต์และซ่อนตัวเลือกการจัดแนว ความกว้าง และการเว้นระยะห่างในไดอะล็อกการตั้งค่าขององค์ประกอบปุ่มที่ใช้ในธีมจะมีลักษณะดังนี้
[ { "name": "", "list": [ { "type": "scs-button", "id": "scs-button", "hideAlignmentAndWidth": true, "hideSpacing": true, "initialData": { "alignment": "center", "marginTop": 30, "marginBottom": 30 } } ] }, { "name": "Starter", "list": [ { "type": "component", "id": "StarterComponent", "themed": true }, { "type": "component", "id": "StarterFooter", "themed": true } ] } ]