转载:wordpress自定义网站地址栏前图标的方法

原文链接 http://www.biesky.com/index.php/archives/342

一、添加网站地址栏前面图标(Icon)的方法

经常都可以看到网站地址栏前面,也就是http前面有个网站标识的图标,一直没去研究到底是怎么回事,直到有了自己的网站后,才开始寻找。那现在就让我们一起开始,给自己的网站增添点个性标识图标吧!

1,首先,要先制作好标识专用格式的图标。格式是.ico的,所以可以下载专用的icon图标软件或是到一些相关的在线生成网站去直接制作ico格式的图标,并命名,比如我使用的biesky.ico

2,其次,把制作完成后的命名好的ico图标上传到网站服务器的根目录下。(注意这里图标的路径是得绝对路径)

3,最后,插入一段代码。目前网上有两种方法,这里采用其中一种,是经我测试成功的。在后台模板的header.php(wordpress的用户)或页面源文件(主要指非Wordpress博客)的标签之间插入如下代码:

<link rel="shortcut icon" href="biesky.ico" mce_href="biesky.ico" />

另外这种,我这里没成功,可能和我是wordpress的关系。可以试下。一般网站代码:

<link rel=”Shortcut Icon” href=”http://www.biesky.com/biesky.ico”>

PS:如果是wordpress的用户,完全可以下个插件,大多数浏览器都可以显示了(而且支持动态图标)。使用方法:下载、上传、激活插件后,到 WP后台的“设置”菜单的“Favicon Head”项中,设置图标的存放路径(默认为网站根目录,我的文件名biesky.ico),保存设置后,就会在浏览器地址栏、标签栏、收藏夹中显示出网站站的图标。

为WordPress 3.0的自定义菜单链接添加栏目图标

WordPress 3.0 为了增强 CMS 功能,加入了自定义菜单的功能,除了定义菜单项目外,还可以菜单定义各个项目的 CSS Class。我们可以利用这个功能来为菜单项目添加一个个性图标。

在 WordPress 3.0 的 Appearance(外观)-》 Menus(菜单)面板里我们可以看到自定义菜单的设置,首先点击“Creat Menu”,再在左栏勾选需要的菜单项目后点击“Add to Menu”可以把勾选的项目添加到刚才建立的自定义菜单里。这是展开菜单项可以看到相关项目的参数。

默认情况下能修改的参数很少,这时点击屏幕左上角的“Screen Options(屏幕参数)”,把“Show advanced menu properties(显示高级菜单属性)”里的项目全部勾选,我们就可以看到更多的参数。以本文题图为例,为各个项目分别加上 Home、Advertise、Contact、Archives 和 About 的 CSS Class,这样在前台调用菜单时,这些项目将拥有一个自定义的 CSS Class,接下来我们可以通过 CSS 为这些项目加上图标。
Read more

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

建好新blog啦。。

我表示各种不会用……

我什么都不知道囧

发表页面下面那些是干啥用的瓦都不明白……

以前用各种简单的习惯了…………

(自定义字段是啥= =)

(发送引用我用不到了吧…………)

右下角的推按钮可能需要翻墙看= =

有点抽……

主题慢慢搞= =

我已经忘了CSS了…………

瓦又不懂PHP…………

各种囧

以上…………

 
人类会为了自己的行为找到任何理由。为了罪恶找到任何辩解。为了安全找到任何藉口。但只有一样绝对不会拿出来的东西。自己的懦弱。
KIKKA