テーマを作成する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Content Hubを設定するには、スーパーユーザーであるか、ユーザーグループポリシーを通じて必要な権限が付与されている必要があります。
テーマを作成するには:
-
Manage
をクリックします。 -
Manageページで、「Themes」をクリックします。
-
Themesページで、テーマ
をクリックします。 -
Themeダイアログで、新しいテーマの名前を入力し、「Save」をクリックします。
-
テーマ管理ページで、テーマをカスタマイズします。リアルタイムプレビューでは、選択したオプションを適用したときにWebページがどのように表示されるかを確認できます。テーマ要素には、カスタム見出し、ボタンの色、スタイル、テキストケース、フォントが含まれます。テーマ設定は、次の3つのフォントタイプをサポートしています。
フォント
形容
Default
Sitecore Content Hubフォント(Open Sans)を選択します。
Google font
使用可能なGoogleフォントのリストからフォントを選択します。
Custom
カスタムフォントを適用します。このフォントタイプを使用するには、「CSS」タブにフォント宣言を配置し、Customフォントタイプを選択してから、テキスト領域にフォントファミリ名を挿入する必要があります。
-
「 Save」をクリックします。
Content Hubは、変更が保存されるときに適用されます。テーマの更新に失敗した場合、Content Hubは最後に使用されたテーマを読み込みます。
カスタムCSS
ポータル・ページの個々のスタイル・アスペクトをオーバーライドするには、「 CSS 」タブの内容をカスタマイズします。たとえば、デフォルトのパディング、マージン、およびその他のHTML属性を変更できます。
Improvementsバナーのスタイルは、Knockoutではimprovements-banner、Reactではch-improvements-bannerという名前の特別なスタイル クラスを使用して変更できます。ナビゲーション メニューの高さを変更した場合は、次のKnockoutの例に示すように、Improvementsバナーの位置をそれに応じて調整する必要があります。
CSSの変更を特定のページにのみ適用する場合は、そのページのCSSタブを使用する必要があります。これにより、その特定のページの一般的なCSSがオーバーライドされます。テーマを作成するときは、名前にスペースを使用しないでください。たとえば、My-ThemeやMyThemeを使用します。ただし、スペースを含むテーマ名を参照する場合は、参照内のスペースをハイフンに置き換えてください。また、テーマのフォントをカスタマイズする場合は、公開リンクを使用してください。
Content HubをReactベースのバージョンに移行すると、以前に実装されたカスタマイズに影響する可能性があります。この特定の状況では、最後の手段としてのみCSSのカスタマイズを使用することをお勧めします。