我正在尝试在 WordPress 上使用 Reveal.js ( https://github.com/hakimel/reveal.js/ ),帖子是每张幻灯片的内容。
我已经让帖子在幻灯片上正确显示,但是我很难找到一种方法来包装标签中具有相同类别的帖子。
基本上,我当前的代码如下所示:
<section class="section chapter-1 ">
</section>
<section class="section chapter-1 ">
</section>
<section class="section chapter-1 ">
</section>
<section class="section chapter-2 ">
</section>
<section class="section chapter-2 ">
</section>
但我需要它看起来像这样:
<section id="category-1">
<section class="section chapter-1 ">
</section>
<section class="section chapter-1 ">
</section>
<section class="section chapter-1 ">
</section>
</section>
<section id="category-2">
<section class="section chapter-2 ">
</section>
<section class="section chapter-2 ">
</section>
</section>
这是我的 index.php 代码:
<div class="reveal content-area">
<div id="content" class="slides site-content" role="main">
<?php if ( have_posts() ) : ?>
<?php /* The loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content', get_post_format() ); ?>
<?php endwhile; ?>
<?php twentythirteen_paging_nav(); ?>
<?php else : ?>
<?php get_template_part( 'content', 'none' ); ?>
<?php endif; ?>
</div><!-- #content -->
</div><!-- #primary -->
...等等,更多的“章节”和更多的类别
如果您注意到第二个代码示例被分组并包装在带有类别名称 ID 的部分标记中。