WordPress装B评论插件

By19.Published on八月 26, 2008 17:21. 76 Views .
很差差一般好非常好 (暂时没有评分)
Loading ... Loading ...

在发表的文章的任何位置分别插入留言信息.

只是光说的话还是说不明白，举个例子：比如下面的这个图或者引用了一篇什么文章，我想让看我文章的人就这个图或引用的文章留下一些评论，则就可以这样 – 。-


留下对上图的看法 – 。-[!!]
   Loading……

下载插件，后台激活，在发表文章中适当的位置加入这段：

1

[zhuangb event="mouseover" id="1" title="留下对上图的看法 - 。-"]

就可以实现在文章的任何位置插入留言了，一开始的想法是这样做可以把文章的不同部分分开评论，而且也可以在不是文章页的地方像首页和分类页添加评论了。这里可以设置表单出现的鼠标事件，比如我下面的一个图想再次就这个图添加留言，换作用点击的方式出现表单：


点击留下对此图的意见 – 。-[!!]
   Loading……

在发表文章中适当的位置加入这段：

1

[zhuangb event="mousedown" id="2" title="点击留下对此图的意见 - 。-"]

这样就可以对两处进行分别的评论了，而且所有的评论还是会在文章页最下面的评论表单中列出，只是在各自的位置分开显示。

说明一下这些参数：

1

[zhuangb event="mouseover" id="1" title="留下对上图的看法 - 。-"]

event是鼠标事件基本用”mouseover”移动显示评论表单和”mousedown”点击显示评论表单，id是插入评论的序号，这个必须得有，如果你只想在文章的一个位置只插入一个这样的分类留言也必须写上id=”1″，如果多个就用id=”2″，id=”3″之类一篇文章中id是不能重复的，这个要注意。title=”留下对上图的看法 – 。-”这个title就是显示在留言上面的提示文字了，随意写~确保你的主题中有用到

1

< ?php wp_head(); ?>

这个接口函数,如果没有请在</head>上方加入，这个函数不会对你的模板主题造成任何影响。

每处用了插件的地方每次显示10条留言，一共可以显示200条最近留言，用FLASH来做留言导航只是单纯喜欢FLASH而已没什么别的意思，下载的压缩包中”FLASH导航源文”文件夹是FLASH的源文件，zhuangb文件夹是插件部分，将zhuangb文件夹复制到你的wp-content\plugins下后台激活就OK了。其他：插件要生成一张表wp_zhuangb_comments来记录对应留言ID（仅记录ID，基本不会占用表空间），插件用了jquery所以如果站点已经用到jquery的人最好在wp-zhuangb.php中把引入的jquery注释掉。

版本更新记录：

（080827）V1.1:

1.加入一个后台，设置-》Zhuangb Admin Page。
如果你删除了在装B留言中的留言，可以在这里清除相关的zhuangb表的无用信息，每一段时间执行一次即可。

2.加入了在每次发表zhuangb留言前加上“This comment in post”的提醒，这个会出现在文章页的最下方的留言列表中，不会出现在文章zhuangb留言的地方。

V1.2:修改了可能会出现的显示不出留言内容的问题。

-= wordpress官方插件地址下载 =-

-= 或者也可以用SVN下载更新 =-

-= 如果需要FLASH导航源文件这里下载 解压后《FLASH导航源文》就是导航的源文件 那个zhuangb目录是最早的版本就不用看了 懒得从新开个新下载了 =-

继续阅读…Continue reading…

{ 46 comments } { Tags: , }

JQuery-WordPress的全站Ajax加载

By19.Published on七月 12, 2008 5:15. 527 Views .
很差差一般好非常好 (4 次评分, 平均: 4.75 out of 5)
Loading ... Loading ...

利用jQuery来简单实现WordPress的全Ajax加载.

现在站点已经完成了大部分链接的AJAX加载。我的做法是因为每次打开文章只需要SINGLE部分，打开首页面之类只需要INDEX部分，所以HEADER,SIDEBAR,FOOT就加载一次就行了。

在INDEX和SINGLE的相关部分加了一句：

1
2
3
4
5
6
7
8
9
10
11

