纯代码实现WordPress内容回复可见功能

发布时间:2012-07-26 6:10:32

实现这样的回复之后可见内容的功能,我们之前讲了使用wordpress回复可见插件,对于不想使用插件的学员,可以按照以下的方法,纯代码实现Wordpress内容回复可见。

方法/步骤
在文章模板single.php里找到<?php the_content(“”); ?>,在它下方放上以下的判断代码:
<div class=”zy_answer”>
<strong>答案:</strong>
<pre><?php echo get_post_meta($post->ID,”作业答案”,true);?></pre>
</div>
<p class=”zy_tj”>回答后可见正确答案!<a href=”#respond”>立即回答</a></p>
在自己的模板模式表style.css里粘贴以下的CSS样式。
.zy_answer{display:none;}
.zy_answer_admin,.zy_answer{padding:10px;border:1px dashed #d2d0d0;}
.zy_answer_admin pre,.zy_answer pre{white-space: pre-wrap;}
.zy_tj{border-top:1px dashed #d2d0d0;margin:15px 0;padding:10px 0;color:#F00;}
在底部模板footer.php中,放上以下JS代码,用于控制显示与隐藏。
<script src=”http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js”></script>
<script>
$(function(){
var url = location.href;
if (url.indexOf(‘comment’) >=1) {
$(“.zy_answer”).css(“display”,”block”);
}
});
</script>
将文章中需要回复可见的内容,写在自定义栏目里,栏目名为“作业答案”。如下图:(相关教程:wordpress自定义栏目设置方法)
Wordpress自定义栏目
大功告成!通过以上的操作,答案内容默认是被隐藏的,只有用于评论回复之后,才可以显示看到。真实使用纯代码实现了Wordpress内容回复可见功能。

相关文章

写给所有做网站的朋友的一封信

写给所有做网站的朋友的一封信

现在就开始执行“1+N”营销推广和没有开始执行的人,一两天看不出任何区别; 一两个月看来差异也是微乎其微的;但在2-5年的长远时间来看的时候,你的高质 量询盘不断增加,你的互联网资产已经建立完成,对手已经很难匹敌,现在你看到这段文字的时候就是最好的开始,现在就是最好的时候,马上开始“1+N”体系的整体营销推广吧,我们和你一起,开创互联网营销大未来!

点击查看详情

准备开启WordPress网站建设推广?

我们相信高端漂亮的网站不应该是昂贵的,这就是wordpress对每个人都是免费的原因
wordpress建站免费入门,并提供价格合理的wordpress建站套餐。