Question

我想创建一个“加载更多文章”按钮，该按钮将再生成6篇文章。我一直在网上寻找并找到一些教程，但是它们是针对wordpress托管的网站的。我的网站仅将wordpress用于新闻报道并将其发布到我的html页面（我认为这样做不是正确的方法，但目前对我有用）

到目前为止，这是我的网站：http://futsoc.co/news/overview/recent-news/（我已纠正链接）

这是到目前为止我的代码的样子。我希望新文章以与第二个循环相同的格式发布：

我有一个循环来展示6篇特色文章

<div class="row">

<?php $my_query = new WP_Query( 'category_name=featured&posts_per_page=6' );
while ( $my_query->have_posts() ) : $my_query->the_post();
$do_not_duplicate[] = $post->ID; ?>

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
<div class="col-sm-6 col-md-6 col-xl-4">
<article class="news-container">
    <a href="<?php the_permalink();?>" class="news-link">
        <div class="news-image">
            <div class="news-img-bg" style="background-image: url('<?php echo $thumb['0'];?>')"></div>
        </div>
        <div class="news-info">
            <p>
                <i class="far fa-clock" style="padding-right:5px;"></i>
                <?php echo get_the_date(); ?>
            </p>
            <h5>
                <?php the_title(); ?>
            </h5>
        </div>
    </a>
</article>
</div>

<?php endwhile; ?>
</div>

并且我有一个循环来显示6篇最新文章（不包括已经发表的文章）

<div class="row">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); 
if ( in_array( $post->ID, $do_not_duplicate ) ) continue; ?>

<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );?>
<div class="col-sm-12 col-md-6">
<article class="news-container-small">
    <a href="<?php the_permalink();?>" class="news-link-small">
        <div class="news-image-small">
            <div class="news-img-bg-small" style="background-image: url('<?php echo $thumb['0'];?>')"></div>
        </div>
        <div class="news-info-small">
            <p>
                <i class="far fa-clock" style="padding-right:5px;"></i>
                <?php echo get_the_date(); ?>
            </p>
            <h5>
                <?php the_title(); ?>
            </h5>
        </div>
    </a>
</article>
</div>

<?php endwhile; endif; ?>
</div>

加载更多文章按钮wordpress

0 个答案: