精品博客 http://www.essentialblog.cn 精品博客，关注博客，评论博客，服务博客。 Sat, 11 Jul 2009 22:45:35 +0000 en hourly 1 http://www.essentialblog.cn/http://www.essentialblog.cn/image/cc.gif转载请遵循“署名-非商业性使用”的创作协议e-bloghttp://feedburner.google.comSubscribe with My Yahoo!Subscribe with BloglinesSubscribe with Google 精博第三次更换 WordPress 主题 http://feedproxy.google.com/~r/e-blog/~3/_CCj6ZN8YDQ/ http://www.essentialblog.cn/third-new-wordpress-theme/#comments Sat, 11 Jul 2009 22:45:35 +0000 Young http://www.essentialblog.cn/?p=2738

2007 年，我开始接触 WordPress 并开始用它来写博客。

当我弄明白 “主题 = Theme = 博客的皮肤”的时候，却又发现 “Topic” 和 “Theme” 都翻译成 “主题”，我就愣住了。因为博客的主题和 WordPress 的主题是两个不同的概念，前者表示博客涉及的话题及主要内容，而后者则是指博客的外观。

这次精博更换的是 WordPress 主题，而不是博客主题，精博将会一直围绕着 “关注博客、评论博客、服务博客” 的主题写下去，但是博客的外观则可能会更改。

精博最开始用的是 WordPress 的默认主题，记得那个时候 FeedSky 还在举办博客大赛。那次大赛我参加了，比赛结束后 FeedSky 送了我一本书和一个咖啡机。赛后不久，我就把默认的 WordPress 主题换成前～博客修改过的主题 —— typoxp-reloaded。那个时候前～博客已经不怎么更新了，但是还可以访问。现在前～博客不可以访问了，如果有朋友还在使用它修改的主题，记得把页脚的主题链接去掉。typoxp-reloaded 我大概用了一年。

去年是我的幸运年，虽然没有发财，但是却中了不少奖，其中一个就是 UBD 赠送的 Citrus Theme 主题——后来就成了精博的第三个主题，一直用到上个月。Citrus Theme 原来是卖几十块美金一个的，UBD 不给我分享，后来不久就免费了。如果您想要却找不到，可以留言或者发邮件给我，我再发给你。

Citrus Theme 免费后，我对它也就厌倦了，于是又想换主题，但这次我想自己动手做一个。刚好前阵子有一个叫 Ian 的老外在教别人如何制作 WordPress 主题，于是我就跟着学了。我把老外的整个系列都翻译完了，也跟着他的教程一步一步一个模板一个模板地创建，最后发现自己做出来的主题和他之前提供的样版 （shape) 是一模一样的，都是不能用的。为什么呢？因为那个主题上的 H1、H2、H3、H4、H5、H6 的字体都是一样的大！我想修复这个 Bug，可是至今仍然无解。

就在我翻译的同时，不小心发现了那个老外的招牌主题 —— Thematic，这个主题是免费的，并且具有以下两大优点：

1、在 WordPress 后台的小工具 （Widgets) 页面，您可以在侧边栏、静态页面的上下部、主页和单独日志的上中下三个位置、以及页脚的左中右三个位置插入小工具。

2、布局分两栏和三栏，一共有 5 种不同的效果供选择。

看到这两大优点加上黑白的配色，我就放弃了自己动手设计主题的念头了，况且老外自己的博客也是用这个主题，所以我也就直接用来做精博的第四个主题了。

如果您喜欢精博目前这个主题，可以点击这里下载。另外，我对这个主题进行了汉化，如果您喜欢，可以点击这里下载汉化文件，然后拷贝到该主题的 languages 文件夹里，然后使用中文版的 WordPress 或者把英文版的 WordPress 根目录里面的 wp-config.php 文件中的下面代码：

define ('WPLANG', '');

改成：

define ('WPLANG', 'zh_CN');

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/third-new-wordpress-theme/feed/ 0 http://www.essentialblog.cn/third-new-wordpress-theme/ 如何抓取电脑屏幕图片或视频? http://feedproxy.google.com/~r/e-blog/~3/xGEILv-KtHc/ http://www.essentialblog.cn/how-to-capture-pic-or-video-of-sites/#comments Fri, 10 Jul 2009 22:39:55 +0000 Young http://www.essentialblog.cn/?p=2753

sceenjelly

如果我要在博客上教别人做一件事，通常采取两种表达方式：一是图片加文字，来个图文并茂，例如 WordPress 安装教程；要不就是来个视频，图个全程记录，例如黑莓刷机教程。

而所用的图片和视频都是从电脑屏幕前抓取而来的，那么，如何抓取呢？下面是我的做法：

一、如何截取电脑屏幕图片？

Wordpress 安装教程的图片效果不是很好，因为是用 QQ 截的图，后来发现了一个 SnagIt 软件，截图效果很好（例如这篇文章里的截图），但是不能截取跳出窗口（如 QQ 弹出的新闻窗口）；所以现在我用 SnagIt 来截取页面视图,而用 QQ 来截取弹出窗口。

如果您不喜欢在电脑上安装软件，那么可以试试 Super Screenshot 这个提供在线截图服务的网站，不过网速不能太慢。

二、如何录制电脑屏幕视频？

至于黑莓刷机视频教程，我自认为效果是很不错的，因为清晰度还可以，如果下载来看那就是完美了。这种效果要归功于 BB FlashBack 这个软件。

BB FlashBack 是一款非常优秀的屏幕视频录制工具，录制的视频可以转化为 swf、flv、avi 等多种格式。

不过值得注意的是，SnagIt 和 BB FalshBack 的免费版都是有功能限制的，所以我建议您使用付费版的，如果您和我一样不舍得花钱，可以试用 30 天后重装系统，或者到谷歌和百度搜索破解版的，当然，如果您能找到免费的注册码那就更厉害了。

同样，也有一个提供在线录制屏幕视频服务的网站 —— Screenjelly，但是您要先安装最新版的 Flash Player 和 Java 这两个软件。通过 Screenjelly，您可以录制屏幕视频并发送到 Twitte、facebook 等社会媒体，但前提是您需要先验证 Twitter 帐号。现在 Twitter 被墙，想必没有多少国人有那个雅兴了。

您如有更好的抓取电脑屏幕图片或视频的方法，欢迎分享。

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/how-to-capture-pic-or-video-of-sites/feed/ 0 http://www.essentialblog.cn/how-to-capture-pic-or-video-of-sites/ 对付死链接的 5 种方式 http://feedproxy.google.com/~r/e-blog/~3/lJbfbgtUrPs/ http://www.essentialblog.cn/5-ways-to-fuck-broken-links/#comments Thu, 09 Jul 2009 21:35:43 +0000 Young http://www.essentialblog.cn/?p=2752

如果您的博客上有 1000 个死链接，您大概会发疯，其实精博上的 100 来个死链接已经差点让我发疯了。

那么什么是死链接呢？据网络记载，死链接，也叫断链、坏链接或者无效链接，英文名称叫做 Broken Link 或者 Dead Link，指的是访问不了的链接。

链接访问不了大概有三种可能：

一是链接一开始就错了。

比如，精博的链接是 essentialblog.cn，有一次我居然打成了 esentialblog.cn。

二是原来那个网页不见了。

点击链接出现 404 错误提示页面就属于这种情况。

三是原来那个网站挂了。

比如，曾叱咤博坛的前～博客，域名是 qianblogger.com，现在访问就只能看到 “Apache is functioning normally” 了。

一个博客的死链接数量和 PR 值以及读者的好感是成反比的，所以人人都狠死链接——竞争对手博客上的不算——如果您有竞争对手的话。

那么，如何对付死链接呢？首先要先找到死链接，怎么找呢？这里有五种方式供您选择：

1、Xenu

Xune

Xune 是一个免费的桌面软件，会检测您整个网站的所有链接，并告诉您哪些是好的、哪些是死的、哪些是超时的以及哪些是暂时无法连接上的，然后还会生成一份详细的报告给您，不过那些报告我还从未看完过——因为链接太多了。

2、Dead Links

dead links

Dead Links 是一个提供免费链接检测服务的网站，也可以检查您博客所有的链接，检测结果分为内链接、外链接和未验证链接三种。整体效果比 Xenu 差一点。

3、Linktiger

Link Tiger

Linktiger，名字挺牛逼的，主要服务为每周或者每天固定把您博客链接的死活情况发送到您的邮箱，可惜免费的帐户只能检测 1000 个链接，太小气了。

4、Linkpatch

Linkpatch

这个是我昨天发现的，很好玩。您注册了之后把一段代码复制粘贴到您的 404 模板（404.php)，然后您的博客一旦出现 404 页面，Linkpatch 就会把这个消息通过邮件发送给您，算是错误报告吧。

5、Broken Link Checker

Broken Link Checker

Broken Link Checker 是一个 WordPress 插件，也是我目前最喜欢的死链接检测软件。它的优势在于不仅可以检测所有文章的死链接和重置链接，而且还可以直接在 WordPress 后台对这些链接进行修改。不过有一个不足的地方是，它只在您的 WordPress 后台开着的时候才会检测，大懒虫一个。

