기본적으로 대부분의 구성요소에서는 구성요소의 설정 대화상자에서 맞춤, 너비 및 간격 옵션을 지정하여 사이트를 구축할 수 있습니다. 하지만 개발자는 제공자가 사이트 테마와 일치하지 않는 방식으로 콘텐츠를 렌더링하지 못하도록 방지하기 위해 사용자정의 구성요소에서 이러한 옵션을 숨겨야 할 수 있습니다. 예를 들어, 단추를 가운데 두고 간격을 30픽셀로 유지하는 일관된 모양을 프로모션하려는 경우에는 테마의 components.json 파일을 편집하여 설정에서 이를 변경하는 옵션을 숨길 수 있습니다.
또한 사용자정의 구성요소의 초기 기본값을 무효화해야 할 수도 있으며, 이것 역시 components.json 파일을 편집하여 수행될 수 있습니다. 초기 값에 대한 모든 변경사항은 편집된 components.json 파일이 새 버전으로 업로드된 다음에 페이지에 추가된 구성요소에만 적용됩니다.
테마에서 한 구성요소에 대한 맞춤, 너비 또는 간격의 설정 옵션을 숨기려면 다음과 같이 하십시오.
true로 설정합니다.
"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
}
]
}
]