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

实现这样的回复之后可见内容的功能，我们之前讲了使用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内容回复可见功能。