隱藏主題的元件對齊方式、寬度或間距選項

依照預設，建置網站的人員可在元件的設定值對話方塊中，指定大多數元件的對齊方式、寬度以及間距選項。不過，開發人員可能會將自訂元件的這些選項隱藏起來，讓提供者無法以與網站主題不一致的形式呈現內容。例如，若想要將按鈕置中並將間距設為 30 像素，以提昇成一致的外觀與感覺，您可以編輯主題的 components.json 檔案，隱藏設定值中變更這兩個樣式的選項。

若您想要覆寫自訂元件的最初預設值，也可以編輯 components.json 檔案。對最初值的所有變更只會套用至編輯過的 components.json 檔案上傳為新版本之後新增至頁面的元件。

隱藏主題中元件的對齊方式、寬度或間距設定值選項：

1. 在 Oracle Content Management 中，按一下左側導覽功能表中的開發人員。
2. 在「開發人員」頁面中，按一下檢視所有主題。
3. 在「主題」頁面中，選取要修改的主題，然後從滑鼠右鍵功能表中選擇開啟，或按一下動作列中的 。
4. 選取 components.json 檔案，然後按一下下載。
5. 在文字編輯器中開啟 components.json 檔案。
6. 新增物件以指定元件類型和 ID，並將想要隱藏的特性設為 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
               }
           ]
       }
   ]

7. 進行所需的變更之後，請將 components.json 檔案上傳至主題以作為新的版本。