前言介紹
- 這款 WordPress 外掛「RS 525icons」是 2016-12-08 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2022-01-10，距離現在已有 1508 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.8 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
runestro |
外掛標籤
font | 525icons | fontello | font icon | Font Awesome |
內容簡介
這個外掛程式的 525icons CSS 檔案和字型檔都是托管在 jsDelivr CDN 上，因此這個外掛非常快速和輕量。
您可以在 https://525icons.com/glyphs.html 找到您需要的圖示名稱。
在那裡，您可以點選任何圖示，將其名稱複製到剪貼簿中。前綴‘ico-‘ 將被省略，因為您只需要使用簡碼中的名稱。
簡碼語法: [ico iname=?]
注意！如果您需要‘ico-twitter’的話，請寫成‘twitter’。
例如：[ico iname=’twitter’] 或 [ico iname=twitter]
所生成的 HTML 如下：
<i class='ux ico-twitter'></i>
這就是顯示圖示所需的代碼。
您可以包含以下的可選參數，這些參數將添加內嵌樣式到 HTML 代碼中：
[ico isize=? iborder=? ibordercol=? iradius=? ipadding=? imargin=? icolor=? ibg=? ivalign=?]
isize = 字型大小 (必須加上：px、em、rem、pt、%、x-large、large、small 等)
iborder = 邊框大小 (以 px 指定，僅輸入數字)
ibordercol = 邊框顏色 (#HEX、RGB、RGBA、標準網頁顏色名稱等)
iradius = 邊框半徑 (以 px 指定，只輸入數字)
ipadding = 內邊距 (以 px 指定，僅輸入數字)
imargin = 邊距 (以 px 指定，僅輸入數字)
icolor = 顏色 (#HEX、RGB、RGBA、標準網頁顏色名稱等)
ibg = 背景顏色 (#HEX、RGB、RGBA、標準網頁顏色名稱等)
ivalign = 垂直對齊 (以 % 指定，只輸入數字)
所有選擇器的預設值都是「空白」，除了：border-radius=’0′ 和 border-color=’black’。
(僅使用 [ico] 簡碼時，會生成預設圖示，其設置為 ‘ico-wordpress’。預設大小繼承自頁面 CSS。)
進階選項：
除了主要的 CSS 檔案 ‘525icons.min.css’，此外，此外掛還會使用文件 ‘css/styles.css’，
這裡有一組常見的 HTML 顏色名稱類別，以及一些大小類別。
類別 ‘ispin’ 會讓圖示無限旋轉，可用於旋轉和刷新圖示。
關於類別和內嵌樣式：
此簡碼：
[ico iname=twitter icolor=darkblue isize=24px]
會生成如下的內嵌樣式：
<i class='ux ico-twitter' style='font-size:24px;color:darkblue'></i>
而此簡碼：
[ico iname=’twitter darkblue xl’]
則會生成一下 HTML 代碼，呼叫 CSS 檔案中的類別名稱：
<i class='ux ico-twitter darkblue xl'></i>
如果您使用其他類別，則必須在 ‘iname’ 之後添加它們（它們必須在引號內，並在它們之間加上空格）。
例如，如果您要使用指向上的箭頭，請使用 ‘rotate90’：
[ico iname=’circle-arrow rotate90’]
旋轉類別對於箭頭和媒體播放器圖示非常有用。請查看 https://525icons.com/examples.html
請參考 ‘css/styles.css’ 和 https://525icons.com/fonts/525icons.css，了解更多的樣式選項。
以下是一些可用的樣式類別：
大小類別：
.lg (字型大小: 1.33333333em)
.xl (字型大小: 24px)
.i2x (字型大小: 32px)
.i3x (字型大小: 48px)
.i4x (字型大小: 64px)
.i5x (字型大小: 80px)
.i6x (字型大小: 96px)
.i7x (字型大小: ...
原文外掛簡介
The 525icons css-file and font files are hosted at jsDelivr CDN, so this plugin is fast and lightweight.
Find the names of your desired icons at https://525icons.com/glyphs.html.
There you may click on any icon to copy its name to the clipboard. The ‘ico-‘ prefix is omitted, as you need only the name for the shortcode.
Shortcode syntax: [ico iname=?]
Notice! Write ‘twitter’ if you want ‘ico-twitter’.
eg.: [ico iname=’twitter’] or [ico iname=twitter]
Generated HTML will be:
which is the code needed to show the icon on the page.
You may include following optional parameters, which will add inline styles to the HTML code:
[ico isize=? iborder=? ibordercol=? iradius=? ipadding=? imargin=? icolor=? ibg=? ivalign=?]
isize = font-size (you must add: px, em, rem, pt, %, x-large, large, small etc.)
iborder = border-size (specified as px, write number only)
ibordercol = border-color (#HEX, RGB, RGBA, standard web color name, etc.)
iradius = border-radius (specified as px, write number only)
ipadding = padding (specified as px, write number only)
imargin = margin (specified as px, write number only)
icolor = color (#HEX, RGB, RGBA, standard web color name, etc.)
ibg = background-color (#HEX, RGB, RGBA, standard web color name, etc.)
ivalign = vertical-align (specified as %, write number only)
Default values for all selectors are ’empty’, except: border-radius=’0′ and: border-color=’black’.
(The shortcode [ico] alone will generate a default icon, which is set to the ‘ico-wordpress’. The default size is inherited from the page css.)
Advanced options:
In addition to the main css file, ‘525icons.min.css’, the plugin utilizes the file ‘css/styles.css’,
where there is a set of classes with standard HTML color names, plus some size classes.
The class ‘ispin’, makes the icon spin infinitely, usable for spin and refresh icons.
About classes and inline styles:
This shortcode:
[ico iname=twitter icolor=darkblue isize=24px]
will generate inline styles like:
while this shortcode:
[ico iname=’twitter darkblue xl’]
will generate following HTML-code, calling up classnames in the css files:
If you use additional classes, you must add them after ‘iname’ (and they must be inside the iname apostrophes – with space between them).
For example, if you want an arrow pointing upwards, use ‘rotate90’:
[ico iname=’circle-arrow rotate90′]
The rotate classes are useful for arrows and mediaplayer icons. Check out: https://525icons.com/examples.html
Take a look at ‘css/styles.css’ and https://525icons.com/fonts/525icons.css, for more styling options.
Here are some of the available style classes:
Size classes:
.lg (font-size: 1.33333333em)
.xl (font-size: 24px)
.i2x (font-size: 32px)
.i3x (font-size: 48px)
.i4x (font-size: 64px)
.i5x (font-size: 80px)
.i6x (font-size: 96px)
.i7x (font-size: 112px)
.i8x (font-size: 128px)
.i9x (font-size: 144px)
.i10x (font-size: 160px)
Border radius (set as px):
.radius6
.radius8
.radius12
.radius36
Rotate classes:
.rotate45
.rotate90
.rotate135
.rotate180
.rotate225
.rotate270
.rotate315
You may choose to write HTML code instead of shortcodes, like this:
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「RS 525icons」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 1.1 | 1.2 | 1.3 | 1.4 | 1.5 | 1.6 | 1.7 | 1.8 | 1.9 | 2.0 |
延伸相關外掛（你可能也想知道）
WP Font Awesome 》此外掛可讓您輕鬆地透過 HTML 或內建的簡碼處理器，嵌入 Font Awesome 圖示至您的網站。, 功能, , 支援簡碼。範例：對於 Font Awesome 5 [wpfa5s icon=""]、[...。
Elegant Themes Icons 》這個外掛讓您輕鬆地在 WordPress 網站上整合 Elegant Themes 字型圖標集。只需安裝這個外掛，您就可以開始使用。圖標可使用 HTML 標籤或短代碼插入。, 您有兩...。
Material Design Icons 》這款外掛可以在 WordPress 的頁面和文章中使用超過 1000 個 Material Design 圖示，使用者可以透過簡易的縮寫或 HTML 標籤插入圖示。, 功能, , 縮寫產生器 - ...。
Ionicons Official 》此外掛提供了一個簡單的[icon] 短代碼，可輕鬆地新增圖示。例如，使用[icon name=ion-earth]即可新增美麗的地球圖示。您也可以在 HTML 中使用此外掛，如下所...。
WP Ionic Icons 》此外掛可讓您輕鬆地使用 HTML 或內置的短碼處理程序將 Ionicons 嵌入到您的網站中。, 特色, , 支援短碼。範例： [wpion icon=""], 使用短碼在選單中加入 Ioni...。
Smart Icons For WordPress 》, 如果您有時間，請給這個外掛留下評價。我們需要您的支持和鼓勵，以繼續開發更棒的外掛給您。, , 智慧型 WordPress 圖示 外掛為您帶來來自 Font Awesome 的...。
Post Featured Font Icon 》文章特色圖示外掛程式：允許將字體圖示加入文章標題並提供選項，讓我們能夠, 使用字體圖示來替換文章縮圖。, 支援：, , dashicons, genericons, font-awesome...。
WP Elusive Iconfont 》Elusive Iconfont 是含有超過 270 個象形字的字型集。這些圖示可以無限縮放，並且兼容螢幕閱讀器。, 可於以下網址查看完整的 270+ Elusive Iconfont 圖示列表...。
AwesomePress 》具備擴展字體圖標支援的 WordPress 全尺寸 Font Awesome 字體 Icon 套件。可啟用 Font Awesome 字體 Icon 套件於 WordPress 中，Icon 可使用 HTML Code、PHP ...。
KDC Dashboard 》與KDC團隊連接的最簡單方式。。
WPBatch icons Shortcode 》這個外掛可以幫助您添加任何種類的圖示，包括顏色、背景、間距、大小和其他功能。, 請查看演示：WPBatch Icons Shortcode, 功能包括：, , 短代碼 - 您可以使...。
Coothemes Icons 》Coothemes Icons 外掛能幫助您在網站的文章和頁面中插入圖示。 其圖示庫包含超過 2,000 個圖示。, 功能, *包含超過 2,000 個圖示, *直接將圖示插入文章/頁面...。
Attach Font Awesome 》這個外掛會在 WordPress 的前端加入 Font Awesome 圖示庫，讓你可以在內容的任何地方使用 Font Awesome 的 CSS 類別。在安裝外掛後，在「設定 > 附加 Font Aw...。