我是否可以在循环运行时将通用的编号HTML类添加到项中？

时间：2016-08-18 作者：winchendonsprings

当a循环运行时，我可以让每个新帖子都获取自己的HTML类吗？

例如，循环运行第一项获取class="first"class="second"class= 1、2、3、4等。

我刚刚使用CSSnth-child() 以每个新项目为目标。

index.php （这里是循环调用，get\\u template\\u part使用循环内容拉取content.php）

```

      <?php $the_query = new WP_Query( array(\'post_type\'=>\'post\', \'post_status\'=>\'publish\', \'posts_per_page\'=>5, \'paged\'=>$paged) ); ?> 

      <?php if ( $the_query->have_posts() ) : ?>

      <?php $counter = 1; ?>

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

      <?php get_template_part( \'content\', get_post_format() ); ?>
```

content.php （这是我要添加类的循环的内容开头）

```

      <?php include(locate_template(\'index.php\')); ?>

      <?php $counter++; ?>

      <article id="post-<?php the_ID(); ?>" <?php post_class( \'inline-post-\' . $counter ); ?>>
```

2 个回复
最合适的回答,由SO网友:bynicolas 整理而成

你可以使用post_class 在循环内。

<?php post_class( \'myclass-here\'); ?>

这将添加必要的HTMLclass="" 和WP默认类以及您的新myclass-here 班

然后可以使用循环中的计数器向post类添加唯一的后缀

// Outside the loop initialize your counter
$counter = 1;
。

// Then in the loop
<?php post_class( \'myclass-here-\' . $counter ); $counter++; ?>

EDIT

好的，考虑到你问题中的新信息，方法是set a query var 该变量现在可以在模板部分使用。

index.php

在这里，您可以在调用之前设置查询变量get_template_part() 然后你会增加它。您仍然必须在循环外初始化$counter 当然看起来像这样

<?php set_query_var( \'counter\', $counter ); ?>
<?php get_template_part( \'content\', get_post_format() ); $counter++; ?>
然后在你的content.php 文件，则只需调用变量$counter

<article id="post-<?php the_ID(); ?>" <?php post_class( \'inline-post-\' . $counter ); ?>>
不要增加$counter 在您的content.php 文件，不包括locate_template() 任何一个

SO网友:Aamer Shahzad

我想这对你有帮助。

if ( have_posts() ) :
    $post_count = 0;
    while ( have_posts() ) : the_post();
    $post_count++;
    $post_classes = \'post-\' . $post_count;
    ?>
    <article id="post-<?php the_ID(); ?>" <?php post_class( $post_classes ); ?>>
    <!-- post stuff here.... -->
    </article>
    <?php
    endwhile();
endif;

标签： loop   css   html   小码农  

相关推荐

在帖子内容中使用语义HTML有什么好处？

我一直在阅读语义HTML作为提高可访问性和SEO的一种手段，但我仍在学习语义HTML的含义。我的一个问题是，是否有必要确保在帖子内容中尽可能多地使用语义HTML。Example:我有一个研究项目的职位类型。单个研究项目的总结可以有任意数量的缩写，如学历、前缀和后缀（例如，先生、先生或小）、疾病、组织、技术（例如，MRI）等。它还可以引用其他日期，例如过去的研究何时完成。网站上肯定会有研究项目发布的日期。以下是一些让我对过去使用语义HTML感到好奇的例子：日期范围，如；2020-2022年”</序数的