× 422字 × 6阅

添加网页图标 Favicon

之前在用 wp 免费博客的时候,曾经惊喜地发现可以自定义 favicon 也就是网页图标,直接在后台上传便可。后来 blogger 也推出了相同的功能。然而独博使用的 wp 却找不到设置 favicon 的地方。但是这么多独博都有 favicon,肯定是有方法的。官网上的 Creating a Favicon 就详细介绍了如何创建 Favicon,中文译文我在另一个网站上找到了,叫为自己的WordPress博客创建一个Favicon。中文译文有些出入,建议直接读英文。

以下是我创建 favicon 的基本步骤:

  1. 在线创建 favicon.ico 的网站创建自己的 .ico 图标。
  2. 下载 favicon.ico 文件,上传到当前 theme 文件夹根目录下。(如果原来里面就有 favicon.ico 文件,请先删除再上传新的;或者替换。)
  3. 上传 favicon.ico 文件到 public_html 根目录下(比如 http://example.com/favicon.ico),可以显示在博客订阅器中。
  4. 为了使 Favicon 显示在比较旧的显示器中,还需在 head.php 中找到以 <link rel="shortcut icon" 开头,以 /favicon.ico" /> 结尾的句子,如果有,则替换成以下句子;如果没有,则在 <head> 后面添加以下句子:
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" /></link>

最终效果如下图:

favicon
上回说到 Favicon,这次由于之前被网页标题(title)的事情所困惑,所以解决后赶紧做个记录。 着手 WP 后,逐渐发现各种玄机。关于 <title> 也是可以修改成自己喜欢的样式。文章WordPress主题制作全过程(五):制作header.php不仅讲解了 <title>,更是升华到整个 head.php 制作。不过今天我主要还是做 <title> 的记录。 到后台 head.php 文件中,找到语句 <title></title>,然后替换为以下: <title><?php if ( is_home() ) { bloginfo('name'); echo " | "; bloginfo('description'); } elseif ( is_category() ) { single_cat_title(); echo " | "; bloginfo('name'); } elseif (is_single() || is_page() ) { single_post_title(); echo " | "; bloginfo('name'); } elseif (is_search() ) { echo "Search Results"; echo " | "; bloginfo('name'); } elseif (is_404() ) { echo 'Not Found'; echo " | "; bloginfo('name'); } else { wp_title('',true); } ?></title> 以上添加的 php 代码运用了条件判断,针对不同的页面采用不同 title,这里解释一下这几个条件标签。 is_home():当前页面为主页时返回true is_category():当前页面为分类页时返回true is_single():当前页面为单文章页时返回true is_page():当前页面为单页面时返回true 更详细的内容参阅 WordPress 文档:条件标签 以上参数后面的设置都可以根据自己的喜好进行......
点击加载Disqus评论