< ?php 
$glll=$_POST["glll"];
if ($glll != "ajax") {
get_header(); 
}
?>
< ?php 
if ($glll != "ajax") {
get_footer(); 
}
?>

就是说判断什么时候来读取HEADER和FOOT，一般如果从搜索引擎或者其他链接进来是不会post一个值为ajax的参数glll的，所以我们在自己页面点击的时候就可以传这个参数进来判断他不去执行HEADER,SIDEBAR,FOOT之类了。

然后在HEADER的末尾

1
2

<div id="ajaxPost" style="margin:0; padding:0;">
</div>

和FOOT的最上面

1

 

这个ID叫ajaxPost的DIV就用做每次点击链接来替换相应内容，比如我首页输出了文章的标题链接我点击他来AJAX在当前页面：

1
2

<!-- 这是我的文章标题链接 -->
<h2><a href="<?php the_permalink(); ?>" id="entry-post-< ?php the_ID() ?>"  title=" Link to < ?php the_title(); ?> ...GL`LL."  name="PostID-< ?php the_ID() ?>" rel="bookmark">< ?php the_title(); ?></a></h2>
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

<!-- 之后标题下直接添加相关JS -->
<script type="text/javascript">
jQuery('#entry-post-< ?php the_ID() ?>').click(function() {
<!-- 点击之后再替换URL成"#",因为我觉得链接是要全部输出来才好，毕竟要让搜索引擎收录的。 -->
jQuery('#entry-post-< ?php the_ID() ?>').attr("href","#");
<!-- #ajaxPost 在加载成功前就显示等待加载之类的文字 -->
document.getElementById("ajaxPost").innerHTML = "<div style="margin-bottom:800px;  padding-left:60px; padding-top:20px;"><h2>等待加载...< ?php the_title(); ?>.</h2><br /><font style="font:Verdana; font-size:9px; color:#0000FF">Loading for life......</font>&nbsp;&nbsp;&nbsp;<img src="http://www.ll19.com/glll/images/busy.gif" border="0" /></div>";
jQuery.ajax({ 
<!-- 访问的链接 -->
url : "< ?php bloginfo('home') ?>/?p=< ?php the_ID() ?>", 
<!-- 传入的用来判断的参数 -->
data : "glll=ajax",
dataType : "html",
<!-- 这里为了不让在请求后将data附加在URL上，所以请不要用默认的GET  -->
type : "post",
success : function(message){
<!-- message 就是已经读取完毕的内容了 用innerHTML或者jQuery的方法输出到#ajaxPost都可以-->
document.getElementById("ajaxPost").innerHTML = message;
<!-- 下面是为了执行massage中的JS innerHTML后不能执行JS的问题也可以用这个方法轻松解决-->
var script = new Array();
script = jQuery("#ajaxPost script");
for (var i=0; i</script><script .length; i++) {
eval (jQuery(script[i]).html());
}
},
<!-- 抛出错误的话  -->
error : function(result) {
alert(result.responseText);
document.getElementById("ajaxPost").innerHTML = "<div style="margin-bottom:800px;  padding-left:60px; padding-top:20px;"><h2>AJAX Error...</h2><h2></h2></div>";
}
});
});
</script>

success会得到所访问地址返回的非错误页面（当然你可以设置他的类型，并非就非要是HTML）。比如PHP访问后输出的echo或者比如访问java的servlet后out.print();(不过做JAVA更多用DWR实现AJAX)。

error则得到返回的错误页面，result.responseText得到具体的错误信息。
也可以用一些比如slideDown和slideUp来让他更牛B的显示出来,最后觉得呢《奋斗》这片应该改名叫《吃喝玩乐谈对象》。

关于SEO的说明：JQuery是不用去掉a中的href加入onclick之类才能执行的，你完全可以输出所有的链接（不论是WP默认的http://****/?p=之类还是已经在后台设置了静态链接的.html之类），之后在页面的最下加入执行AJAX的JS，比如这个页面我输出的链接也是静态链接，你如果直接点击确实是AJAX来加载，不过如果是右键新窗口的话打开的就是他输出的链接，所以是不会影响搜索引擎收录的，因为你所有链接已经正常输出了。

继续阅读…Continue reading…

{ 29 comments } { Tags: , , }
Page 5 of 6123456