zoukankan      html  css  js  c++  java
  • wordpress调用自定义post_type文章

      前面我们讲了wordpress添加post_type自定义文章类型,我们现在来讲一下如何把自定义文章调用出来,我们以product为例,虽然我们自定义好了 Post Type 同时也编写了一些内容,但是在首页、列表里面并没有显示出来。自定义的 Post Type 的内容不会自动混入主循环里面。那如何让自定义 Post Type 的内容显示出来?需要使用 pre_get_posts 这个 action 来做一些处理:

    function add_custom_pt( $query ) {
      if ( !is_admin() && $query->is_main_query() ) {
        $query->set( 'post_type', array( 'post', 'the_custom_pt' ) );
      }
    }
    add_action( 'pre_get_posts', 'add_custom_pt' );
    

      将上面的代码加入到主题function.php文件中

      第二步,上面操作依赖模板,如果需要高度自定义或者在页面的某个模块中调用列表,就需要用到 WP_Query 类来调用:

    <?php $args = array( 'post_type' => 'product', 'posts_per_page' => 10);
                                        $loop = new WP_Query( $args );
                                        while ( $loop->have_posts() ) : $loop->the_post(); ?>
                                                <div class="col-4">
                                                    <a href="<?php the_permalink(); ?>" class="item wow zoomIn">                                                    
                                                            <b><?php the_title(); ?></b>
                                                        </div>
                                                    </a>
                                                </div>
                                            <?php endwhile; ?>
                                            <?php
                                            the_posts_pagination( array(
                                                'mid_size'  => 2,
                                                'prev_text' => __( 'Prev', 'textdomain' ),
                                                'next_text' => __( 'Next', 'textdomain' ),
                                            ) );
                                            ?>
    

      新建archive-product.php模板放在主题目录,这个是product的post_type模板,将上面的代码加入到archive-product.php中进行调用文章,刷新缓存就可以看到了

      参考资料:https://developer.wordpress.org/reference/hooks/pre_get_posts/

    https://blog.wpjam.com/article/wordpress-post-type/

  • 相关阅读:
    使用Task创建任务
    动态,静态库的发布和使用
    gcc编译
    knockout.js的学习笔记2
    网络爬虫基本原理(一)
    .Net项目分层与文件夹结构
    ASP.NET MVC的客户端验证:jQuery的验证
    ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现
    CMake 手册详解
    一个真实的应用程序 — 精通ASP.NET MVC 3
  • 原文地址:https://www.cnblogs.com/ytkah/p/11926186.html
Copyright © 2011-2022 走看看