アイコン

メモ:

ほとんどの Web サイトにアイコンがない場合は、アイコンを参照する簡単な方法があります。

アイコンは :<iconname>: 表記法。 ブラウザーにアイコンを実装する方法は、プレーン CSS クラス、アイコンフォント、SVGのいずれかとして異なるので、これらすべてをサポートする非侵入的な方法を提供しています。

ボイラープレートプロジェクトには、アイコンを処理する最も一般的な方法であるので、SVGをアイコン&#39;\'に挿入する自動メカニズムが含まれています。

一部のアイコンはコード内に置く必要がありますが(ブロック内で参照されているアイコンなど)、作成者が新しいアイコンを追加して参照し、継続的に更新する必要がある場合があります。 これらのアイコンは、 /icons/ コンテンツソース内のフォルダー ( 例: SharePoint またはGoogle Drive)。 これらのアイコンは、 :<iconname>: 表記法。 これにより、マーケターは、コードの変更に依存せずに、コンテンツに必要なアイコンを追加および更新できます。

例:

ライブ出力を参照

コンテンツ構造:

The :<iconname>: は、すべてのデフォルトコンテンツ構成の一部として挿入できます。

ドキュメント内のコンテンツを参照

コード:

アイコンはデフォルトコンテンツで、プロジェクト固有の CSS コードでスタイル設定されます。 SVGの読み込みに必要な JavaScript がある場合は、必要に応じて適応させることができます。
このコードは Boilerplate に含まれているので、コピーする必要はありません。

SVG読み込みコードを参照

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec