テーマのコンポーネントの位置合せ、幅または間隔オプションを非表示

デフォルトでは、ほとんどのコンポーネントにより、サイトのビルド中にコンポーネントの設定ダイアログで位置合せ、幅および間隔オプションを指定できます。ただし、開発者は、カスタム・コンポーネントでこれらのオプションを非表示にして、コントリビュータがサイト・テーマとの一貫性のない方法でコンテンツをレンダリングすることを防止できます。たとえば、ボタンを中央に配置してスペースを30ピクセルに設定した一貫性のあるルック・アンド・フィールをプロモーションする場合は、テーマのcomponents.jsonファイルを編集して、設定で変更するオプションを非表示にできます。

カスタム・コンポーネントの初期デフォルト値をオーバーライドする必要がある場合もあります。この値は、components.jsonファイルを編集してオーバーライドすることもできます。初期値に対する変更は、編集されたcomponents.jsonファイルが新しいバージョンとしてアップロードされた後にページに追加されたコンポーネントにのみ適用されます。

テーマ内のコンポーネントの位置合せ、幅または間隔に関する設定オプションを非表示にするには:

Oracle Content Managementで、左側のナビゲーション・メニューで「開発者」をクリックします。
「開発者」ページで、「すべてのテーマの表示」をクリックします。
テーマ・ページで、変更するテーマを選択し、右クリック・メニューで「オープン」をクリックするか、アクション・バーのをクリックします。
components.jsonファイルを選択し、「ダウンロード」をクリックします。
components.jsonファイルをテキスト・エディタで開きます。

オブジェクトを追加してコンポーネント・タイプおよびIDを指定し、trueと等しくないプロパティを設定します。

たとえば、設定ダイアログでボタン・コンポーネントの位置合せ、幅および間隔のプロパティを非表示にするエントリは、次のとおりです:

"type":"scs-button",
"id":"scs-button",
"hideAlignmentAndWidth": true,
"hideSpacing": true,

ノート:

IDフィールドの値は大/小文字が区別されます。

ボタン・コンポーネントのデフォルトの位置合せおよび間隔プロパティをオーバーライドする場合は、初期値の指定方法の例を次に示します:

"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": "scs-component",
                "id": "StarterComponent",
                "themed": true
            },
            {
                "type": "scs-component",
                "id": "StarterFooter",
                "themed": true
            }
        ]
    }
]

希望する変更を行ったら、components.jsonファイルを新しいバージョンとしてテーマにアップロードします。