zoukankan      html  css  js  c++  java
  • WordPress主题开发实例:获取当前分类的文章列表

    思路:

    如果使用默认的wordpress的方法,调出来的数据就会被后台的显示个数所限制,而我们需要的是自由控制文章数和翻页,所以我使用WP_Query

    获取当前分类的方法可以通过 get_query_var('cat');

    分页通过get_query_var('paged')

    <?php
    $cat_query=new WP_Query(array(
        'cat' => get_query_var('cat'),
        'posts_per_page'=>12,
      'paged'=>get_query_var('paged')
    )); ?> <?php if($cat_query->have_posts()) : while($cat_query->have_posts()) : $cat_query->the_post(); ?> //调用文章对应内容 <?php endwhile;?>
    //分页参考:http://www.cnblogs.com/tinyphp/p/6361901.html <?php endif;?>

    快捷替换以上红字部分:

    标题与链接:

    <li>
       <a href="<?php the_permalink();?>"> 
            <?php the_title();?>
        </a>
       <span><?php the_time('Y-m-d');?></span>
    </li>

    缩略图与文字:

    <li>
       <a href="<?php the_permalink();?>"> 
           <?php if ( has_post_thumbnail() ) : ?>
            <?php the_post_thumbnail( 'thumbnail' ); ?>
            <?php else: ?>
            //显示默认图片
            <?php endif; ?>
        </a>
        <h3><a href="<?php the_permalink();?>"><?php the_title();?></a></h3>
    </li>
  • 相关阅读:
    数组、向量、矩阵的区别
    vue-cli3没有config.js文件的解决方法
    通用JS六
    通用JS五
    通用JS四
    通用JS三
    vue中sort排序与revers数据反序
    通用JS二
    VueX存储与本地存储以及会话存储的区别
    通用JS(一)
  • 原文地址:https://www.cnblogs.com/tinyphp/p/6943555.html
Copyright © 2011-2022 走看看