カスタムフォントやスタイルを追加
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
ComponentビルダーのStylesタブでは、UIで利用可能な様々なスタイルや機能のルールや要素を作成できます。また、CSSコードとして独自の機能を追加することも可能です。例えば、UIやカスタム箇条書きでまだ利用できないフォントを追加したり、段落内のリンクの表示方法を変えたりできます。
ルールや要素にカスタムCSSを追加すると、そのスタイルはカスタマイズされたルールや要素で作成されたテーマに適用されます。
カスタムCSSエディターに入力するコードは、UIに設定されたスタイリングを上書きし、スタイルライブラリの他のユーザーを混乱させる可能性があります。したがって、利用可能なUIを使い、カスタムCSSのみで新機能を追加し、エディターの自動生成コードを上書きしないことを推奨します。
カスタムフォントを追加する
基本的なスタイルにAdobeフォントを含むカスタムフォントを追加できます。新しいフォントを使って、要素やテーマのタイポグラフィルールを作成できます。
スタイルライブラリにカスタムフォントを追加するには:
-
Stylesビルダーの左側ペインでFontsをクリックします。
-
ページ上部のAdd font libraryをクリックしてください。
-
Font type欄でCustom CSSをクリックします。
-
コードエディタで、以下のいずれかを行います:
-
@font-face {}ルール内にフォントを説明するCSSコードを貼り付けます。
-
あるいは、Fetch remote CSS fileをクリックしてCSSファイルのURLを貼り付ける方法もあります。
-
-
クリックSave。
カスタムCSSでルールや要素スタイルを追加
ルールや要素スタイルに新しいスタイルを追加するには:
-
ComponentビルダーでStylesタブをクリックします。
-
左側のペインで、カスタムCSSを追加したいルールまたは要素を選択し、custom CSSタブをクリックします。
-
コードエディターで、生成されたコードの後に新しい機能を加えた自分のCSSコードを追加してください。
注記コードエディターは、スタイルの他のタブに組み込まれた特徴から生成されたCSSコードを表示します。この生成されたコードは編集できませんが、追加は可能です。その後、コードエディターがあなたのコード構文を検証します。
-
コードが正しく完成したら、Saveをクリックします。
カスタムCSSタブの青い点は、ルールや要素にカスタマイズがあることを示します。
