您的位置:首页 > 其它

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

2018-02-06 11:24 651 查看
有时候你需要自己制作一个文章分类显示页面,可能还需要翻页功能,这时候就要用到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文件,设置链接地址,发布后就可以了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: