Question

如何在表格中添加列表帖子标题wordpress

我在index.php wp主题中的代码如下：

<?php
/**
 * @WP-Theme Twenty Twelve 1.0
 */
get_header(); ?>
    <div id="primary" class="site-content">
        <div id="content" role="main">
        <?php if ( have_posts() ) : ?>
<?php if ( function_exists( 'page_navi' ) ) page_navi( 'items=7&prev_label=Prev&next_label=Next&first_label=First&last_label=Last&show_num=1&num_position=after' ); ?><br/>
            <?php /* Start the Loop */ ?>
            <?php while ( have_posts() ) : the_post(); ?>

    <div><a class="judul" href="<?php the_permalink(); ?>">
    <?php the_title(); ?></a> 
    <small><div style="text-indent: 10px;">Oleh: <?php the_tags(' '); ?> | Media: <?php the_category(', '); ?> | Terbit: <?php the_time('l, j F Y'); ?> | Dibaca: <?php if(function_exists('the_views'))  { the_views(); }?></div></small>
    </div>

            <?php endwhile; ?>
<br/><?php if ( function_exists( 'page_navi' ) ) page_navi( 'items=7&prev_label=Prev&next_label=Next&first_label=First&last_label=Last&show_num=1&num_position=after' ); ?>
        <?php else : ?>
            <article id="post-0" class="post no-results not-found">
            <?php if ( current_user_can( 'edit_posts' ) ) :
            // Show a different message to a logged-in user who can add posts.
            ?>
            <header class="entry-header">
            <h1 class="entry-title"><?php _e( 'No posts to display', 'twentytwelve' ); ?></h1>
            </header>
            <div class="entry-content">
            <p><?php printf( __( 'Ready to publish your first post? <a href="%s">Get started here</a>.', 'twentytwelve' ), admin_url( 'post-new.php' ) ); ?></p>
            </div><!-- .entry-content -->
            <?php else :
            // Show the default message to everyone else.
            ?>
            <header class="entry-header">
            <h1 class="entry-title"><?php _e( 'Nothing Found', 'twentytwelve' ); ?></h1>
            </header>
                <div class="entry-content">
                    <p><?php _e( 'Apologies, but no results were found. Perhaps searching will help find a related post.', 'twentytwelve' ); ?></p>
                    <?php get_search_form(); ?>
                </div><!-- .entry-content -->
            <?php endif; // end current_user_can() check ?>
            </article><!-- #post-0 -->
        <?php endif; // end have_posts() check ?>
        </div><!-- #content -->
    </div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

这个结果在首页：

我希望在表格中添加列表帖子标题wordpress：

什么代码和我把它放在哪里？

Answer 1

<table border="1">
<?php while ( have_posts() ) : the_post(); ?>

    <tr><td colspan="2"><a class="judul" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></td></tr>
    <tr><td colspan="2">Oleh: <?php the_tags(' '); ?> | Media: <?php the_category(', '); ?> | Terbit: <?php the_time('l, j F Y'); ?> | Dibaca: <?php if(function_exists('the_views'))  { the_views(); }?></td></tr>

<?php endwhile; ?>
</table>

您可能需要使用上面的代码更改while循环。

在启动while循环之前创建<table>标记，并在while循环之后关闭</table>。
根据您的需要在while循环和<tr>中创建<td>。

Answer 2

看起来你正试图为列表设置样式。

我建议使用无序列表列出此实例中的帖子链接：

<?php if (have_posts()) : ?>
<?php if ( function_exists( 'page_navi' ) ) page_navi( 'items=7&prev_label=Prev&next_label=Next&first_label=First&last_label=Last&show_num=1&num_position=after' ); ?><br/>
<ul>
  <?php /* Start the Loop */ ?>
  <?php while ( have_posts() ) : the_post(); ?>
  <li>
    <a class="judul" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
  </li>
<?php  endwhile;
endif;
wp_reset_query();
?>
</ul>

您可以相应地设置样式：

ul {
list-style-type:none;
border: 2px solid #BCE1F1;
}

li:nth-child(odd) {
background: #95DBFE;
}

上面的第n个子选择器将为每个奇数编号的列表项提供不同的样式，具体取决于您使用的声明。在我的例子中，我给每个奇数编号的列表项目一个浅蓝色背景。

希望这有帮助！

Answer 3

请这样做：

tr:nth-child(odd) {
    background: #95DBFE;
}

tr:nth-child(even) {
    background: #BCE1F1;
}

如何在表格中添加列表帖子标题wordpress？

3 个答案: