圖示

附註:

大部分的網站(如果不是所有網站的話)都有圖示,因此作者可以透過簡單的方式參考圖示。

圖示參考為 :<iconname>: 表示法。 由於有多種方式可以在瀏覽器中實作圖示,例如純css類別、圖示字型或SVG,因此我們提供非侵入式方式來支援所有這類專案。

樣板專案包含自動機制,可將SVG插入圖示`\`中,因為這是處理圖示最常見的方式。

雖然程式碼中需有某些圖示(例如區塊中參照的圖示),但有時作者會需要新增和參照新的圖示,並持續更新。 這些圖示可以而且應該與下的內容共存 /icons/ 資料夾中的變數(例如: Sharepoint或Google Drive)。 這些圖示的參照方式與使用時的完全相同。 :<iconname>: 表示法。 這可讓行銷人員新增和更新他們需要的內容圖示,而不會依賴程式碼變更。

範例:

檢視即時輸出

內容結構:

:<iconname>: 可以插入作為所有「預設內容」建構的一部分。

檢視檔案中的內容

程式碼:

圖示為預設內容,且樣式為專案特定的CSS程式碼。 如果載入任何SVG需要任何JavaScript,則可視需要加以調整。
此程式碼包含在範本中,不需要複製。

請參閱SVG載入程式碼

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