为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 WordPress 中不使用 ul 和 li 标签来显示特定类别的帖子?

如何在 WordPress 中不使用 ul 和 li 标签来显示特定类别的帖子?

蓝山帝景 2023-10-04 15:33:35
我尝试使用以下代码显示某个类别中最近的 10 篇帖子:<div id="slideShow" class="carousel slide" data-ride="carousel">    <div class="carousel-inner">        <?php        $my_query = new WP_Query('showposts=10&cat=4');        while ($my_query->have_posts()) :            $my_query->the_post();            $do_not_duplicate = $post->ID; ?>                <div class="carousel-item active">                    <?php if (has_post_thumbnail($post->ID)) : ?>                        <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'carousel'); ?>                        <img src="<?php echo $image[0]; ?>" class="slideShowImage d-block mx-auto" alt="carouselImage" width="1100" height="500">                    <?php endif; ?>                    <div class="carousel-caption">                        <h3><?php the_title(); ?></h3>                        <?php the_content(); ?>                    </div>                </div>        <?php endwhile; ?></div>问题是这段代码在我添加 ul 和 li 标签之前不会显示帖子:<div id="slideShow" class="carousel slide" data-ride="carousel">    <div class="carousel-inner">        <ul id="carouselPosts">            <?php            $my_query = new WP_Query('showposts=10&cat=4');            while ($my_query->have_posts()) :                 $my_query->the_post();                 $do_not_duplicate = $post->ID; ?>我只想按原样使用代码,而不添加 ul 和 li 标签。另外,我不想使用任何像 Bootstrap carousel 这样的插件。最后,对于那些想要建议保留 ul 和 li 标签的人,我想说的是,正如在我网站的另一部分中我使用过 Bootstrap 卡组一样,我也会在该部分面临同样的问题。另一点是我不想在我的代码中添加额外的 CSS 和 JavaScript。
查看完整描述

1 回答

?
繁星淼淼

TA贡献1775条经验 获得超11个赞

我尝试使用以下代码显示某个类别中最近的 10 篇帖子:


<div id="slideShow" class="carousel slide" data-ride="carousel">

    <div class="carousel-inner">

        <?php

        $my_query = new WP_Query('showposts=10&cat=4');

        while ($my_query->have_posts()) :

            $my_query->the_post();

            $do_not_duplicate = $post->ID; ?>

                <div class="carousel-item active">

                    <?php if (has_post_thumbnail($post->ID)) : ?>

                        <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'carousel'); ?>

                        <img src="<?php echo $image[0]; ?>" class="slideShowImage d-block mx-auto" alt="carouselImage" width="1100" height="500">

                    <?php endif; ?>

                    <div class="carousel-caption">

                        <h3><?php the_title(); ?></h3>

                        <?php the_content(); ?>

                    </div>

                </div>

        <?php endwhile; ?>

</div>

问题是这段代码在我添加 ul 和 li 标签之前不会显示帖子:


<div id="slideShow" class="carousel slide" data-ride="carousel">

    <div class="carousel-inner">

        <ul id="carouselPosts">

            <?php

            $my_query = new WP_Query('showposts=10&cat=4');

            while ($my_query->have_posts()) :

                 $my_query->the_post();

                 $do_not_duplicate = $post->ID; ?>

                 <li class="list-unstyled">

                     <div class="carousel-item active">

                         <?php if (has_post_thumbnail($post->ID)) : ?>

                             <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'carousel'); ?>

                             <img src="<?php echo $image[0]; ?>" class="slideShowImage d-block mx-auto" alt="carouselImage" width="1100" height="500">

                         <?php endif; ?>

                         <div class="carousel-caption">

                             <h3><?php the_title(); ?></h3>

                             <?php the_content(); ?>

                         </div>

                     </div>

                 </li>

             <?php endwhile; ?>

         </ul>

     </div>

 </div>

我只想按原样使用代码,而不添加 ul 和 li 标签。另外,我不想使用任何像 Bootstrap carousel 这样的插件。最后,对于那些想要建议保留 ul 和 li 标签的人,我想说的是,正如在我网站的另一部分中我使用过 Bootstrap 卡组一样,我也会在该部分面临同样的问题。另一点是我不想在我的代码中添加额外的 CSS 和 JavaScript。


查看完整回答
反对 回复 2023-10-04
  • 1 回答
  • 0 关注
  • 49 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信