实现这样的回复之后可见内容的功能,我们之前讲了使用wordpxwenw.com/tag/re" target="_blank">ress回复可见插件,对于不想使用插件的学员,可以按照以下的方法,纯代码实现Wordpress内容回复可见。方法/步骤 在文章模板single.php里找到<?php the_content(“”); ?>,在它下方放上以下…

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

方法/步骤 在文章模板single.php里找到<?php the_content(“&#8221😉; ?>,在它下方放上以下的判断代码: <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&#8217😉 >=1) { $(“.zy_answer&#8221😉.css(“display”,”block&#8221😉; } }); </script> 将文章中需要回复可见的内容,写在自定义栏目里,栏目名为“作业答案”。如下图:(相关教程:wordpress自定义栏目设置方法) WordPress自定义栏目 大功告成!通过以上的操作,答案内容默认是被隐藏的,只有用于评论回复之后,才可以显示看到。真实使用纯代码实现了Wordpress内容回复可见功能。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。