前言介紹
- 這款 WordPress 外掛「Links With Icons Widget」是 2013-09-28 上架。
- 目前有 1000 個安裝啟用數。
- 上一次更新是 2017-11-28，距離現在已有 2714 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
- 有 7 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
ethanpil |
外掛標籤
icons | widget | widgets | link widget | link with icon |
內容簡介
Links With Icons Widget 加入了一個新的自訂小工具，可以在連結旁顯示圖示。這個小工具動態地將連結新增到小工具管理員中每個小工具。此外，此外掛並不使用連結管理員，也不會創建任何自訂文章類型來存儲連結。所有數據都以小工具選項數據的形式自我包含在其中。圖像的添加和管理使用媒體庫和上傳程序。
使用方法：
在 WordPress 管理員中，轉到外觀...小工具
將「Links With Icons」小工具拖到側邊欄
選擇要顯示小工具的連結數目，然後保存小工具。
小工具將重新加載，以顯示所需連結數量的正確字段。
填寫數據（URL、標題和圖像）並保存小工具。
完成！現在您的小工具裡出現了漂亮的圖示。
重要注意事項：
這個小工具不關心圖示 / 圖像的大小。您應該保持一致（且小），讓它更美麗。
如果在填寫數據的小工具中減少了連結數目，多餘的連結數據就會永久刪除。
容器 UL 的預設 CSS 類別為 links-with-icons-widget
每個連結 li 都有一個 link-with-icon 類別。
您可以在自己的自訂 CSS 中設置和覆蓋默認值，例如：
.links-with-icons { /*自定義樣式*/ }
.link-with-icon a { /*自定義樣式*/ }
.link-with-icon img { /*自定義樣式*/ }
等等......
分叉在此：https://github.com/ethanpil/wp-links-with-icons-widget
此 WordPress 插件由 Los Angeles Web Design 帶給您。
未來計劃：
在小工具中顯示所選圖像的大小
為每個連結選擇圖示位置（左側（默認）或右側）
原文外掛簡介
Links With Icons Widget adds a new custom widget which displays links with icons alongside. The links are dynamically added to each widget in the widget admin. This plugin does not use the links manager and does not create any custom post type to store the links. All data is self contained in each widget as widget option data. Images are added and managed using the media library and uploader.
Usage:
In the WordPress admin, go to Appearance…Widgets
Drag the “Links With Icons” widget to a sidebar
Select the number of links the widget will display and save the widget.
The widget will reload with the proper number of fields for the number of links needed.
Fill out the data (URL, Title and Image) and save the widget.
Viola! The widget now appears with your pretty icons.
Important Notes:
The widget doesn’t care about icon / image size. You should probably keep it consistent (and small) so it will be pretty.
If you reduce the number of links in a widget after it has been populated with data, the excess links data will be deleted forever.
The default CSS class for the container UL is links-with-icons-widget
Each link li has a class of link-with-icon
You can style and override the defaults in your own custom css, like:
.links-with-icons { /* custom styles / }
.link-with-icon a { / custom styles / }
.link-with-icon img { / custom styles */ }
etc…
Fork away: https://github.com/ethanpil/wp-links-with-icons-widget
This WordPress plugin is brought to you by Los Angeles Web Design
Future Plans:
Display the size of selected image in the widget under the preview
Choose icon position for each link (left (default) or right side)
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Links With Icons Widget」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。