網(wǎng)站logo收藏夾圖標(biāo)添加方法

日期：2014-09-24    所屬分類：建站技巧, 軟件工具   暫無(wú)評(píng)論   作者： WP小魏

百色seo建站博客這里給介紹一下怎么為網(wǎng)站添加收藏夾logo小圖標(biāo)也就是站標(biāo)？

如上圖：他們網(wǎng)址前面的圖標(biāo)是怎么添加的？

很多時(shí)候我們?cè)跒g覽器中輸入一些熟悉的網(wǎng)址的時(shí)候，在瀏覽器上方都能夠看到有一個(gè)個(gè)性的站點(diǎn)圖標(biāo)，通過(guò)這個(gè)站標(biāo)既可以更好的讓用戶識(shí)別我們的網(wǎng)站，又能夠顯示很正規(guī)，那么這個(gè)圖標(biāo)是怎么添加的呢？請(qǐng)參看以下教程步驟：

1、準(zhǔn)備一張等尺寸圖片比如：48*48或32*32等這樣的等寬高的圖標(biāo)；

2、下載ico生成軟件，（記得留下你的回復(fù)哦）。  密碼： ay8c

3、安裝完成后，添加圖片生成一個(gè).ico后綴的圖標(biāo)：

注意：選擇的圖片后綴只包含.jpg、.gif的圖片。
【轉(zhuǎn)換】-【編輯】

【保存圖標(biāo)】保存名稱一定是 favicon 然后保存：

4、最后一步：網(wǎng)站調(diào)用這里以wordpress網(wǎng)站為例：

①、首先 FTP 上傳 favicon.ico 圖標(biāo)到網(wǎng)站圖片文件夾 images 中；
②、然后進(jìn)入網(wǎng)站后臺(tái) -【外觀】-【編輯】找到頭部模板文件    header.php

③、添加以下代碼：

<link rel=”shorcut icon” href=”<?php bloginfo(‘template_directory’); ?>/images/favicon.ico” type=”image/x-ico”/>

注意：這里要確保調(diào)用的路徑正確。

④、更新文件。

5、完成以上步驟后在瀏覽器中輸入網(wǎng)址就可以看到圖標(biāo)了。

本文源于WP百科建站培訓(xùn)。

【上一篇】html分析
【下一篇】博客網(wǎng)站淘寶客功能添加