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 的发现或疑问,欢迎留言提出。

  • zrqx008

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

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

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

  • qakcn

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

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

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

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

  • Pingback: Twitter Trackbacks for Theme Codename H 主题 Rev.85 更新概览 | LiveSino – LiveSide 中文版 [livesino.net] on Topsy.com()

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

  • Lony

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

  • 这主题难看死了额。。。额。。

    虽然还是比我那借来的好看。。

    我会被大家口水淹死不?

  • 什么时候发布

    什么时候发布啊

  • Aether

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

  • Arthur

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

  • zh99998

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

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

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

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

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

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

X