如何在wordpress中循环页面？

Question

我正试图做一个项目的投资组合，也有一个小博客。我想为我的项目使用“页面”，为我的博客文章使用普通文章。我正在尝试html" target="_blank">循环页面，但不断出现错误。

这是我的代码：

<?php
$args = array(
    'post_type' => 'page', // set the post type to page
);
wp_reset_query();
$pages = new WP_Query($args);
if ($pages->have_posts()) { ?>

    <?php

    while ($pages->have_posts()) {
        $count++;
        $pages->the_post(); ?>

        <div>
            <article class="card post">
                <figure class="figure"
                        style="background-image: url(<?php if (has_post_thumbnail()) {
                            the_post_thumbnail_url();
                        } else {
                            bloginfo('template_url'); ?>/resources/assets/images/no-img-post.png <?php } ?>)">
                    <figcaption class="post-img d-flex align-items-center justify-content-center">
                        <a href="<?php echo get_permalink() ?>" title="<?php get_the_title() ?>">
                            <i class="material-icons">link</i>
                        </a>
                    </figcaption>
                </figure>
                <div class="card-body">
                    <a href="<?php echo get_permalink() ?>" title="<?php get_the_title() ?>" class="card-title">
                        <?php echo wp_trim_words(get_the_title(), 60); ?>
                    </a>
                    <div class="card-text">
                        <?php the_content(false, true) ?>
                    </div>
                    <div class="card-bottom text-align-right">
                        <a href="<?php echo get_permalink() ?>" title="Read the full article" class="btn btn-primary">
                            Read More
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </article>
        </div>

    <?php } } ?>

我一直得到的错误是：

致命错误：未捕获错误：调用成员函数have_posts（）在C：\xampp\htdocs\ivannikolov\wp-内容\主题\port18\index.php:31堆栈跟踪：#0 C：\xampp\htdocs\ivannikolov\wp-包括\template-loader.php（74）：包括（）#1 C：\xampp\htdocs\ivannikolov\wp-blog-header.php（19）：require_once（'C：\xampp\htdocs...'）#2 C：\xampp\htdocs\ivannikolov\index.php（17）：要求（'C：\xampp\htdocs...'）#3{main}在第31行的C：\xampp\htdocs\ivannikolov\wp-Content\port18\index.php中抛出

我该如何解决这个问题？

Answer 1

<?php
$args = array(
    'post_type' => 'page', // set the post type to page
);
$query = new WP_Query($args);
if ($query->have_posts()) {
    ?>

    <?php
    while ($query->have_posts()) {
        $query->the_post();
        $count++;
        ?>

        <div>
            <article class="card post">
                <figure class="figure"
                        style="background-image: url(<?php
                        if (has_post_thumbnail()) {
                            the_post_thumbnail_url();
                        } else {
                            bloginfo('template_url');
                            ?>/resources/assets/images/no-img-post.png <?php } ?>)">
                    <figcaption class="post-img d-flex align-items-center justify-content-center">
                        <a href="<?php echo get_permalink() ?>" title="<?php get_the_title() ?>">
                            <i class="material-icons">link</i>
                        </a>
                    </figcaption>
                </figure>
                <div class="card-body">
                    <a href="<?php echo get_permalink() ?>" title="<?php get_the_title() ?>" class="card-title">
                        <?php echo wp_trim_words(get_the_title(), 60); ?>
                    </a>
                    <div class="card-text">
        <?php the_content(false, true) ?>
                    </div>
                    <div class="card-bottom text-align-right">
                        <a href="<?php echo get_permalink() ?>" title="Read the full article" class="btn btn-primary">
                            Read More
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </article>
        </div>

    <?php
    }
}
wp_reset_postdata();
?>