首页 > 主题开发 > cms主题开发 > WordpressCMS主题开发09-制作内容页面sidebar和文章浏览量功能
2018
06-16

WordpressCMS主题开发09-制作内容页面sidebar和文章浏览量功能

这节课,我们来解决上节课留下来的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

安装,

安装启用完成后,会在设置栏中出现:

wp postviews安装 - WordpressCMS主题开发09-制作内容页面sidebar和文章浏览量功能

我们只需要在特定的位置,调用the_views函数就可以:

<div class="ctitleinfo">作者:<?php the_author_posts_link(); ?>;发布日期:<?php the_date_xml(); ?>;查看次数:<?php the_views();?> 次</div>

来到网站前台,查看一下,没有问题:

显示出了文章的使用次数。

这里我把views改为中文,因为我们是中文的主题:

wordpress中文设置 - WordpressCMS主题开发09-制作内容页面sidebar和文章浏览量功能

 

最后编辑:
作者:虚幻
这个作者貌似有点懒,什么都没有留下。

留下一个回复