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

有时候你需要自己制作一个文章分类显示页面,可能还需要翻页功能,这时候就要用到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文件,设置链接地址,发布后就可以了

猜你喜欢

转载自blog.csdn.net/xjtarzan/article/details/79268789