Question

我是HTML 5中的新手，我正在使用HTML 5开发WordPress主题，我有以下疑问：

我必须把这个WordPress代码显示在我的页面主题中的所有帖子

<div id="content">
<?php if (have_posts()) : ?>

        <?php while (have_posts()) : the_post(); ?>

            <div class="post">
                <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
                <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

                <div class="entry">
                    <?php the_content('Read the rest of this entry »'); ?>
                </div>

                <p class="postmetadata">Posted in <?php the_category(', ') ?> <strong>|</strong> <?php edit_post_link('Edit','','<strong>|</strong>'); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>

                <!--
                <?php trackback_rdf(); ?>
                -->
            </div>

        <?php endwhile; ?>

        <div class="navigation">
            <div class="alignleft"><?php posts_nav_link('','','« Previous Entries') ?></div>
            <div class="alignright"><?php posts_nav_link('','Next Entries »','') ?></div>
        </div>

    <?php else : ?>

        <h2 class="center">Not Found</h2>
        <p class="center"><?php _e("Sorry, but you are looking for something that isn't here."); ?></p>
        <?php include (TEMPLATEPATH . "/searchform.php"); ?>

    <?php endif; ?>

</div>

现在在前面的代码中，这个php代码包含在经典的XHTML ... 块中。现在，我想使用 HTML 5 优化以前的代码。

使用 ... 替换外部 ... 是一个不错的选择吗？

还是有更好的解决方案吗？

执行此操作后，使用HTML 5 ... 标记包装每个帖子是一个不错的选择吗？

我的意思是我替换了这段代码：

<div class="post">
    ..................
    ..................
    ..................
</div>

有类似的东西：

<article>
   ..................
   ..................
   ..................
</article>

这是个好主意吗？

TNX

安德烈

Answer 1

检查的一个很好的参考是underscores (_s) theme。这是由Automattic（拥有WP的公司）维护的HTML5空白主题。这是他们使用的模板：

<article id="post-{ID#}” class="post-{ID#} post">  
  <header class="entry-header">
    <h1 class="entry-title”>…</h1>
    <div class="entry-meta”>…</div>
  </header>
  <div class="entry-content”>…</div>
  <footer class="entry-meta">…</footer>
</article>

Answer 2

WordPress并不关心它的模板输出哪个html，WordPress只是回显所有的内容。然而，你的主题可能取决于.post课程，但我猜你正在制作自己的主题

如何使用HTML 5在WordPress主题中显示帖子？

2 个答案: