テーマを作成する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
!注Content Hubを設定するには、スーパーユーザーであるか、ユーザーグループポリシーを通じて必要な権限が付与されている必要があります。
テーマを作成するには:
-
**管理 :**mdiCogOutline: をクリックします。
-
管理ページで「テーマ」をクリックします。
-
テーマページで Themeをクリックしてください。
-
テーマダイアログで新しいテーマの名前を入力し、「保存」をクリックします。
-
テーマ管理ページでテーマをカスタマイズできます。リアルタイムプレビューでは、選択したオプションを適用した際のウェブページの様子を見ることができます。テーマ要素にはカスタム見出し、ボタンの色、スタイル、テキストケース、フォントが含まれます。テーマ設定は3種類のフォントタイプをサポートしています:
洗礼盤
概要
Default
Sitecore Content Hubフォント(Open Sans)を選択します。
Google font
利用可能なGoogleフォントのリストからフォントを選択します。
Custom
カスタムフォントを適用します。このフォントタイプを使用するには、CSSタブにフォント宣言を入れ、 Custom フォントタイプを選択し、テキストエリアにフォントファミリー名を挿入する必要があります。
-
「保存」をクリックします。
!注Content Hubは保存された変更を適用します。テーマ更新が失敗した場合、Content Hubは最後に使用したテーマを読み込みます。
カスタムCSS
CSSタブの内容をカスタマイズすることで、ポータルページの個別のスタイル要素を上書きできます。例えば、デフォルトのパディング、余白、その他のHTML属性を変更できます。
Improvementsバナーのスタイルは、KnockoutではImprovements-banner、Reactではch-improvements-bannerという特別なスタイルクラスで変更できます。ナビゲーションメニューの高さを変更している場合は、Improvementsバナーの位置もそれに合わせて調整する必要があります。以下のKnockoutの例に示されています:
.improvements-banner { top: 75px !important; }
!重要特定のページにのみCSSの変更を適用したい場合は、そのページのCSSタブを使うべきです。これにより、そのページの一般的なCSSが上書きされます。テーマを作成する際は、名前にスペースを付けないようにしてください。例えば、My-ThemeやMyThemeを使ってください。ただし、スペースを含むテーマ名を参照したい場合は、参照内のスペースをハイフンで置き換えてください。また、テーマフォントをカスタマイズしたい場合は、必ず公開リンクを使用してください。
!警告Content HubをReactベースのバージョンに移行すると、以前実装されたカスタマイズに影響が出る可能性があります。この特定の状況では、CSSカスタマイズは最後の手段としてのみ使用することを推奨します。