另外，要特别注意的是，上面这些分析工具都不是 100% 可靠的，因为访问超时的或者被墙的链接也会被它们判为死链接。其实，访问超时只是表示当时网络速度慢，而被墙则表示某个地区不能访问而已。

那么，找到真正的死链接之后该如何把它们删除呢？这里提供三种方法供您参考：

1、使用 Broken Link Checker 插件

不错，就是前面提到的 Broken Link Checker 插件，集检测和删除功能于一身，很强大。

2、通过 WordPress 后台修改

如果您知道哪篇文章里面哪些链接已经死掉了，登录 WordPress 后台直接删掉。

3、通过 phpMyAdmin 修改

登录 cPanel 后台的 phpMyAdmin 页面后，通过搜索功能找到死链接所在的文章并进行修改。

衷心祝愿所有的死链接死光光。如果您还有更好的对付死链接的方法，欢迎分享。

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/5-ways-to-fuck-broken-links/feed/ 3 http://www.essentialblog.cn/5-ways-to-fuck-broken-links/ 如何创建 WordPress 主题 CSS 样式表 http://feedproxy.google.com/~r/e-blog/~3/P6oL0JtBIJM/ http://www.essentialblog.cn/reset-rebuild-wordpress-theme-css-define-layouts/#comments Wed, 08 Jul 2009 20:44:23 +0000 Young http://www.essentialblog.cn/?p=2749

原文：How To Reset & Rebuild WordPress Theme CSS & Define Your Layouts

原文作者：Ian Stewart

译文：如何创建 WordPress 主题 CSS 样式表

译文作者：Young

CSS 可以很复杂，也可以很简单。我开始学习 CSS 的时候，获得很多帮助，所以我也很乐意把经验告诉别人：从代码漂亮的例子中学习。

这里我们将为您布局一个 WordPress 主题 CSS 开发的数据库：

  • 一个使得主题适合所有浏览器的样式表，并且创建一个合理的标准；
  • 另外一个通过巧妙方式更改我们的排版布局的样式表；
  • 一个只适合 WordPress 属性的样式表（保持前面两个样式表的独立性以便以后用于非 WordPress 平台上）；
  • 6 个您能想到的适合所有普通博客和网站布局的流动样式表——并且每个样式表都可调整页面的宽度。

我们这里用到的所有代码都是开源的，符合 GPL 协议，并且都可以在 Your Theme Project 页面看到。您可以随便阅读、复制和粘帖其中任何的文件。

重要的事情先做，先在您的主题根目录下新建一个 “styles”文件夹，那 6 个样式表都会放在这个新文件夹里面，准备好制作那些 CSS 文件了吗？

Reset CSS

这个 Reset CSS 只是在 Eric Meyer 著名的 Reset CSS 基础上稍微做了点修改，它的作用在于使您的主题适合各种浏览器。

它很漂亮，照顾到了每个浏览者的兴趣，让您不必担心读者通过什么浏览器访问您的博客。

它的使用很简单，在 style.css 最顶部的注释下面添加以下代码：

?View Code PHP
1
2

/* Reset default browser styles */
@import url('styles/reset.css');

重新加载你的网页，看看 reset.css 在各种浏览器下的表现（如果您可以的话），效果很奇妙，是吧？

Rebuild CSS

这个 Rebuild CSS 是我根据早期的 BluePrint CSS 样式表发明的，并且在 Thematic 主题里面加以完善了。这个 Rebuild CSS 的作用在于使页面的垂直边距有规律，方便调整。

我这个 Rebuild CSS 的特色是把两种不同的网页样式结合起来，即字体大小用 px，并采用相对行高，而其他的垂直边距（例如段落和列表）则使用 em。

这是什么意思呢？这方便您以后修改字体的大小——不需要做任何计算——其他的排版因素（例如段落和清单）就会自动调整垂直边距。

rebuild.css 的使用也很简单，在 reset.css 导入后添加以下代码：

?View Code PHP
1
2
3

/* Rebuild default browser styles */
 
@import url('styles/rebuild.css');

基本的 WordPress 格式

WordPress 里面有我们每次都需要用到的格式，我所做的就是通过一个叫做 wp.css 的文件调用它们。

现在我们需要设定所有图片的排列方式——包括标题和画廊，同时设定引用的格式。您所需要做的只是为 blockquote 标签添加一个左对齐或者右对齐的 Class 属性。

您能猜测我们将如何使用 wp.css 吗？

?View Code PHP
1
2

/* Basic WordPress Styles */
@import url('styles/wp.css');

您需要的所有布局

对您的新主题，我已经采取了坚如磐石的布局，这个布局建立在 Sandbox 主题的基础上并且适合您的新 HTML 结构。一共有 6 种布局，其中每一种布局都是流动的（即宽度可以伸缩到符合您的浏览器窗口大小），并且可以简单地固定布局的宽度。

这些布局的使用都很简单。在导入基本的布局注释语下面直接导入其中一个布局就好了，下面就是导入正文在中间的三栏布局的代码：

?View Code PHP
1
2

/* Import a basic layout */
@import url('styles/3c-b.css');

最简单的固定布局宽度的方法是在 wrapper div 标签里面添加 width 和 margin 属性：

?View Code PHP
1
2
3
4
5

#wrapper {

  margin: 0 auto;
  width: 960px;
}

额外收获：格式化菜单

作为一种奖励，如果您从未创建一个无序的列表（由 wp_page_menu 自动生成的）并且想让这个列表好看一点，可以参考下面我创建 WordPress 主题时所用的代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

#access {

	margin: 0 0 1.5em 0;
	overflow: auto;
 
}
.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
 
	margin: 0;
}
.menu ul ul {
	display: none;
 
}
.menu li {
	display: inline;
}
.menu a {
 
	display: block;
	float: left;
}

（以上代码插入于 style.css 文件中。——译者注）

很简单，但是毕竟我把您领入门了，祝您好运！

如何创建 WordPress 主题

这篇文章是如何创建 WordPress 主题教程系列的其中一部分，该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

  1. 介绍；
  2. WordPress 主题开发工具；
  3. 创建一个 HTML 结构；
  4. 模板和目录结构；
  5. Header 模板；
  6. Index 模板；
  7. Single、Attachment 和 404 模板；
  8. Comments 模板；
  9. Search 和 Page 模板；
  10. Archive、Author、Category 和 Tag 模板；
  11. Sidebar 模板；
  12. 如何创建 WordPress 主题 CSS 样式表。

如果您对这个系列有任何的疑问或者建议，请留言告诉我。

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/reset-rebuild-wordpress-theme-css-define-layouts/feed/ 1 http://www.essentialblog.cn/reset-rebuild-wordpress-theme-css-define-layouts/ WordPress 主题之侧边栏模板 http://feedproxy.google.com/~r/e-blog/~3/8-DciNcf8mM/ http://www.essentialblog.cn/wordpress-theme-sidebar-template/#comments Tue, 07 Jul 2009 16:54:55 +0000 Young http://www.essentialblog.cn/?p=2747

原文：The WordPress Theme Sidebar Template

原文作者：Ian Stewart

译文：WordPress 主题之侧边栏模板

译文作者：Young

我知道你们在耐心地等待这个，大家都喜欢侧边栏模板，但是我们创建的侧边栏将和别人的有所不同，我们的会更漂亮一点。

自定义侧边栏功能

重要的事情先做。对 WordPress 侧边栏模板，我们需要确保它是支持小工具 （Widget) 的。我们的侧边栏将会有两个小工具区域，这样我们就可以把代码重复利用于两栏或者三栏的主题，其中两栏主题的侧边栏是堆在一起的，其中一个在另一个的上面。

代码相当直接了当。在 functions.php 文件中插入以下代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

// Register widgetized areas
function theme_widgets_init() {
	// Area 1
	register_sidebar( array (
 
	'name' => 'Primary Widget Area',
	'id' => 'primary_widget_area',
	'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
 
	'after_widget' => "</li>",
	'before_title' => '<h3 class="widget-title">',
 
	'after_title' => '</h3>',
  ) );
 
	// Area 2
 
	register_sidebar( array (
	'name' => 'Secondary Widget Area',
	'id' => 'secondary_widget_area', 
	'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
 
	'after_widget' => "</li>",
	'before_title' => '<h3 class="widget-title">',
 
	'after_title' => '</h3>',
  ) );
} // end theme_widgets_init
 
 
add_action( 'init', 'theme_widgets_init' );

现在我们有两个小工具区域：Primary Widget 区域和 Secondary Widget 区域，他们的名字并不代表哪个重要哪个次要。在某些布局中，它们甚至并不用于侧边栏，但是它们仍然是小工具区域。

在 functions.php 我们还将添加两段超酷的自定义代码。

首先，我们将预设默认小工具：搜索框、静态页面、分类目录、日志存档、链接和元。我们不需要把这些默认小工具的代码写在 sidebar.php 里，我们将令 WordPress 自动把它们添加到小工具区域（这里要感谢 Ptah Dunbar）。

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11

