36

Theme Codename H 主题 Rev.85 更新概览

Theme Codename H 主题发布以来,我已相当久没介绍 Theme Codename H 的进展。或许是 WordCamp Beijing 2009 的原因,我觉得是时候介绍 Theme Codename H 这款 WordPress 主题 Rev.74 至 Rev.85 的更新细节了,并且其中所使用的四点技巧也可应用于其他 WordPress 主题。

1. 图片加载图标

正文图片以及评论 Gravatar 头像部分增加了正在加载的图标

在 Theme Codename H Rev.75 中,我为正文图片以及评论 Gravatar 头像部分增加了正在加载的图标(效果见上图)。方法:

准备“正在加载”图片 loading.gif 一枚,并在主题的 CSS 样式中增加:

img{background:url(images/loading.gif) no-repeat center center;}

2. 页面标题中显示页码

页面的标题部分已自动根据页码显示“- 第 n 页”字样

在 Theme Codename H Rev.76 中,页面的标题部分已自动根据页码显示“- 第 n 页”字样(效果见上图)。方法:header.php 文件中 <title>…</title> 标签内的对应位置添加该句:

<?php if( $paged == "" ) $pagenum = "";else echo $pagenum = "- 第 ".$paged." 页"; ?>

3. 搜索框显示正在搜索的关键词

搜索框显示正在搜索的关键词

当进入搜索结果页面时,右上角的搜索框将保持显示该搜索关键词,而非默认的“搜索全部文章”提示。方法:在搜索框表单文件,例如 widget-search.php 文件的 HTML 代码开始前插入搜索页判断语句:

<?php
   if (!is_search()) {
      $search_text = "搜索所有文章";
   } else {
      $search_text = $s;
   }
?>

而之后的输入框使用如下 HTML 代码,:

<input type="text" size="24" name="s" value="<?php echo $search_text; ?>" onfocus="if (this.value == '搜索所有文章') {this.value = '';}" onblur="if (this.value == '') {this.value = '搜索所有文章';}" />

4. 搜索引擎来源访客提示

通过主流搜索引擎来到 LiveSino 的访客都将看到推荐订阅的提示

通过主流搜索引擎来到 LiveSino 的访客都将看到推荐订阅的提示,点击任意链接该提示即会消失。方法:在 functions.php 文件中插入如下判断代码:

<?php
   function se(){
      $ref = $_SERVER['HTTP_REFERER'];
      $SE = array('.google.', '.bing.', '.yahoo.', '.baidu.', '.soso.');
      foreach ($SE as $source) {
         if (strpos($ref,$source)!==false) return true;
      }
      return false;
   }
?>

在 index.php 或其他需要出现提示的模板中插入以下显示代码:

<?php
   if (function_exists('se')) {
      if (se()) {
      echo "<div class=\"fuss\"><a href=\"http://feed.livesino.net\">想说啥?</a></div>";
      }
   }
?>

5. 微软翻译 Microsoft Translator Widget

具体介绍请参考「LiveSino 已增加 Microsoft Translator Widget」一文,或点击此处申请 Microsoft Translator Widget 的邀请。感谢 Microsoft Translator Widget 在 LiveSino 文章国际化过程中所有的帮助。 😛

6. 快速 RSS Feed 订阅模块

Theme Codename H 主题 Rev.85 更新概览

快速 RSS Feed 订阅模块换了个样子出现了,不知会不会保持到下个版本。不过目前已添加 Google Analytics 的事件追踪(Event Tracking)代码以分析该模块是否真的值得存在。

差不多了吧,若还有其他一些 Theme Codename H 的发现或疑问,欢迎留言提出。

36 条评论

发表评论

您正在使用 IE 6 浏览器访问本博客。简单几步,您就可以升级:Internet Explorer

X