wordpress 主题制作-自定义文章分类页并带翻页功能

作者: ricksteves 分类: wordpress 发布时间: 2020-03-01 14:52

有时候你需要自己制作一个文章分类显示页面,可能还需要翻页功能,这时候就要用到wordpress的一个插件叫:WP-PageNavi,官网地址:https://wordpress.org/plugins/wp-pagenavi/ ,wp的后台里面可以搜索:WP-PageNavi

安装好插件后,开始制作步骤:

1、新建一个文章列表页起名page-articlelist,引入基本结构的必要文件

 <?php /* Template Name: XXX文章列表页 */ ?>
<?php get_header(); ?> //共用头部文件
<?php get_sidebar() ?> //共用侧边栏文件
<?php get_footer(); ?> //共用尾部文件

2、在头部加入数据库查询代码

<?php
/** 升序还是降序,DESC表示降序,ASC表示升序 */
$order = ‘DESC’;

/** 每页显示多少篇文章 */
$posts_per_page = 3;

/**
* 只显示或不显示某些目录下的文章,目录ID用逗号分隔,排除目录前面加-
* 例如排除目录29和30下的文章, $cat = ‘-29,-30′;
* 只显示目录29和30下的文章, $cat = ’29, 30’;
*/
$cat = ‘1’;

/** 获取该页面的标题和内容 */
global $post;
$post_title = $post->post_title;
$post_content = apply_filters(‘the_content’, $post->post_content);
$paged = (get_query_var(‘paged’)) ? get_query_var(‘paged’) : 1;

/** 用WP_Query获取posts */
$post_list = new WP_Query(
“posts_per_page=” . $posts_per_page .
“&order=” . $order .
“&cat=” . $cat .
“&paged=” . $paged
);
$total_posts = $post_list->found_posts;
?>

3、在文章列表显示处,插入代码

<!–中部开始–>
<div class=”wrap”>
<ul class=”am-avg-sm-3 col3″>
<!–开启主循环查询–>
<?php if ( $post_list->have_posts() ) : while ( $post_list->have_posts() ) : $post_list->the_post(); ?>
<li>
<!–调用缩略图开始–>
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(); ?>
<?php else: ?>
<img src=”<?php bloginfo(‘template_url’); ?>/images/activities-pic2.jpg” width=”370″ height=”171″ alt=””>
<?php endif; ?>
<!–调用缩略图结束–>
<h4 class=”am-text-center”><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h4>
</li>
<?php endwhile; endif; ?>
<!–关闭主循环查询–>
</ul>

<?php if ( function_exists(‘wp_pagenavi’) ) wp_pagenavi( array(‘query’ => $post_list) ); ?>
</div>
<!–中部结束–>

4、wp后台里的页面中新建页面
在后台的页面栏目里新建页面,起个名字叫XX文章列表页,右侧模板文件选择刚刚制作的php文件,设置链接地址,发布后就可以了。

————————————————
版权声明:本文为CSDN博主「夏日米米茶」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xjtarzan/article/details/79268789

发表评论

电子邮件地址不会被公开。 必填项已用*标注