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 条评论
  • zrqx008

    最后那张图片看起有些不协调吧

    2009 年 08 月 24 日 4:53 下午 回复

  • 寻找自己

    继续使用,应该都不会使用其他的主题了

    2009 年 08 月 24 日 4:55 下午 回复

  • 起衣

    又有大的更新了哦,我继续干着借代码的事情= =

    2009 年 08 月 24 日 5:15 下午 回复

  • qakcn

    那个……什么时候能发布新版下载

    2009 年 08 月 24 日 11:29 下午 回复

    • Picturepan2

      @qakcn, 不知额,看什么时候把其他改进搞定额。

      2009 年 08 月 25 日 5:22 上午

    • zrqx008

      @Picturepan2, 期待新版

      2009 年 08 月 25 日 12:51 下午

  • 张赢

    很好,作者代码简洁,说明详细,是个好主题!!!

    2009 年 08 月 25 日 9:44 上午 回复

    • Picturepan2

      @张赢, 好吧~ :D

      2009 年 08 月 25 日 2:29 下午

    • 张赢

      @Picturepan2, 真的,我是发自内心的。

      2009 年 08 月 25 日 11:00 下午

    • 张赢

      @Picturepan2, 不过希望能早点放出来,看到你用的 85 版的,我们这些粉丝很不甘心啊。

      2009 年 08 月 25 日 11:01 下午

    • 寻找自己

      @张赢, 应该不会放出来吧

      2009 年 08 月 26 日 9:48 下午

  • Amanda

    这主题难看死了额。。。额。。 虽然还是比我那借来的好看。。我会被大家口水淹死不?

    2009 年 08 月 25 日 4:33 下午 回复

  • Amanda

    我自个儿先闪。。。快啊。。拔腿就逃~~

    2009 年 08 月 25 日 4:34 下午 回复

    • Picturepan2

      @Amanda, 闪啥额?还没2分钟就心虚叻额?-.-

      2009 年 08 月 25 日 4:42 下午

    • Amanda

      @Picturepan2, 我又回来了。。虚的哦。。表太虚。。

      2009 年 08 月 25 日 5:04 下午

  • 寻找自己

    越来越不错的了,看来我没选错主题.其实想请教你,header上面的navigation(页页,资讯,体验,观点) 要怎样中间排列 ?

    2009 年 09 月 03 日 6:16 上午 回复

    • Picturepan2

      @寻找自己, text-align:center; nav 宽度设个合适的值。

      2009 年 09 月 03 日 9:18 下午

    • 寻找自己

      @Picturepan2, 感觉上我把你的主题改得乱七八糟,真不好意思

      2009 年 09 月 04 日 3:05 上午

  • Lony

    很喜欢的模板感觉很清新。不知道对于主流插件是不是都支持?另外不知道Picturepan2自己有没有什么完美支持该模板的插件推荐一下?

    2009 年 10 月 07 日 4:37 下午 回复

  • Bookmark TH

    这主题难看死了额。。。额。。 虽然还是比我那借来的好看。。 我会被大家口水淹死不?

    2009 年 10 月 07 日 5:10 下午 回复

  • 什么时候发布

    什么时候发布啊

    2009 年 11 月 24 日 5:07 下午 回复

  • Aether

    请问有没有Logo对应的PSD文件?很懒,不想慢慢改…… 如果有请发到我邮箱,感谢~

    2009 年 12 月 05 日 2:53 下午 回复

  • Arthur

    期待 Rev.85版的发布,因为偶自己不会改,呵呵~

    2009 年 12 月 23 日 3:40 下午 回复

  • zh99998

    期待~~期待~~ 很棒的主题呐

    2010 年 01 月 15 日 4:00 下午 回复

  • Windows 8中文网

    H9.0好漂亮,好期待发布。

    2010 年 01 月 29 日 11:24 上午 回复

  • zane

    你好! 我想请问下 如何让Theme Codename H 主题 Rev.75 支持侧边栏工具呢 ? 还有 Rev.95什么时候能放出来提供下载呀 ! 表示感谢。

    2010 年 02 月 24 日 11:34 上午 回复

    • Picturepan2

      @zane 请参考 Wordpress 官方文档。 具体发布日期不知。目前的状况是还没写完的。

      2010 年 02 月 24 日 11:55 上午

  • 使用了你的主题,想问下你文章中的代码是如何贴的,哪个code

    2011 年 03 月 27 日 2:51 下午 回复

发表评论