$preset_widgets = array (
 
	'primary_widget_area'  => array( 'search', 'pages', 'categories', 'archives' ),
 
	'secondary_widget_area'  => array( 'links', 'meta' )
);
if ( !isset( $_GET['activated'] ) ) {
 
	update_option( 'sidebars_widgets', $preset_widgets );
}
// update_option( 'sidebars_widgets', NULL );

现在，在我们的 Primary Widget 区域 (primary_widget_area)，会自动显示搜索、静态页面、分类目录以及日志存档这四个小工具。而在 Secondary Widget 区域 (secondary_widget_area) 将会显示链接和元这两个小工具。只要激活 WordPress 主题，这些小工具就会自动显示。

看见最后一行 “ // update_option( 'sidebars_widgets', NULL ); ” 了吗？如果您想重启小工具的话，就把前面的两斜杠去掉（并替代前面那一行？）。我想您能猜到 “NULL” 表示没有小工具。

其次，我们将创建一个新的条件以便检测已有的小工具区域是否有小工具，这对我们以后写侧边栏代码很有帮助（谢谢 Chaos Kaizer)。

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12

// Check for static widgets in widget-ready areas
function is_sidebar_active( $index ){
  global $wp_registered_sidebars;
 
 
  $widgetcolums = wp_get_sidebars_widgets();
 
  if ($widgetcolums[$index]) return true;
 
 
	return false;
} // end is_sidebar_active

现在我们需要让这些自定义代码发生作用。

编写侧边栏模板代码

在已有的动态小工具区域和预设小工具的基础上，我们创建的侧边栏模板将是您见过的最简单的模板之一。但是要记住，我们同时也通过 is_sidebar_active() 的 IF 语句把侧边栏固定。

下面就是侧边栏模板的代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?php if ( is_sidebar_active('primary_widget_area') ) : ?>
 
		<div id="primary" class="widget-area">
			<ul class="xoxo">
				<?php dynamic_sidebar('primary_widget_area'); ?>
 
			</ul>
		</div><!-- #primary .widget-area -->
<?php endif; ?>		
 
 
<?php if ( is_sidebar_active('secondary_widget_area') ) : ?>
		<div id="secondary" class="widget-area">
 
			<ul class="xoxo">
				<?php dynamic_sidebar('secondary_widget_area'); ?>
			</ul>
 
		</div><!-- #secondary .widget-area -->
<?php endif; ?>

现在如果您进入 WordPress 后台的小工具页面，把任一小工具区域的小工具全部移除，那么这个条件语句就失效，侧边栏那个小工具区域就没有小工具了。

如何创建 WordPress 主题

这篇文章是如何创建 WordPress 主题教程系列的其中一部分，该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

  1. 介绍；
  2. WordPress 主题开发工具；
  3. 创建一个 HTML 结构；
  4. 模板和目录结构；
  5. Header 模板；
  6. Index 模板；
  7. Single、Attachment 和 404 模板；
  8. Comments 模板；
  9. Search 和 Page 模板
  10. Archive、Author、Category 和 Tag 模板；
  11. Sidebar 模板；
  12. 复位重建主题的CSS和定义主题布局 (待译）

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/wordpress-theme-sidebar-template/feed/ 0 http://www.essentialblog.cn/wordpress-theme-sidebar-template/ WordPress 主题之存档、作者、分类和标签模板 http://feedproxy.google.com/~r/e-blog/~3/at0TeEMLvNk/ http://www.essentialblog.cn/archive-author-category-tags-template/#comments Tue, 07 Jul 2009 04:48:59 +0000 Young http://www.essentialblog.cn/?p=2741

原文：The Archive, Author, Category & Tags Template

原文作者：Ian Stewart

译文：WordPress 主题之存档、作者、分类和标签模板

译文作者：Young

和 index.php 模板类似，我们要创建一个母模板，并通过它来创建其他子模板。这里的母模板是指存档模板。

archive.php （以及它的相关模板）的作用是显示符合某些条件（例如某一段时间、某一个作者、某一个分类或者某一个标签等）的日志，和 index.php 很类似。如果能够理解这些模板的字面意思，您就知道这些模板是干什么用的了。

让我们从之前的教程开始，下面是此文所有模板都要用到的相同的代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<?php get_header(); ?>
 
		<div id="container">	
			<div id="content">
 
 
				<div id="nav-above" class="navigation">
				</div><!-- #nav-above -->

 
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				</div><!-- #post-<?php the_ID(); ?> -->			
 
 
				<div id="nav-below" class="navigation">
				</div><!-- #nav-below -->					

 
			</div><!-- #content -->		
		</div><!-- #container -->
		
 
<?php get_sidebar(); ?>	
<?php get_footer(); ?>

存档模板

存档模板的功能如下：

  1. 调用 the_post() 函数；
  2. 检测这个是什么模板；
  3. 生成一个合适的模板；
  4. 通过 rewind_post() 倒序排列文章；
  5. 执行 WordPress 循环功能。

下面是 archive.php 模板的内容，注意顶部的条件标签是用来检测目前是什么模板的：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

<?php the_post(); ?>			
 
 
<?php if ( is_day() ) : ?>
				<h1 class="page-title"><?php printf( __( 'Daily Archives: <span>%s</span>', 'your-theme' ), get_the_time(get_option('date_format')) ) ?></h1>
 
<?php elseif ( is_month() ) : ?>
				<h1 class="page-title"><?php printf( __( 'Monthly Archives: <span>%s</span>', 'your-theme' ), get_the_time('F Y') ) ?></h1>
 
<?php elseif ( is_year() ) : ?>
				<h1 class="page-title"><?php printf( __( 'Yearly Archives: <span>%s</span>', 'your-theme' ), get_the_time('Y') ) ?></h1>
 
<?php elseif ( isset($_GET['paged']) && !empty($_GET['paged']) ) : ?>
 
				<h1 class="page-title"><?php _e( 'Blog Archives', 'your-theme' ) ?></h1>
 
<?php endif; ?>
 
<?php rewind_posts(); ?>
 
<?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) { ?>
 
				<div id="nav-above" class="navigation">
					<div class="nav-previous"><?php next_posts_link(__( '<span class="meta-nav">&laquo;</span> Older posts', 'your-theme' )) ?></div>
 
					<div class="nav-next"><?php previous_posts_link(__( 'Newer posts <span class="meta-nav">&raquo;</span>', 'your-theme' )) ?></div>
 
				</div><!-- #nav-above -->
<?php } ?>			
 
<?php while ( have_posts() ) : the_post(); ?>
 
 
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
					<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( __('Permalink to %s', 'your-theme'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 
 
					<div class="entry-meta">
						<span class="meta-prep meta-prep-author"><?php _e('By ', 'your-theme'); ?></span>
 
						<span class="author vcard"><a class="url fn n" href="<?php echo get_author_link( false, $authordata->ID, $authordata->user_nicename ); ?>" title="<?php printf( __( 'View all posts by %s', 'your-theme' ), $authordata->display_name ); ?>"><?php the_author(); ?></a></span>
 
						<span class="meta-sep"> | </span>
						<span class="meta-prep meta-prep-entry-date"><?php _e('Published ', 'your-theme'); ?></span>
 
						<span class="entry-date"><abbr class="published" title="<?php the_time('Y-m-d\TH:i:sO') ?>"><?php the_time( get_option( 'date_format' ) ); ?></abbr></span>
 
						<?php edit_post_link( __( 'Edit', 'your-theme' ), "<span class=\"meta-sep\">|</span>\n\t\t\t\t\t\t<span class=\"edit-link\">", "</span>\n\t\t\t\t\t" ) ?>
 
					</div><!-- .entry-meta -->
 
					<div class="entry-summary">	
 
<?php the_excerpt( __( 'Continue reading <span class="meta-nav">&raquo;</span>', 'your-theme' )  ); ?>
 
					</div><!-- .entry-summary -->
 
					<div class="entry-utility">
 
						<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'your-theme' ); ?></span><?php echo get_the_category_list(', '); ?></span>
 
						<span class="meta-sep"> | </span>
						<?php the_tags( '<span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __('Tagged ', 'your-theme' ) . '</span>', ", ", "</span>\n\t\t\t\t\t\t<span class=\"meta-sep\">|</span>\n" ) ?>
 
						<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'your-theme' ), __( '1 Comment', 'your-theme' ), __( '% Comments', 'your-theme' ) ) ?></span>
 
						<?php edit_post_link( __( 'Edit', 'your-theme' ), "<span class=\"meta-sep\">|</span>\n\t\t\t\t\t\t<span class=\"edit-link\">", "</span>\n\t\t\t\t\t\n" ) ?>
 
					</div><!-- #entry-utility -->	
				</div><!-- #post-<?php the_ID(); ?> -->
 
 
<?php endwhile; ?>			
 
<?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) { ?>
 
				<div id="nav-below" class="navigation">
					<div class="nav-previous"><?php next_posts_link(__( '<span class="meta-nav">&laquo;</span> Older posts', 'your-theme' )) ?></div>
 
					<div class="nav-next"><?php previous_posts_link(__( 'Newer posts <span class="meta-nav">&raquo;</span>', 'your-theme' )) ?></div>
 
				</div><!-- #nav-below -->
<?php } ?>

作者模板

作者模板不需要改多少内容，您会喜欢这个模板的。复制 archive.php 并重命名为 author.php，然后我们所需要做的是把页面标题部分的代码替换成下面这个：

?View Code PHP
1
2
3
4

 
				<h1 class="page-title author"><?php printf( __( 'Author Archives: <span class="vcard">%s</span>', 'your-theme' ), "<a class='url fn n' href='$authordata->user_url' title='$authordata->display_name' rel='me'>$authordata->display_name</a>" ) ?></h1>
 
				<?php $authordesc = $authordata->user_description; if ( !empty($authordesc) ) echo apply_filters( 'archive_meta', '<div class="archive-meta">' . $authordesc . '</div>' );?>

很简单，对吧？

分类模板

分类模板也是一个简单的模板，复制 archive.php 的所有内容并重命名为 category.php。

现在打开 functions.php。我们要添加一个自定义的功能——来自优秀的 Sandbox 主题——以便使我们的分类模板更加有用。

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

 
// For category lists on category archives: Returns other categories except the current one (redundant)
function cats_meow($glue) {
	$current_cat = single_cat_title( '', false );
 
	$separator = "\n";
	$cats = explode( $separator, get_the_category_list($separator) );
 
	foreach ( $cats as $i => $str ) {
		if ( strstr( $str, ">$current_cat<" ) ) {
 
			unset($cats[$i]);
			break;
		}
	}
	if ( empty($cats) )
 
		return false;
 
	return trim(join( $glue, $cats ));
 
} // end cats_meow

cats_meow() 函数把目前的分类从分类页面删除，换句话说，它删掉日志摘要下多余的分类目录。

现在，回到 category.php 文件，用以下代码替代页面标题部分：

?View Code PHP
1
2
3
4

 
				<h1 class="page-title"><?php _e( 'Category Archives:', 'your-theme' ) ?> <span><?php single_cat_title() ?></span></span></h1>
 
				<?php $categorydesc = category_description(); if ( !empty($categorydesc) ) echo apply_filters( 'archive_meta', '<div class="archive-meta">' . $categorydesc . '</div>' ); ?>

在 .entry-utility div 标签里找到以下代码：

?View Code PHP
1
2

 
						<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'your-theme' ); ?></span><?php echo get_the_category_list(', '); ?></span><span class="meta-sep"> | </span>(原文少了最后一个 class.)

然后把上面的代码替换成下面这个：

?View Code PHP
1
2
3
4
5
6
7

 
<?php if ( $cats_meow = cats_meow(', ') ) : // Returns categories other than the one queried ?>
 
						<span class="cat-links"><?php printf( __( 'Also posted in %s', 'your-theme' ), $cats_meow ) ?></span>
 
						<span class="meta-sep"> | </span>
<?php endif ?>

标签模板

标签模板和分类模板几乎一样，只是它是按照标签来归类的。方法是复制 archive.php 文件然后重命名为 tag.php。

同样，我们也需要在 functions.php 文件里面添加一个 tag_ur_it() 函数 —— 也是来自 Sandbox 主题。功能就像 cats_meow() 那样，不过它是删除多余的标签，代码如下：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

 
// For tag lists on tag archives: Returns other tags except the current one (redundant)
function tag_ur_it($glue) {
	$current_tag = single_tag_title( '', '',  false );
 
	$separator = "\n";
 
	$tags = explode( $separator, get_the_tag_list( "", "$separator", "" ) );
 
	foreach ( $tags as $i => $str ) {
		if ( strstr( $str, ">$current_tag<" ) ) {
 
			unset($tags[$i]);
			break;
		}
	}
	if ( empty($tags) )
 
		return false;
 
	return trim(join( $glue, $tags ));
 
} // end tag_ur_it

现在，打开 tag.php 文件，并用以下代码替代页面标题代码：

?View Code PHP
1
2

 
				<h1 class="page-title"><?php _e( 'Tag Archives:', 'your-theme' ) ?> <span><?php single_tag_title() ?></span></h1>

然后在 .entry-utility 标签里找到以下代码：

?View Code PHP
1
2

 
						<?php the_tags( '<span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __('Tagged ', 'your-theme' ) . '</span>', ", ", "</span>\n\t\t\t\t\t\t<span class=\"meta-sep\">|</span>\n" ) ?>

把上面的代码替换成下面这个：

?View Code PHP
1
2
3
4
5
6

 
<?php if ( $tag_ur_it = tag_ur_it(', ') ) : // Returns tags other than the one queried ?>						
 
						<span class="tag-links"><?php printf( __( 'Also tagged %s', 'your-theme' ), $tag_ur_it ) ?></span>
 
<?php endif; ?>

这样一来，标签模板就做好了。

如何创建 WordPress 主题

这篇文章是如何创建 WordPress 主题教程系列的其中一部分，该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/archive-author-category-tags-template/feed/ 0 http://www.essentialblog.cn/archive-author-category-tags-template/ WordPress 主题之搜索模板和静态页面模板 http://feedproxy.google.com/~r/e-blog/~3/nPgvpC7tT5I/ http://www.essentialblog.cn/wordpress-theme-search-page-template-tutorial/#comments Mon, 06 Jul 2009 02:37:46 +0000 Young http://www.essentialblog.cn/?p=2737

原文：The WordPress Theme Search Template and Page Template

原文作者：Ian Stewart

译文: WordPress 主题之搜索模板和静态页面模板

译文作者：Young

对任一完整的 WordPress 主题来说，搜索模板和静态页面模板都是很重要的，并且代码都很容易。这两个模板也是模板中的模板，都有以下相同的代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<?php get_header(); ?>
 
 
		<div id="container">	
			<div id="content">
 
				<div id="nav-above" class="navigation">
 
				</div><!-- #nav-above -->

				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
				</div><!-- #post-<?php the_ID(); ?> -->			
 
				<div id="nav-below" class="navigation">
 
				</div><!-- #nav-below -->					

 
			</div><!-- #content -->		
		</div><!-- #container -->

 
<?php get_sidebar(); ?>	
<?php get_footer(); ?>

当然，每个模板也都互不相同。

搜索模板

在 serach.php 里面，我们需要重新用到循环。这次使用 IF 语句 —— 以防循环里没有任何文章。

工作原理是这样的：如果有文章，或者说有符合搜索条件的文章，那么就循环检测，就像 index.php 里面的循环语句一样。但是如果没有文章，或者没有符合搜索条件的文章，那就为搜索者提供另外一个搜索机会。

代码如下：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

 
<?php get_header(); ?>
 
		<div id="container">	
			<div id="content">
 
 
<?php if ( have_posts() ) : ?>				
 
<?php while ( have_posts() ) : the_post() ?>
 
<!-- this is our loop -->
<?php endwhile; ?>
 
<?php else : ?>
 
 
<!-- here's where we'll put a search form if there're no posts -->
 
<?php endif; ?>			
 
			</div><!-- #content -->		
		</div><!-- #container -->
 
 
<?php get_sidebar(); ?>	
<?php get_footer(); ?>

非常直接了当，是吧？

我想保留日志标题、元、内容（或摘要）以及实用链接等 index 模板里面有的内容不变，但是 WordPress 搜索日志的时候同时也会搜索静态页面，而静态页面是不需要元或者实用链接之类的，所以，在我们的循环里面，将会检测看是搜索日志还是搜索静态页面。

?View Code PHP
1
2
3

<?php if ( $post->post_type == 'post' ) { ?>
 
<?php } ?>

这个 IF 语句只有搜索静态页面的时候才会显示，现在我们知道会发生什么事了，以下就是搜索模板 #content DIV 标签里面的代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

<?php if ( have_posts() ) : ?>
 
 
				<h1 class="page-title"><?php _e( 'Search Results for: ', 'your-theme' ); ?><span><?php the_search_query(); ?></span></h1>
 
 
<?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) { ?>
 
				<div id="nav-above" class="navigation">
					<div class="nav-previous"><?php next_posts_link(__( '<span class="meta-nav">&laquo;</span> Older posts', 'your-theme' )) ?></div>
 
					<div class="nav-next"><?php previous_posts_link(__( 'Newer posts <span class="meta-nav">&raquo;</span>', 'your-theme' )) ?></div>
 
				</div><!-- #nav-above -->
<?php } ?>							
 
<?php while ( have_posts() ) : the_post() ?>
 
 
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
					<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( __('Permalink to %s', 'your-theme'), the_title_attribute('echo=0') ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 
 
<?php if ( $post->post_type == 'post' ) { ?>									
					<div class="entry-meta">
 
						<span class="meta-prep meta-prep-author"><?php _e('By ', 'your-theme'); ?></span>
 
						<span class="author vcard"><a class="url fn n" href="<?php echo get_author_link( false, $authordata->ID, $authordata->user_nicename ); ?>" title="<?php printf( __( 'View all posts by %s', 'your-theme' ), $authordata->display_name ); ?>"><?php the_author(); ?></a></span>
 
						<span class="meta-sep"> | </span>
						<span class="meta-prep meta-prep-entry-date"><?php _e('Published ', 'your-theme'); ?></span>
 
						<span class="entry-date"><abbr class="published" title="<?php the_time('Y-m-d\TH:i:sO') ?>"><?php the_time( get_option( 'date_format' ) ); ?></abbr></span>
 
						<?php edit_post_link( __( 'Edit', 'your-theme' ), "<span class=\"meta-sep\">|</span>\n\t\t\t\t\t\t<span class=\"edit-link\">", "</span>\n\t\t\t\t\t" ) ?>
 
					</div><!-- .entry-meta -->
<?php } ?>
 
 
					<div class="entry-summary">	
<?php the_excerpt( __( 'Continue reading <span class="meta-nav">&raquo;</span>', 'your-theme' )  ); ?>
 
<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'your-theme' ) . '&after=</div>') ?>
 
					</div><!-- .entry-summary -->
 
<?php if ( $post->post_type == 'post' ) { ?>									
					<div class="entry-utility">
 
						<span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'your-theme' ); ?></span><?php echo get_the_category_list(', '); ?></span>
 
						<span class="meta-sep"> | </span>
						<?php the_tags( '<span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __('Tagged ', 'your-theme' ) . '</span>', ", ", "</span>\n\t\t\t\t\t\t<span class=\"meta-sep\">|</span>\n" ) ?>
 
						<span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'your-theme' ), __( '1 Comment', 'your-theme' ), __( '% Comments', 'your-theme' ) ) ?></span>
 
						<?php edit_post_link( __( 'Edit', 'your-theme' ), "<span class=\"meta-sep\">|</span>\n\t\t\t\t\t\t<span class=\"edit-link\">", "</span>\n\t\t\t\t\t\n" ) ?>
 
					</div><!-- #entry-utility -->	
<?php } ?>					
				</div><!-- #post-<?php the_ID(); ?> -->
 
 
<?php endwhile; ?>
 
<?php global $wp_query; $total_pages = $wp_query->max_num_pages; if ( $total_pages > 1 ) { ?>
 
				<div id="nav-below" class="navigation">
					<div class="nav-previous"><?php next_posts_link(__( '<span class="meta-nav">&laquo;</span> Older posts', 'your-theme' )) ?></div>
 
					<div class="nav-next"><?php previous_posts_link(__( 'Newer posts <span class="meta-nav">&raquo;</span>', 'your-theme' )) ?></div>
 
				</div><!-- #nav-below -->
<?php } ?>			
 
<?php else : ?>
 
 
				<div id="post-0" class="post no-results not-found">
					<h2 class="entry-title"><?php _e( 'Nothing Found', 'your-theme' ) ?></h2>
 
					<div class="entry-content">
						<p><?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.', 'your-theme' ); ?></p>
 
	<?php get_search_form(); ?>						
					</div><!-- .entry-content -->
 
				</div>
 
<?php endif; ?>

【当然，您还可以加上页眉和页脚以及侧边栏等函数。——译者注】

静态页面模板

您知道静态页面模板是干什么用的。WordPress 认为它是一种没有时间顺序的日志。我们认为它是一个静态页面，不过日志的所有装饰它都几乎没有——除了评论，有些静态页面是有评论的。我不喜欢，不过您可能喜欢。如果您想在静态页面添加评论，可以在静态页面上添加带有 Name 和 Value 的 “comments”自定义区域，这个我听起来不错。

下面就是静态页面代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<?php get_header(); ?>
 
 
		<div id="container">	
			<div id="content">
 
<?php the_post(); ?>
 
 
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
					<h1 class="entry-title"><?php the_title(); ?></h1>
 
					<div class="entry-content">
<?php the_content(); ?>
<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'your-theme' ) . '&after=</div>') ?>					
 
<?php edit_post_link( __( 'Edit', 'your-theme' ), '<span class="edit-link">', '</span>' ) ?>
 
					</div><!-- .entry-content -->
				</div><!-- #post-<?php the_ID(); ?> -->			
 
 
<?php if ( get_post_custom_values('comments') ) comments_template() // Add a custom field with Name and Value of "comments" to enable comments on this page ?>			
 
 
			</div><!-- #content -->		
		</div><!-- #container -->
		
<?php get_sidebar(); ?>	
 
<?php get_footer(); ?>

如何创建 WordPress 主题

这篇文章是如何创建 WordPress 主题教程系列的其中一部分，该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/wordpress-theme-search-page-template-tutorial/feed/ 3 http://www.essentialblog.cn/wordpress-theme-search-page-template-tutorial/ WordPress 主题之评论模板 http://feedproxy.google.com/~r/e-blog/~3/_mwAqvFafjQ/ http://www.essentialblog.cn/wordpress-theme-comments-template-tutorial/#comments Sun, 05 Jul 2009 02:02:12 +0000 Young http://www.essentialblog.cn/?p=2717

原文：The WordPress Theme Comments Template

原文作者：Ian Stewart

译文：WordPress 主题之评论模板

译文作者：Young

是的，我讨厌评论模板，因为它可能相当令人困惑。在 2.7 版本上，WordPress 介绍了一个简单的创建评论模板的方法，但是那种方法不能使留言和引用分开，也不能自定义评论结构，并且仍然令人困惑。

您很幸运，我把问题解决了，虽然还是有点令人困惑，但毕竟解决了问题。在这个评论模板的教程上，我将基本上介绍每一步会发生什么，展示您那些自定义代码，以及需要添加到 function.php 的代码，最后给出整个模板代码。希望这对您有帮助。但是至少您将会有一个漂亮的评论模板。

让我们简要的看一下这个评论模板会发生什么事：

  1. 阻止机器人抓取评论内容以及受密码保护的文章；
  2. 检查是否有评论；
  3. 计算留言和引用 （trackbacks or pings） 的数量；
  4. 如果有评论，显示评论，并链接到评论；
  5. 如果有引用，显示引用；
  6. 如果评论被启用，显示评论“回复”框。

这个模板的代码很多，但是总结起来也就这几个功能，直截了当。

自定义回调留言和引用

WordPress 2.7 允许通过 wp_list_comments() 函数方便有序地调用单独日志的留言和引用。如果您喜欢那样，那就很方便。但是我们不喜欢，我想要把评论里面的留言和引用分开。

为了实现这种结果，您需要对留言和引用进行自定义回调，把下面代码插入到 functions.php 文件：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

// Custom callback to list comments in the your-theme style
function custom_comments($comment, $args, $depth) {
 
  $GLOBALS['comment'] = $comment;
	$GLOBALS['comment_depth'] = $depth;
 
  ?>
  	<li id="comment-<?php comment_ID() ?>" <?php comment_class() ?>>
  		<div class="comment-author vcard"><?php commenter_link() ?></div>
 
  		<div class="comment-meta"><?php printf(__('Posted %1$s at %2$s <span class="meta-sep">|</span> <a href="%3$s" title="Permalink to this comment">Permalink</a>', 'your-theme'),
 
  					get_comment_date(),
  					get_comment_time(),
  					'#comment-' . get_comment_ID() );
 
  					edit_comment_link(__('Edit', 'your-theme'), ' <span class="meta-sep">|</span> <span class="edit-link">', '</span>'); ?></div>
 
  <?php if ($comment->comment_approved == '0') _e("\t\t\t\t\t<span class='unapproved'>Your comment is awaiting moderation.</span>\n", 'your-theme') ?>
 
          <div class="comment-content">
      		<?php comment_text() ?>
  		</div>
 
		<?php // echo the comment reply link
			if($args['type'] == 'all' || get_comment_type() == 'comment') :
 
				comment_reply_link(array_merge($args, array(
					'reply_text' => __('Reply','your-theme'), 
					'login_text' => __('Log in to reply.','your-theme'),
 
					'depth' => $depth,
					'before' => '<div class="comment-reply-link">', 
					'after' => '</div>'
 
				)));
			endif;
		?>
<?php } // end custom_comments
?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

// Custom callback to list pings
function custom_pings($comment, $args, $depth) {
       $GLOBALS['comment'] = $comment;
 
        ?>
    		<li id="comment-<?php comment_ID() ?>" <?php comment_class() ?>>
    			<div class="comment-author"><?php printf(__('By %1$s on %2$s at %3$s', 'your-theme'),
 
    					get_comment_author_link(),
    					get_comment_date(),
    					get_comment_time() );
    					edit_comment_link(__('Edit', 'your-theme'), ' <span class="meta-sep">|</span> <span class="edit-link">', '</span>'); ?></div>
 
    <?php if ($comment->comment_approved == '0') _e('\t\t\t\t\t<span class="unapproved">Your trackback is awaiting moderation.</span>\n', 'your-theme') ?>
 
            <div class="comment-content">
    			<?php comment_text() ?>
			</div>
 
<?php } // end custom_pings

这些代码看起来有点乱，是吧？但它们是最好的。现在到创建评论结构了，我想下面那个结构很漂亮，并且能够让您只通过 CSS 就能更改很多 —— 如果您真的想修改这个结构。

我们还需要调用一个特殊的自定义函数，这个函数将会显示符合 microformat hcard 架构的头像结构。

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

// Produces an avatar image with the hCard-compliant photo class
function commenter_link() {
	$commenter = get_comment_author_link();
 
	if ( ereg( '<a[^>]* class=[^>]+>', $commenter ) ) {
 
		$commenter = ereg_replace( '(<a[^>]* class=[\'"]?)', '\\1url ' , $commenter );
 
	} else {
		$commenter = ereg_replace( '(<a )/', '\\1class="url "' , $commenter );
 
	}
	$avatar_email = get_comment_author_email();
	$avatar = str_replace( "class='avatar", "class='photo avatar", get_avatar( $avatar_email, 80 ) );
 
	echo $avatar . ' <span class="fn n">' . $commenter . '</span>';
 
} // end commenter_link

（以上代码插入于 functions.php 文件中。——译者注）

如果想改变头像的尺寸，您只需要改一下 get_avatar($avatar_email, 80) 里面的 80 就可以了，80 表示头像的大小，单位是像素。

评论模板

没有把您吓跑吧？诚然，并不是很可怕。下面是整个评论模板代码，上面有些 PHP 注释，以便您的理解。

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189

<?php /* The Comments Template — with, er, comments! */ ?>			
			<div id="comments">
<?php /* Run some checks for bots and password protected posts */ ?>	
<?php
 
	$req = get_option('require_name_email'); // Checks if fields are required.
	if ( 'comments.php' == basename($_SERVER['SCRIPT_FILENAME']) )
 
		die ( 'Please do not load this page directly. Thanks!' );
	if ( ! empty($post->post_password) ) :
 
		if ( $_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password ) :
 
?>
				<div class="nopassword"><?php _e('This post is password protected. Enter the password to view any comments.', 'your-theme') ?></div>
 
			</div><!-- .comments -->
<?php
		return;
	endif;
 
endif;
?>
 
<?php /* See IF there are comments and do the comments stuff! */ ?>						
<?php if ( have_comments() ) : ?>
 
 
<?php /* Count the number of comments and trackbacks (or pings) */
$ping_count = $comment_count = 0;
foreach ( $comments as $comment )
 
	get_comment_type() == "comment" ? ++$comment_count : ++$ping_count;
 
?>
 
<?php /* IF there are comments, show the comments */ ?>
<?php if ( ! empty($comments_by_type['comment']) ) : ?>
 
 
				<div id="comments-list" class="comments">
					<h3><?php printf($comment_count > 1 ? __('<span>%d</span> Comments', 'your-theme') : __('<span>One</span> Comment', 'your-theme'), $comment_count) ?></h3>
 
 
<?php /* If there are enough comments, build the comment navigation  */ ?>					
<?php $total_pages = get_comment_pages_count(); if ( $total_pages > 1 ) : ?>
 
					<div id="comments-nav-above" class="comments-navigation">
								<div class="paginated-comments-links"><?php paginate_comments_links(); ?></div>
 
					</div><!-- #comments-nav-above -->					
<?php endif; ?>					
 
<?php /* An ordered list of our custom comments callback, custom_comments(), in functions.php   */ ?>				
					<ol>
 
<?php wp_list_comments('type=comment&callback=custom_comments'); ?>
					</ol>
 
<?php /* If there are enough comments, build the comment navigation */ ?>
 
<?php $total_pages = get_comment_pages_count(); if ( $total_pages > 1 ) : ?>					
	  			<div id="comments-nav-below" class="comments-navigation">
 
						<div class="paginated-comments-links"><?php paginate_comments_links(); ?></div>
	        </div><!-- #comments-nav-below -->

<?php endif; ?>					
 
				</div><!-- #comments-list .comments -->

<?php endif; /* if ( $comment_count ) */ ?>
 
 
<?php /* If there are trackbacks(pings), show the trackbacks  */ ?>
<?php if ( ! empty($comments_by_type['pings']) ) : ?>
 
 
				<div id="trackbacks-list" class="comments">
					<h3><?php printf($ping_count > 1 ? __('<span>%d</span> Trackbacks', 'your-theme') : __('<span>One</span> Trackback', 'your-theme'), $ping_count) ?></h3>
 
 
<?php /* An ordered list of our custom trackbacks callback, custom_pings(), in functions.php   */ ?>					
					<ol>
<?php wp_list_comments('type=pings&callback=custom_pings'); ?>
 
					</ol>				
 
				</div><!-- #trackbacks-list .comments -->			

 
<?php endif /* if ( $ping_count ) */ ?>
 
<?php endif /* if ( $comments ) */ ?>
 
<?php /* If comments are open, build the respond form */ ?>
<?php if ( 'open' == $post->comment_status ) : ?>
 
				<div id="respond">
    				<h3><?php comment_form_title( __('Post a Comment', 'your-theme'), __('Post a Reply to %s', 'your-theme') ); ?></h3>
 
 
    				<div id="cancel-comment-reply"><?php cancel_comment_reply_link() ?></div>
 
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
 
					<p id="login-req"><?php printf(__('You must be <a href="%s" title="Log in">logged in</a> to post a comment.', 'your-theme'),
 
					get_option('siteurl') . '/wp-login.php?redirect_to=' . get_permalink() ) ?></p>
 
 
<?php else : ?>
					<div class="formcontainer">	
 
 
 
						<form id="commentform" action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post">
 
<?php if ( $user_ID ) : ?>
 
							<p id="login"><?php printf(__('<span class="loggedin">Logged in as <a href="%1$s" title="Logged in as %2$s">%2$s</a>.</span> <span class="logout"><a href="%3$s" title="Log out of this account">Log out?</a></span>', 'your-theme'),
 
								get_option('siteurl') . '/wp-admin/profile.php',
								wp_specialchars($user_identity, true),
 
								wp_logout_url(get_permalink()) ) ?></p>
 
<?php else : ?>
 
 
							<p id="comment-notes"><?php _e('Your email is <em>never</em> published nor shared.', 'your-theme') ?> <?php if ($req) _e('Required fields are marked <span class="required">*</span>', 'your-theme') ?></p>
 
 
              <div id="form-section-author" class="form-section">
								<div class="form-label"><label for="author"><?php _e('Name', 'your-theme') ?></label> <?php if ($req) _e('<span class="required">*</span>', 'your-theme') ?></div>
 
								<div class="form-input"><input id="author" name="author" type="text" value="<?php echo $comment_author ?>" size="30" maxlength="20" tabindex="3" /></div>
 
              </div><!-- #form-section-author .form-section -->

              <div id="form-section-email" class="form-section">
 
								<div class="form-label"><label for="email"><?php _e('Email', 'your-theme') ?></label> <?php if ($req) _e('<span class="required">*</span>', 'your-theme') ?></div>
 
								<div class="form-input"><input id="email" name="email" type="text" value="<?php echo $comment_author_email ?>" size="30" maxlength="50" tabindex="4" /></div>
 
              </div><!-- #form-section-email .form-section -->

              <div id="form-section-url" class="form-section">
 
								<div class="form-label"><label for="url"><?php _e('Website', 'your-theme') ?></label></div>
 
								<div class="form-input"><input id="url" name="url" type="text" value="<?php echo $comment_author_url ?>" size="30" maxlength="50" tabindex="5" /></div>
 
              </div><!-- #form-section-url .form-section -->

<?php endif /* if ( $user_ID ) */ ?>
 
 
              <div id="form-section-comment" class="form-section">
								<div class="form-label"><label for="comment"><?php _e('Comment', 'your-theme') ?></label></div>
 
								<div class="form-textarea"><textarea id="comment" name="comment" cols="45" rows="8" tabindex="6"></textarea></div>
 
              </div><!-- #form-section-comment .form-section -->
              
              <div id="form-allowed-tags" class="form-section">
	              <p><span><?php _e('You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes:', 'your-theme') ?></span> <code><?php echo allowed_tags(); ?></code></p>
 
              </div>
 
<?php do_action('comment_form', $post->ID); ?>
 
 
							<div class="form-submit"><input id="submit" name="submit" type="submit" value="<?php _e('Post Comment', 'your-theme') ?>" tabindex="7" /><input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /></div>
 
 
<?php comment_id_fields(); ?>  
 
<?php /* Just … end everything. We're done here. Close it up. */ ?>  
 
						</form><!-- #commentform -->										

					</div><!-- .formcontainer -->
<?php endif /* if ( get_option('comment_registration') && !$user_ID ) */ ?>
 
				</div><!-- #respond -->
<?php endif /* if ( 'open' == $post->comment_status ) */ ?>
			</div><!-- #comments -->

就这么多了，您已经创建了一个自定义的漂亮的评论模板。

如何创建 WordPress 主题

这篇文章是如何创建 WordPress 主题教程系列的其中一部分，该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/wordpress-theme-comments-template-tutorial/feed/ 0 http://www.essentialblog.cn/wordpress-theme-comments-template-tutorial/ WordPress 主题之单独日志、附档和 404 模板 http://feedproxy.google.com/~r/e-blog/~3/2qFnpJ_OSzA/ http://www.essentialblog.cn/wordpress-theme-single-post-post-attachment-404-templates-tutorial/#comments Sat, 04 Jul 2009 06:02:05 +0000 Young http://www.essentialblog.cn/?p=2716

原文：The WordPress Theme Single Post, Post Attachment, & 404 Templates

原文作者：Ian Stewart

译文：WordPress 主题之单独日志、附档和 404 模板

译文作者：Young

您已经为所有的文件创建了一个 Index，现在您需要为每一篇单独的文章（或者缺失的内容）创建一个单独的模板。

模板中的模板

single.php （以及以后将要创建的几乎所有的其他模板）的结构很多都是和 index.php 一样的，事实上，您可以把它看成模板中的模板。相同结构如下：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<?php get_header(); ?>
 
 
		<div id="container">	
			<div id="content">
 
				<div id="nav-above" class="navigation">
 
				</div><!-- #nav-above -->

				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
				</div><!-- #post-<?php the_ID(); ?> -->			
				<div id="nav-below" class="navigation">
 
				</div><!-- #nav-below -->					

 
			</div><!-- #content -->		
		</div><!-- #container -->

 
<?php get_sidebar(); ?>	
<?php get_footer(); ?>

但是也会有些显著的不同，先从 the_post() 和 comments_template() 开始吧。

在 <div id="content"> 之后以及 <div id="nav-above" class="navigation"> 之前，我们将调用 the_post() 函数（即 <?php the_post(); ?>）。这个模板不需要循环，因为通过之前创建的 the_permalink() 函数， WordPress 知道我们要找什么。

既然这是一篇单独日志，我们需要调用 comments_template() 函数。因为我们要把留言和引用分开，所以代码该是这样：

?View Code PHP
1

<?php comments_template('', true); ?>

上面的代码需要放在 </div><!– #content –> 之前，</div><!– #nav-below –> 之后。

单独日志导航

这里，我们将会用 next_post_link() 替代 previous_posts_link(), 用 previous_post_link() 替代 next_posts_link()，他们的作用就和他们的名称一样。

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14

	<div id="nav-above" class="navigation">
					<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">&laquo;</span> %title' ) ?></div>
 
					<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">&raquo;</span>' ) ?></div>
 
				</div><!-- #nav-above -->

				<div id="nav-below" class="navigation">
 
					<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">&laquo;</span> %title' ) ?></div>
 
					<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">&raquo;</span>' ) ?></div>
 
				</div><!-- #nav-below -->

单独日志标题

如果您还记得 header.php 那一课，就会发现我们用一个动态的 IF 语句方便屏幕浏览器识别单独日志标题。在这里以及后面的主题模板，我们将用 H1 标签获取文章标题。

?View Code PHP
1

	<h1 class="entry-title"><?php the_title(); ?></h1>

[代码放于 <div id="post-<?php the_id()? >" <?php post_class(); ?>> ] 之后。——译者注]

您会发现这个代码也有点简单，不需要任何链接。

单独日志实用性链接

文章的实用性很复杂。您从中将会发觉一次性获得答案以及站在他人肩膀上的好处。

在看代码之前，我们应该想一下它为什么那么复杂。由于 WordPress 评论的特殊性，我们需要考虑几种不同的方式：同时开放留言和引用方式、只开放引用、只开放留言或者留言和引用都关闭。这就意味着要用上一大堆 IF 语句，当然，还有 ELSEIF 语句。

我们还想添加一个页面永久链接以及 RSS 链接，这对跟踪开发交流有用。

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

		<div class="entry-utility">
					<?php printf( __( 'This entry was posted in %1$s%2$s. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>. Follow any comments here with the <a href="%5$s" title="Comments RSS to %4$s" rel="alternate" type="application/rss+xml">RSS feed for this post</a>.', 'your-theme' ),
 
						get_the_category_list(', '),
						get_the_tag_list( __( ' and tagged ', 'your-theme' ), ', ', '' ),
 
						get_permalink(),
						the_title_attribute('echo=0'),
						comments_rss() ) ?>
 
<?php if ( ('open' == $post->comment_status) && ('open' == $post->ping_status) ) : // Comments and trackbacks open ?>
 
						<?php printf( __( '<a class="comment-link" href="#respond" title="Post a comment">Post a comment</a> or leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'your-theme' ), get_trackback_url() ) ?>
 
<?php elseif ( !('open' == $post->comment_status) && ('open' == $post->ping_status) ) : // Only trackbacks open ?>
 
						<?php printf( __( 'Comments are closed, but you can leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'your-theme' ), get_trackback_url() ) ?>
 
<?php elseif ( ('open' == $post->comment_status) && !('open' == $post->ping_status) ) : // Only comments open ?>
 
						<?php _e( 'Trackbacks are closed, but you can <a class="comment-link" href="#respond" title="Post a comment">post a comment</a>.', 'your-theme' ) ?>
 
<?php elseif ( !('open' == $post->comment_status) && !('open' == $post->ping_status) ) : // Comments and trackbacks closed ?>
 
						<?php _e( 'Both comments and trackbacks are currently closed.', 'your-theme' ) ?>
<?php endif; ?>
 
<?php edit_post_link( __( 'Edit', 'your-theme' ), "\n\t\t\t\t\t<span class=\"edit-link\">", "</span>" ) ?>
 
					</div><!-- .entry-utility -->

上面的代码并没有那么复杂，不是吗？

单独日志内容

和 index.php 不一样，single.php 的内容很简单，只需要调用一个简单的 wp_link_page() 函数。

?View Code PHP
1
2
3

<?php the_content(); ?>
 
<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'your-theme' ) . '&after=</div>') ?>

(以上代码要放于 class="entry-content" 的 DIV 标签中间。——译者注）

单独日志附档

并没有多少人使用文章附档模板，但是它很有趣。当您在文章里添加图片的时候，您实际上是把图片附在文章上面。当然，您不仅可以附加图片。我们将要创建一个 attachment.php 文件，但是如果您喜欢，也可以添加 video.php、audio.php 以及 application.php，那样就可以在文章上面附视频、音频和其他应用了。创建附档模板的方法有很多种。

其中最简单的方法是复制 single.php 文件里面的内容，并重命名为 attachment.php，然后稍作修改：

首先，删除顶部的导航代码，这里完全不需要它，然后用链接到原始文章的的页面标题代替。

?View Code PHP
1

	<h1 class="page-title"><a href="<?php echo get_permalink($post->post_parent) ?>" title="<?php printf( __( 'Return to %s', 'your-theme' ), wp_specialchars( get_the_title($post->post_parent), 1 ) ) ?>" rev="attachment"><span class="meta-nav">&laquo; </span><?php echo get_the_title($post->post_parent) ?></a></h1>

既然页面标题已经由 h1 标签调用，我们的文章标题应该使用 h2 标签。

?View Code PHP
1

	<h2 class="entry-title"><?php the_title(); ?></h2>

由于很多的附档都是图片，为了正确显示附档，我们需要调用一个 IF 语句：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<div class="entry-content">
						<div class="entry-attachment">					
 
<?php if ( wp_attachment_is_image( $post->id ) ) : $att_image = wp_get_attachment_image_src( $post->id, "medium"); ?>
 
						<p class="attachment"><a href="<?php echo wp_get_attachment_url($post->id); ?>" title="<?php the_title(); ?>" rel="attachment"><img src="<?php echo $att_image[0];?>" width="<?php echo $att_image[1];?>" height="<?php echo $att_image[2];?>"  class="attachment-medium" alt="<?php $post->post_excerpt; ?>" /></a>
 
						</p>
<?php else : ?>		
						<a href="<?php echo wp_get_attachment_url($post->ID) ?>" title="<?php echo wp_specialchars( get_the_title($post->ID), 1 ) ?>" rel="attachment"><?php echo basename($post->guid) ?></a>		
 
<?php endif; ?>		
						</div>				
						<div class="entry-caption"><?php if ( !empty($post->post_excerpt) ) the_excerpt() ?></div>
 
 
<?php the_content( __( 'Continue reading <span class="meta-nav">&raquo;</span>', 'your-theme' )  ); ?>
 
<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'your-theme' ) . '&after=</div>') ?>
 
 
					</div><!-- .entry-content -->

再删除底部的导航代码之后，attachment.php 模板就做好了。

404 模板

当访问页面不存在的时候（例如博客文章的 URL 输入错误，或者文章根本就没有发表），就会出现 404 错误。

我们可以创建一个空白的 404.php 文件，然后插入以下代码：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11

<div id="post-0" class="post error404 not-found">
 
					<h1 class="entry-title"><?php _e( 'Not Found', 'your-theme' ); ?></h1>
 
					<div class="entry-content">
						<p><?php _e( 'Apologies, but we were unable to find what you were looking for. Perhaps searching will help.', 'your-theme' ); ?></p>
 
	<?php get_search_form(); ?>
					</div><!-- .entry-content -->
 
				</div><!-- #post-0 -->

这样，当访问页面不存在的时候，就会出现一个对不起的提示以及一个搜索框，非常简单直接。

如何创建 WordPress 主题

这篇文章是如何创建 WordPress 主题教程系列的其中一部分，该系列将会教您如何从零开始创建强大的 WordPress 主题。建议您从头开始阅读这个系列并自己动手编写一些漂亮的代码。

译者注：

1、single.php 文件里面作者好像忘记了元标签，虽然这个也可以从 index.php 里面复制过来。

2、single.php 文件里面的全部代码如下：

?View Code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101

<?php get_header(); ?>
<div id="container">	
			<div id="content">
			<?php the_post(); ?>
 
			<div id="nav-above" class="navigation">
					<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">&laquo;</span> %title' ) ?></div>
 
 
					<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">&raquo;</span>' ) ?></div>
 
 
			  </div><!-- #nav-above -->

				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
						<h1 class="entry-title"><?php the_title(); ?></h1>
						<div class="entry-meta">
						<span class="meta-prep meta-prep-author"><?php _e('By ', 'your_theme'); ?></span>
 
						<span class="author vcard"><a class="url fn n" href="<?php echo get_author_link( false, $authordata->ID, $authordata->user_nicename ); ?>" title="<?php printf( __( 'View all posts by %s', 'your_theme' ), $authordata->display_name ); ?>"><?php the_author(); ?></a></span>
 
						<span class="meta-sep"> | </span>
						<span class="meta-prep meta-prep-entry-date"><?php _e('Published ', 'your_theme'); ?></span>
 
						<span class="entry-date"><abbr class="published" title="<?php the_time('Y-m-d\TH:i:sO') ?>"><?php the_time( get_option( 'date_format' ) ); ?></abbr></span>
 
						<?php edit_post_link( __( 'Edit', 'your_theme' ), "<span class=\"meta-sep\">|</span>\n\t\t\t\t\t\t<span class=\"edit-link\">", "</span>\n\t\t\t\t\t" ) ?>						
					</div><!-- .entry-meta -->
 
											<div class="entry-content">
<?php the_content(); ?>
<?php wp_link_pages('before=<div class="page-link">' . __( 'Pages:', 'your_theme' ) . '&after=</div>') ?>
 
					</div><!-- .entry-content -->
 
								<div class="entry-utility">
					<?php printf( __( 'This entry was posted in %1$s%2$s. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>. Follow any comments here with the <a href="%5$s" title="Comments RSS to %4$s" rel="alternate" type="application/rss+xml">RSS feed for this post</a>.', 'your-theme' ),
 
 
						get_the_category_list(', '),
						get_the_tag_list( __( ' and tagged ', 'your-theme' ), ', ', '' ),
 
 
						get_permalink(),
						the_title_attribute('echo=0'),
						comments_rss() ) ?>
 
 
<?php if ( ('open' == $post->comment_status) && ('open' == $post->ping_status) ) : // Comments and trackbacks open ?>
 
 
						<?php printf( __( '<a class="comment-link" href="#respond" title="Post a comment">Post a comment</a> or leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'your-theme' ), get_trackback_url() ) ?>
 
 
<?php elseif ( !('open' == $post->comment_status) && ('open' == $post->ping_status) ) : // Only trackbacks open ?>
 
 
						<?php printf( __( 'Comments are closed, but you can leave a trackback: <a class="trackback-link" href="%s" title="Trackback URL for your post" rel="trackback">Trackback URL</a>.', 'your-theme' ), get_trackback_url() ) ?>
 
 
<?php elseif ( ('open' == $post->comment_status) && !('open' == $post->ping_status) ) : // Only comments open ?>
 
 
						<?php _e( 'Trackbacks are closed, but you can <a class="comment-link" href="#respond" title="Post a comment">post a comment</a>.', 'your-theme' ) ?>
 
 
<?php elseif ( !('open' == $post->comment_status) && !('open' == $post->ping_status) ) : // Comments and trackbacks closed ?>
 
 
						<?php _e( 'Both comments and trackbacks are currently closed.', 'your-theme' ) ?>
<?php endif; ?>
 
 
<?php edit_post_link( __( 'Edit', 'your-theme' ), "\n\t\t\t\t\t<span class=\"edit-link\">", "</span>" ) ?>
 
 
					</div>
								<!-- .entry-utility -->
 
				</div><!-- #post-<?php the_ID(); ?> -->			
		<div id="nav-below" class="navigation">
 
 
					<div class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">&laquo;</span> %title' ) ?></div>
 
 
					<div class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">&raquo;</span>' ) ?></div>
 
 
				</div>
<!-- #nav-below -->				
<?php comments_template('', true); ?>
 
</div>
			<!-- #content -->		
</div><!-- #container -->

<?php get_sidebar(); ?>	
 
<?php get_footer(); ?>

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/wordpress-theme-single-post-post-attachment-404-templates-tutorial/feed/ 0 http://www.essentialblog.cn/wordpress-theme-single-post-post-attachment-404-templates-tutorial/ QQ 肥水不流外人田 http://feedproxy.google.com/~r/e-blog/~3/CyTNt9F1a_Y/ http://www.essentialblog.cn/qq-is-too-selfish-to-accept-palringo/#comments Thu, 02 Jul 2009 23:00:05 +0000 Young http://www.essentialblog.cn/?p=2714

在 《您的 QQ 号码可能存在异常情况》 一文中，有位热心读者 nbysy 在留言框里说了很多，大概意思有几点：

1、QQ 没有跟 Palringo 合作；

2、Palringo 私自通过“逆向协议”“不合法”地利用 QQ；

3、Palringo 有可能偷偷记录我的帐号跟密码；

4、QQ 在这么多 IM 中，帐号安全应该做的是最好的。

留言很长，我作为附件放在文章的后面供参考。一开始看到这个留言的时候，我很想回复，但是又不知道怎么回。后来我写信给 Palringo，17 天之后才收到回复，回复的内容大概如下：

1、Palringo 承认是通过一种非正式的技术链接到 QQ；

2、之所以出现 “您的 QQ 号码可能存在异常情况”提示，是因为 Palringo 的服务器在英国；

3、QQ 已经修改了自身协议，Palringo 之前所用的技术失效；

4、Palringo 正在寻找解决方法，但恐怕有待时日。

Palringo 是用英文回复的，原始内容同样作为附件放在此文最后。

结合 Palringo 的回复，可以看出 nbysy 的第一点和第二点是正确的，至于 Palringo 是否会“偷偷记录我的帐号跟密码”，我无法验证，不过我相信它不会。

而至于 QQ 的帐号安全是否是做得最好的，我也无法论证，不过我想说的是：

为什么除了 QQ，MSN、GTalk、Facebook 等其他的 IM 工具都没有问题呢？难道是他们的帐户安全都不如 QQ？对此我深表怀疑。我认为 QQ 不给 Palringo 整合的根本原因不是为了帐号的安全，而是为了避免“肥水流外人田”。为什么这样说呢？因为 QQ 聊天软件上有大量的广告，有图为证：

QQ 广告

一个对话框，就有三个明显的广告，而“点此免费拥有 QQ 秀”则至少有可能给腾讯网页带去流量。而如果用户通过 Palringo 或者其他第三方软件玩 QQ, 那么腾讯一丁点利益也捞不到，虽然 Palringo 也捞不到——它目前没有广告。

附件：

1、nbysy 的留言：

QQ怎么可能会跟palringo合作？

只是palringo逆向了QQ的协议，然后假扮QQ的合法客户端与QQ交互。逆向QQ协议的客户
端一大堆，parlringo 不是第一个。 说到底，这些作法是不合法的。

又因为逆向的不完整或者逆向的协议版本太低，所以腾讯才会发现并警告异常。

这样的警告其实合情合理，因为许多盗用QQ或用QQ发广告的不法之徒就是用这些逆向的协议代码来自动登录QQ,然后做些自动化的操作。 腾讯有理由怀疑你的QQ已经被盗了。

另外，你试试用官方的手机版QQ登录试试看，会不会有问题。我怀疑出问题的可能性很小，因为我平时也经常用。分辩移动，电信，联通的接入点，这点能力QQ应该还是的，否则这么多手机QQ用户都要造反了。

如果QQ不是因为协议版本的问题而提出警告，而是其所说的“在国外异常登录”，那你应该还要怀疑的是，parlringo 是不是偷偷记录你的帐号跟密码，然后在国外登录了？或者，模拟QQ协议的软件模块是在parlringo的服务器上，所有消息都是经过parlringo 服务器中转的？

最后说句公道话，QQ在这么多IM中，帐号安全应该做的是最好的。你见过哪个IM被盗以后，还能通过申诉找回的？

2、Palringo 的回复：

Palringo was using an unofficial ‘bridge’ to connect to QQ who have now introduced a change in their protocol that prevents this. We are looking into a solution but are expecting the QQ service to remain inactive for the immediate future.

The foreign country log in will be due to the Palringo servers being situated in the UK – so nothing to work about.

-------------------------------------


© 逛逛精品博客，看看博客精品。| 转载请遵循“署名-非商业性使用”的创作共用协议。


]]> http://www.essentialblog.cn/qq-is-too-selfish-to-accept-palringo/feed/ 5 http://www.essentialblog.cn/qq-is-too-selfish-to-accept-palringo/