WordpressCMS主題開發09-製作內容頁面sidebar和文章瀏覽量功能

huangbangqing12發表於2018-07-08
IDE

這節課，我們來解決上節課留下來的2個小問題：內容頁面sidebar和瀏覽次數。

sidebar製作

內容頁面的sidebar可以和分類頁面或者首頁的sidebar不同，我們在內容頁面的側邊欄中展示熱門文章，最新文章和隨機文章。

同樣的，我們需要在主題資料夾下面，新建一個sidebar，名稱叫做single_sidebar.php。

然後來到single.php，把側邊欄的程式碼全部剪下到single_sidebar.php：

<div class="page_other_msg right" style="width: 262px; height: 28px"><div class="left_row">
<div class="list">
<div class="list_bar">// 使用者登入</div>
<div class="list_content">
<div id="div"></div>
</div>
</div>
</div>
<div class="left_row">
<div class="list">
<div class="list_bar">// 精彩圖文</div>

<ul class="left_pic">
  <li><a href="../wzjc/115.htm" title="快來免費領取5套價值上萬的網賺教程資料" target="_blank"><img src="../res_base/jeecms_com_www/upload/article/image/2010_2/6_22/2cc8gaqq93om.jpg" alt="快來免費領取5套價值上萬的網賺教程資料" /></a><a href="../wzjc/115.htm" target="_blank">快來免費領取5套價值上萬的網賺教程資料</a></li>
</ul>

</div>
</div>
<div class="left_row">
<div class="list">
<div class="list_bar">// 熱門排行</div>
<div class="list_content">
<div class="orderlist">
<a href="../wzjc/519.htm" title="4種不適合做網路兼職賺錢的人分析" target="_blank">4種不適合做網路兼職賺錢的人分析</a> <br />
<a href="../wzzt/520.htm" title="網路兼職賺錢，思路決定出路" target="_blank">網路兼職賺錢，思路決定出路</a> <br />
<a href="../wszq/518.htm" title="豆豆對話虛幻私塾陳輝民：seo現狀和前景分析" target="_blank">豆豆對話虛幻私塾陳輝民：seo現狀和…</a> <br />
<a href="../wzjc/517.htm" title="4種不適合做網路兼職賺錢的人分析" target="_blank">4種不適合做網路兼職賺錢的人分析</a> <br />
<a href="../wzjc/516.htm" title="網路兼職賺錢，從青蛙比賽中發現祕密" target="_blank">網路兼職賺錢，從青蛙比賽中發現祕密</a> <br />
<a href="../wzjc/515.htm" title="懂懂談對於網際網路創業的看法30條（7）" target="_blank">懂懂談對於網際網路創業的看法30條（…</a> <br />
<a href="../wzjc/514.htm" title="懂懂談對於網際網路創業的看法30條（6）" target="_blank">懂懂談對於網際網路創業的看法30條（…</a> <br />
<a href="513.htm" title="懂懂和陳輝民的第一次親密接觸" target="_blank">懂懂和陳輝民的第一次親密接觸</a> <br />
<a href="../wzjc/512.htm" title="懂懂談對於網際網路創業的看法30條（5）" target="_blank">懂懂談對於網際網路創業的看法30條（…</a> <br />
<a href="../wzjc/511.htm" title="懂懂談對於網際網路創業的看法30條（4）" target="_blank">懂懂談對於網際網路創業的看法30條（…</a> <br />
</div>

</div>
</div>
</div></div>

然後再single.php中呼叫single_sidebar.php：

    </div>

    <?php include( TEMPLATEPATH . '/single_sidebar.php' ); ?>

    <div class="page_other_msg right" style="width: 265px; height: 185px"></div>

來到網站前臺看看：

重新整理一下，沒有改變的話說明呼叫成功。

在這裡我把“使用者登陸”和“精彩圖文”都刪除：

我們可以根據你需要的功能，從sidebar.php中拷貝相關的程式碼：

    <div class="left_row">
    <div class="list">
    <div class="list_bar">// 最新留言</div>
    <div class="list_content">

    <?php
$comments = get_comments('status=approve&number=5&order=asc');
foreach($comments as $comment) :
$output ='<div class="msg_title">' .get_comment_author().'發表評論說：</div><div class="msg_content">  <a href="' . esc_url( get_comment_link($comment->comment_ID) ) . '">' . $comment->comment_content . '</a><br/></div>';
echo $output;
endforeach;?>

    </div>
    </div>
    </div>

這些程式碼我們之前的課程中已經介紹，這裡不再贅述。

檢視次數程式碼新增

這裡需要用到一個外掛：

wp-postviews

安裝，

安裝啟用完成後，會在設定欄中出現：

You must be logged in to view the hidden contents.

我們只需要在特定的位置，呼叫the_views函式就可以：

<div class="ctitleinfo">作者:<?php the_author_posts_link(); ?>;釋出日期：<?php the_date_xml(); ?>;檢視次數：<?php the_views();?> 次</div>

來到網站前臺，檢視一下，沒有問題：

顯示出了文章的使用次數。

這裡我把views改為中文，因為我們是中文的主題：

You must be logged in to view the hidden contents.

相關文章