內容簡介
現在的 Multicons 版本 4.2 已經加入 Android 裝置的 favicon 支援。這個外掛是一個多重 favicon 產生器，可以自動插入所需的 meta tags，包括網站全域及儀表板 favicon、以及 Apple Touch / iPhone 圖示。請注意，需要更新圖示的連結位置。
不知道什麼是 favicon 嗎？「Favicon (簡稱為收藏夾圖示) 是網站或網頁特定的 16x16 或 32x32 像素的正方形圖示，也被稱為快捷方式圖示、網站圖示、URL 圖示或書籤圖示。網頁設計師可以通過多種方式創建這樣的圖示並將其安裝到網站（或網頁）中，大多數圖形瀏覽器將自動使用它。支援 favicon 的瀏覽器通常會在瀏覽器的地址欄和書籤列表中顯示網頁的 favicon。支援標籤式文件介面的瀏覽器通常會在標籤上顯示網頁標題旁的 favicon。某些程式允許使用者從硬碟上選擇自己的圖示，並將其與網站關聯。」—— 維基百科
Favicon 在建立網站品牌上的作用微不足道，但當使用者注意到 favicon 時，這往往是他們來到正確位置的好指標，這代表這個圖示是網站的視覺代表，不僅在瀏覽器地址欄中，也在書籤中使用。毫無疑問，我們的眼睛往往先看到圖像，而不是文字，這不僅是在網絡上，也是在 iPhone 和 iPad 上。
Multicons 產生的 meta data：
網站 favicon：
- 位置：網站 [如果未指定儀表板 favicon 則包括儀表板]
- 產生的 meta tags:
```html
```
儀表板 favicon：
- 位置：僅儀表板
- 產生的 meta tag：
```html
```
Apple Touch / iPhone 圖示：
- 位置：僅網站
- 加入 iDevice 特效，如光澤和圓角
- 產生的 meta tag：
```html
```
Apple Touch / iPhone 圖示 (預合成)：
- 位置：僅網站
- 不加入 iDevice 特效
- 產生的 meta tag：
```html
```
Android 高解析度圖示：
- 位置：僅網站
- 產生的 meta tag：
```html
```
Android 普通圖示：
- 位置：僅網站
- 產生的 meta tag：
```html
```
如果沒有提供圖像連結，則不會輸出程式碼，這樣可以避免儲存設定為空的 meta tags。如果未提供管理員圖像，此選項將預設為全域 favicon。
此外，此外掛包括用於建立所需圖像的樣本檔案。我們提供了以下的樣板：App Touch 圖示，普通 favicon 和 Android favicon。這些樣本圖像已經預先調整大小，準備好供創意思維使用。在自己喜歡的圖形編輯器中打開這些檔案，做必要的更改即可。
外掛標籤
開發者團隊
原文外掛簡介
Now includes favicons for Android devices. Completely re-written in version 4.2 Multicons is a multi-favicon code generator which automatically inserts the necessary meta tags for both favicons (site-wide and/or dashboard) and Apple Touch / iPhone icons. Please note that it will be necessary to update your icon link locations.
Not sure what a favicon is? “A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page’s favicon in the browser’s address bar and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title on the tab. Some programs allow the user to select an icon of their own from the hard drive and associate it with a website.” – Wikipedia
Favicons have a subtle, if small, role in building the branding of a website. When a user takes notice of a favicon it can often be a good indication they have come to the right place serving as visual representation of a website not only in the browser address bar but also when sifting through bookmarks. It is no secret that our eyes gravitate towards images before text and not just on the web but iPhones and iPads as well.
The meta data output by Multicons:
Website Favicon:
Location: Website [and Dashboard if no Dashboard Favicon is specified]
Meta tags generated:
link rel=”shortcut icon” href=”http://www.yoursite.com/favicon.ico”
link rel=”icon” type=”image/png” href=”http://www.yoursite.com/favicon.ico” /
Dashboard Favicon:
Location: Dashboard Only
Meta tag generated:
link rel=”shortcut icon” href=”http://www.yoursite.com/wp-content/favicon.ico”
Apple Touch Original / iPhone Icon
Location: Website Only
iDevice Effects Added such as Gloss and Rounded Corners
Meta tag generated:
link rel=”apple-touch-icon” href=”http://www.yoursite.com/apple-touch-icon.png”
Apple Touch Precomposed / iPhone Icon
Location: Website Only
No iDevice Effects Added
Meta tag generated:
link rel=”apple-touch-icon” href=”http://www.yoursite.com/apple-touch-icon.png”
Android High Resolution Icon
Location: Website Only
Meta tag generated:
link rel=”icon” href=”http://www.yoursite.com/icon-hires.png”
Android Regular Icon
Location: Website Only
Meta tag generated:
link rel=”icon” href=”http://www.yoursite.com/icon-reg.png”
If no image links are provided then no code is output thus, leaving a settings field blank will not bloat the site down with empty meta tags. If an Admin image is not provided this option will default to the Site-Wide Favicon.
This plugin includes sample files to assist in building the required images. We have included templates for the following: App Touch icons, Regular Favicons, and Android Favicons. These sample images are pre-sized and ready for a creative mind. Open these files in a graphics editor of your choice, make the necessary changes, save them in their appropriate file format and upload them.
Plugin URL
Multicons
Screenshots
View Screenshots
