アイコン
メモ:
ほとんどの Web サイトにアイコンがない場合は、アイコンを参照する簡単な方法があります。
アイコンは :<iconname>:
表記法。 ブラウザーにアイコンを実装する方法は、プレーン CSS クラス、アイコンフォント、SVGのいずれかとして異なるので、これらすべてをサポートする非侵入的な方法を提供しています。
ボイラープレートプロジェクトには、アイコンを処理する最も一般的な方法であるので、SVGをアイコン'\'に挿入する自動メカニズムが含まれています。
一部のアイコンはコード内に置く必要がありますが(ブロック内で参照されているアイコンなど)、作成者が新しいアイコンを追加して参照し、継続的に更新する必要がある場合があります。 これらのアイコンは、 /icons/
コンテンツソース内のフォルダー ( 例: SharePoint またはGoogle Drive)。 これらのアイコンは、 :<iconname>:
表記法。 これにより、マーケターは、コードの変更に依存せずに、コンテンツに必要なアイコンを追加および更新できます。
例:
コンテンツ構造:
The :<iconname>:
は、すべてのデフォルトコンテンツ構成の一部として挿入できます。
コード:
アイコンはデフォルトコンテンツで、プロジェクト固有の CSS コードでスタイル設定されます。 SVGの読み込みに必要な JavaScript がある場合は、必要に応じて適応させることができます。
このコードは Boilerplate に含まれているので、コピーする必要はありません。
recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec