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文件,设置链接地址,发布后就可以了相关文章推荐
- WordPress 主题制作技巧之四 [ 在首页或分类页显示文章摘要 ]
- 使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题
- WordPress中给文章添加自定义字段及后台编辑功能区域
- WordPress主题开发: 制作文章页面single.php
- WordPress中给文章添加自定义字段及后台编辑功能区域
- WordPress主题制作教程10:添加文章类型插件Custom Post Type UI
- WordPress主题开发: 制作文章页面single.php
- 使用 WordPress 自定义字段功能为文章添加下载按钮
- wordpress主题制作教程(十):制作文章单页模板single.php
- WordPress主题制作教程8:自定义page模版
- wordpress3.8之文章自定义栏目功能的使用
- WordPress主题开发:开启文章缩略图功能
- 黄聪:如何使用WordPress 2.9内置文章缩略图功能(Post Thumbnail)
- WordPress主题制作教程6:常用模版标签
- WordPress主题制作全过程(二):主题文件构成
- WordPress主题制作全过程(十):制作comments.php
- 给WordPress后台文章列表增加自定义排序栏
- WordPress主题制作完全指南[作者:幸福的收藏夹]
- Sublime Text 自定义主题颜色 Color Scheme 生成器(功能十分强大)
- Sublime Text 自定义主题颜色 Color Scheme 生成器(功能十分强大)