[WordPress] 外掛分享: AwesomePress

首頁外掛目錄 › AwesomePress
WordPress 外掛 AwesomePress 的封面圖片
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
30+
安裝啟用
★★★★★
5/5 分(2 則評價)
4647 天前
最後更新
問題解決
WordPress 3.0+ v1.0 上架:2013-06-26

內容簡介

具備擴展字體圖標支援的 WordPress 全尺寸 Font Awesome 字體 Icon 套件。可啟用 Font Awesome 字體 Icon 套件於 WordPress 中,Icon 可使用 HTML Code、PHP Code 或 Shortcode 插入。
更多詳細資訊 – http://w3xperts.net/awesomepress

Font Awesome 提供可調整大小、顏色、陰影等所有 CSS 強大功能的可縮放 Vector Icon。

全套 302 Font Awesome Icon 清單可查看:http://fortawesome.github.io/Font-Awesome/icons/

要在 WordPress 網站上使用任何 Font Awesome Icon,你有兩個選擇:

HTML 選項

Font Awesome 網站上所有的代碼範例都適用:http://fontawesome.io/examples/

範例

首頁 Icon

<i class="icon-home"></i>

電話 Icon

<i class="icon-phone"></i>

電子信箱/訊息 Icon

<i class="icon-envelop"></i>

Shortcode 選項

你可以輕鬆地在文章、頁面和小工具中使用 Shortcode 顯示 Font Awesome Icon。

Shortcode 格式為 [icon name=name-of-icon],其中 name=X 為你想要使用的 Icon 類別。

首頁 Icon

[icon name=icon-home]

電話 Icon

[icon name=icon-phone]

電子信箱/訊息 Icon

[icon name=icon-envelop]

歡迎貢獻者

在 Github 上提交拉取請求

作者

Nazmul Hasan Rupok

外掛標籤

開發者團隊

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

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「AwesomePress」→ 直接安裝(推薦)

原文外掛簡介

Full Font Awesome Icon set for WordPress with extended font icons support. Enables the Font Awesome icon font set within WordPress. Icons can be inserted using either HTML Code, PHP Code or Shortcode.
More – http://w3xperts.net/awesomepress
Font Awesome gives you scalable vector icons that can instantly be customized size, color, drop shadow, and anything that can be done with the power of CSS.
A full list of the 302 Font Awesome icons is available: http://fortawesome.github.io/Font-Awesome/icons/
To use any of the Font Awesome icons on your WordPress site you have two options:
HTML Option
All code examples on the Font Awesome site apply: http://fontawesome.io/examples/
Examples
Home icon

Phone icon

Mail/Message icon

Shortcode Option
You can easily use a shortcode in your posts, pages and even widgets to display a Font Awesome icon.
The shortcode format is [icon name=name-of-icon], where name=X is the class of the icon you would like to use.
Home icon
[icon name=icon-home]

Phone icon
[icon name=icon-phone]

Mail/Message icon
[icon name=icon-envelop]

Contributors Welcome

Submit a pull request on Github

Author

Nazmul Hasan Rupok

延伸相關外掛

文章
Filter
Apply Filters
Mastodon