自 Theme Codename H 主题发布以来,我已相当久没介绍 Theme Codename H 的进展。或许是 WordCamp Beijing 2009 的原因,我觉得是时候介绍 Theme Codename H 这款 WordPress 主题 Rev.74 至 Rev.85 的更新细节了,并且其中所使用的四点技巧也可应用于其他 WordPress 主题。
1. 图片加载图标
在 Theme Codename H Rev.75 中,我为正文图片以及评论 Gravatar 头像部分增加了正在加载的图标(效果见上图)。方法:
准备“正在加载”图片 loading.gif 一枚,并在主题的 CSS 样式中增加:
img{background:url(images/loading.gif) no-repeat center center;}
2. 页面标题中显示页码
在 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 的访客都将看到推荐订阅的提示,点击任意链接该提示即会消失。方法:在 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 订阅模块
快速 RSS Feed 订阅模块换了个样子出现了,不知会不会保持到下个版本。不过目前已添加 Google Analytics 的事件追踪(Event Tracking)代码以分析该模块是否真的值得存在。
差不多了吧,若还有其他一些 Theme Codename H 的发现或疑问,欢迎留言提出。
36 条评论
zrqx008
最后那张图片看起有些不协调吧
2009 年 08 月 24 日 4:53 下午
Picturepan2
@zrqx008, 好吧~还在改额。
2009 年 08 月 24 日 10:25 下午
卜卜口の
@Lony @Picturepan2 我郁闷...默认的不支持嵌套...希望指教...
2010 年 02 月 16 日 6:38 上午
寻找自己
继续使用,应该都不会使用其他的主题了
2009 年 08 月 24 日 4:55 下午
寻找自己
@寻找自己, 请问下,为什么我的评论的回复按钮失笑了?
2009 年 08 月 24 日 5:00 下午
Picturepan2
@寻找自己, 哪个额?
2009 年 08 月 24 日 10:23 下午
寻找自己
@Picturepan2, 不好意思,昨天刚换了hosting server,结果就没事了,我昏。
2009 年 08 月 26 日 2:15 下午
起衣
又有大的更新了哦,我继续干着借代码的事情= =
2009 年 08 月 24 日 5:15 下午
Picturepan2
@起衣, 低调~ :P
2009 年 08 月 24 日 10:28 下午
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 下午
Picturepan2
@洁 < code>....< /code>
2011 年 03 月 28 日 2:11 上午
发表评论