在學(xué)做網(wǎng)站論壇的建站課程作業(yè)區(qū)，我們給學(xué)習(xí)建網(wǎng)站的學(xué)員列出了很多的問題，并且每個(gè)問題也有相應(yīng)的正確答案。但設(shè)置了一個(gè)功能-內(nèi)容回復(fù)可見。學(xué)員學(xué)習(xí)回答問題之后，才可以看到問題的正確答案。

回復(fù)前：

回復(fù)后：

實(shí)現(xiàn)這樣的回復(fù)之后可見內(nèi)容的功能，我們之前講了使用wordpress回復(fù)可見插件，對(duì)于不想使用插件的學(xué)員，可以按照以下的方法，純代碼實(shí)現(xiàn)Wordpress內(nèi)容回復(fù)可見。

方法/步驟

1. 在文章模板single.php里找到<?php the_content(""); ?>，在它下方放上以下的判斷代碼：

   
   <div class="zy_answer">
   
   ?           <strong>答案：</strong>
   
   ?           <pre><?php echo get_post_meta($post->ID,"作業(yè)答案",true);?></pre>
   
   ?           </div>
   
   ?           <p class="zy_tj">回答后可見正確答案！<a href="#respond">立即回答</a></p>
   
   

2. 在自己的模板模式表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;}
   
   

3. 在底部模板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>
   
   

4. 將文章中需要回復(fù)可見的內(nèi)容，寫在自定義欄目里，欄目名為“作業(yè)答案”。如下圖：（相關(guān)教程：wordpress自定義欄目設(shè)置方法）
   
5. 大功告成！通過以上的操作，答案內(nèi)容默認(rèn)是被隱藏的，只有用于評(píng)論回復(fù)之后，才可以顯示看到。真實(shí)使用純代碼實(shí)現(xiàn)了Wordpress內(nèi)容回復(fù)可見功能。

提醒：

WordPress內(nèi)容回復(fù)可見功能必須結(jié)合Wordpress評(píng)論功能實(shí)現(xiàn)，如果你做的網(wǎng)站沒有評(píng)論功能，可按照這個(gè)方法添加評(píng)論功能。方法見：wordpress評(píng)論功能模板(comment.php)制作

標(biāo)簽： isp 代碼 建網(wǎng)站 建站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。