ซ่อนตัวเลือกการจัดแนว ความกว้าง หรือการเว้นระยะห่างขององค์ประกอบสำหรับธีม

องค์ประกอบส่วนมากอนุญาตให้บุคคลที่สร้างไซต์สามารถระบุตัวเลือกการจัดแนว ความกว้าง และการเว้นระยะห่างในไดอะล็อกการตั้งค่าขององค์ประกอบได้ อย่างไรก็ตาม ในฐานะผู้พัฒนา คุณอาจต้องการซ่อนตัวเลือกเหล่านี้บนองค์ประกอบที่กำหนดเอง เพื่อป้องกันผู้ให้ข้อมูลแสดงเนื้อหาในลักษณะที่ไม่สอดคล้องกับธีมของไซต์ ตัวอย่างเช่น หากคุณต้องการเพิ่มระดับรูปลักษณ์ที่สอดคล้องกัน ซึ่งจัดตำแหน่งปุ่มไว้ที่ศูนย์กลาง และเว้นระยะห่างไว้ที่ 30 พิกเซล คุณสามารถซ่อนตัวเลือกรายการเหล่านี้ในธีมได้โดยการแก้ไขไฟล์ components.json ของธีมได้

นอกจากนี้ ในบางครั้งคุณอาจต้องการแก้ไขค่าดีฟอลต์เริ่มแรกขององค์ประกอบที่กำหนดเอง ซึ่งสามารถทำได้โดยการแก้ไขไฟล์ components.json การเปลี่ยนแปลงใดๆ ที่เกิดขึ้นกับค่าเริ่มแรกจะมีผลใช้กับองค์ประกอบต่างๆ ที่เพิ่มในเพจ หลังจากที่อัปโหลดไฟล์ components.json ที่แก้ไขเป็นเวอร์ชันใหม่แล้ว

ในการซ่อนตัวเลือกการตั้งค่าสำหรับการจัดแนว ความกว้าง หรือการเว้นระยะห่าง สำหรับองค์ประกอบในธีม ให้ทำดังนี้

  1. ใน Oracle Content Management คลิก ผู้พัฒนา ในเมนูการนาวิเกตทางด้านซ้าย
  2. ในเพจ ผู้พัฒนา คลิก ดูธีมทั้งหมด
  3. บนเพจธีม ให้เลือกธีมที่จะแก้ไขและคลิก เปิด ในเมนูแบบคลิกขวา หรือคลิก ไอคอนเปิด ในแถบการดำเนินการ
  4. เลือกไฟล์ components.json แล้วคลิก ดาวน์โหลด
  5. เปิดไฟล์ components.json ในโปรแกรมแก้ไขข้อความ
  6. เพิ่มออบเจกต์เพื่อระบุประเภทและ ID องค์ประกอบ และตั้งค่าคุณสมบัติที่คุณต้องการซ่อนให้เป็น จริง
    ตัวอย่างเช่น รายการต่อไปนี้คือ รายการที่ซ่อนคุณสมบัติการจัดแนว ความกว้าง และการเว้นระยะห่างขององค์ประกอบปุ่มในไดอะล็อกการตั้งค่า
    "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
                }
            ]
        }
    ]
  7. เมื่อคุณเปลี่ยนแปลงตามที่ต้องการแล้ว ให้อัปโหลดไฟล์ components.json ไปยังธีมเป็นเวอร์ชันใหม่