[WordPress] 外掛分享: Icono – Pure CSS icons

首頁外掛目錄 › Icono – Pure CSS icons
WordPress 外掛 Icono – Pure CSS icons 的封面圖片
70+
安裝啟用
尚無評分
990 天前
最後更新
問題解決
WordPress 2.6+ v1.5 上架:2015-01-11

內容簡介

這個輕量級的外掛可將Icono純CSS圖標樣式表 添加到你的WordPress網站中。

Icono

Icono是一個美麗的圖標包,除了一個小樣式表外,無需任何外部資源。不需要JavaScript或字型包。使用純CSS,可以將任何標籤轉換為圖標,只需給它適當的類別。
只需將icono類別添加到支援虛擬元素的任何元素中。

Icono由Saeed Alipoor創建和維護,目前有130個純CSS圖標。

短代碼

短代碼[icon name]和[icono name]可輕鬆插入文章或文字小工具內容中的圖標。請參閱http://saeedalipoor.github.io/icono/以獲得可用圖標及其相應的名稱。您可以直接粘貼名稱(帶或不帶“icono-“)或將name=”icono-name”作為參數。

還提供比例、旋轉、顏色和風格(用於自定義樣式)的參數。

範例

顯示一個左指向的大紅色箭頭:

[icon locationArrow scale=2 rotation=225 color=red]

注意:比例=1對應於大多數圖標的默認大小約為32 x 32像素。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.5) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Icono – Pure CSS icons」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

This lightweight plugin adds the Icono pure css icons stylesheet to your WordPress site.
Icono
Icono is a beautiful icon pack that needs no external resources except one small stylesheet. No javascript or font pack needed. Any tag can be made into an icon with pure CSS by giving it the appropriate class.
Just add an icono class to any type of element that supports the psuedo-element.
Icono was created and is maintained by Saeed Alipoor and currently features 130 pure CSS icons.
Shortcode
The shortcodes [icon name] and [icono name] are available for easy insertion of icons in post or text widget content. See http://saeedalipoor.github.io/icono/ for available icons and their corresponding name. You can simply paste the name (with or without “icono-“) or use name=”icono-name” as a parameter.
There are also the parameters scale, rotation, color and style (for custom styling) available.
Example
To show a big* red arrow pointing left:
[icon locationArrow scale=2 rotation=225 color=red]

Note: scale=1 corresponds with the default of around 32 x 32 pixels for most icons.

文章
Filter
Apply Filters
Mastodon