如何使用 wordpress 代码将自定义帖子类型显示为网格视图

Question

我有一个自定义帖子类型“事件”，我想在一个包含 3 列的表格中显示事件，并使用 wordpress 中的代码进行分页。

这是我到目前为止所做的，但它显示为一个列表。

$loop = new WP_Query( array( 'post_type' => 'events' , 'posts_per_page' => 3) );
    $count = $loop->post_count;

    if ( $loop->have_posts() ) :
    ?>
    <h2 style="position:relative;top:100px" align="center"> News & Events</h2>
    <div id = "menu" style="position:relative;top:100px;left:350px">
    <ul>
      <li class = "aa"><a class="anchor" id="all"  href="#">All</a></li>
      <li  class = "aa"><a  class="anchor" id ="videos" href="#">Videos</a></li>
      <li  class = "aa"><a  class="anchor" name = "links" id="links" href="#">Links</a></li>
      <li  class = "aa"><a  class="anchor" id = "our events" name ="our events" href="#">Our Events</a></li>
    </ul>
    </div>
    <br>

    <br><br>

    <?php
        while ( $loop->have_posts() ) : $loop->the_post(); ?>


            <div class="pindex" style="position:relative;top:100px;left:-450px">
                <?php if ( has_post_thumbnail() ) { ?>
                    <div class="pimage">
                        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
                    </div>
                <?php } ?>
                <div class="ptitle">

                    <h2><?php 
                    echo get_the_title() ?></h2>
                <div style="width:20%;position:relative;top:10px;left:550px" ><?php echo the_content();?>   </div>
                </div>
            </div>

        <?php 

        endwhile;

        if (  $loop->max_num_pages > 1 ) : ?>
            <div id="nav-below" class="navigation">
                <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Previous', 'domain' ) ); ?></div>
                <div class="nav-next"><?php previous_posts_link( __( 'Next <span class="meta-nav">&rarr;</span>', 'domain' ) ); ?></div>
            </div>
        <?php endif;
    endif;
    wp_reset_postdata();

有人可以帮我解决这个问题吗？

Answer 1

您使用此方法显示自定义帖子events 并按原样进行分页

$args = array( 
   'post_type' => 'events', 
   'posts_per_page' => 3
);

$posts_array = get_posts( $args );
// print_r($posts_array);
foreach ( $posts_array as $post ){
   echo $post->ID;
}