圖示
附註:
大部分的網站(如果不是所有網站的話)都有圖示,因此作者可以透過簡單的方式參考圖示。
圖示參考為 :<iconname>:
表示法。 由於有多種方式可以在瀏覽器中實作圖示,例如純css類別、圖示字型或SVG,因此我們提供非侵入式方式來支援所有這類專案。
樣板專案包含自動機制,可將SVG插入圖示`\`中,因為這是處理圖示最常見的方式。
雖然程式碼中需有某些圖示(例如區塊中參照的圖示),但有時作者會需要新增和參照新的圖示,並持續更新。 這些圖示可以而且應該與下的內容共存 /icons/
資料夾中的變數(例如: Sharepoint或Google Drive)。 這些圖示的參照方式與使用時的完全相同。 :<iconname>:
表示法。 這可讓行銷人員新增和更新他們需要的內容圖示,而不會依賴程式碼變更。
範例:
內容結構:
此 :<iconname>:
可以插入作為所有「預設內容」建構的一部分。
程式碼:
圖示為預設內容,且樣式為專案特定的CSS程式碼。 如果載入任何SVG需要任何JavaScript,則可視需要加以調整。
此程式碼包含在範本中,不需要複製。
recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec