设置您的 WordPress 博客以允许引用通告切换

我不喜欢 WordPress 的一个方面是引用显示为与帖子的其余评论一起的评论。当在帖子的评论中进行精彩的对话时，引用是一件令人讨厌的事情。然而，有些用户喜欢引用，所以我不能简单地摆脱它们。我知道有插件可用于将引用与帖子评论分开，但我选择了不同的方法。

使用 PHP、MooTools JavaScript 和简单的 CSS，我在我的网站上添加了在单击链接时切换引用显示的功能。想做同样的事情吗？请按照以下步骤操作。

第 1 步：PHP/XHTML

如果评论类型是 trackback，您需要将 CSS 类 trackback 添加到评论的 wrapper DIV。

<div id="comment-<?php comment_ID() ?>" >

第 2 步：CSS

在样式表中声明 trackback 类。此外，将切换链接定义为 ID(#)。

.trackback	{ display:none; }
#toggle-tb-link	{ display:block; float:right; font-size:11px; font-family:arial; font-weight:normal; margin:0 10px 0 0; color:#090; }

第 3 步：哞哞

使用 MooTools，我们创建了一个 JavaScript 函数，它根据引用是否应该显示或隐藏来设置包装器 DIV 的 CSS 显示属性和链接消息。

//trackback toggle
function toggle_trackbacks()
{
	//for every trackback div...
	$$('.trackback').each(function(el) {
		//show or hide the trackbacks
		el.setStyle('display',(el.getStyle('display') == 'block' ? 'none' : 'block'));
	});

	//set the link text
	$('toggle-tb-link').setText(($('toggle-tb-link').getText() == 'Hide Trackbacks' ? 'Show' : 'Hide') + ' Trackbacks');
}

第 4 步：创建链接

现在所有功能都已准备就绪，我们可以在页面的任何位置添加链接。

<a href="javascript:toggle_trackbacks();"  id="toggle-tb-link">Show Trackbacks</a>

您不需要为此项目使用 MooTools，但就像 MooTools 对我博客的其他部分所做的一样，我可以用少量代码创建很多功能。

没有引用？没问题！

如果没有引用，我还添加了以下代码片段来隐藏切换链接：

//manage trackback link
window.addEvent('domready',function() {
	if(!$$('.trackback').length) { $('toggle-tb-link').setStyle('display','none'); }
});

对这个系统有什么建议吗？