l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在WordPress中显示最近更新的文章列表

如何在WordPress中显示最近更新的文章列表

Bug编译狮

Bug编译狮

要实现WordPress中显示最近更新的文章列表，你可以使用以下步骤：

  1. 登录到你的WordPress管理后台。
  2. 转到“设置” -> “阅读” -> “文章时间线”选项卡。
  3. 在这里，你可以选择是否显示文章时间线，以及决定显示的最新文章数量。

这个设置会自动为你创建一个时间轴插件，它会在页面顶部显示最近更新的文章。例如，如果你选择了显示5篇文章，那么WordPress就会从数据库中获取这5篇最新的文章，并将其展示在页面顶部。

示例代码

首先，你需要添加一个自定义时间轴插件到你的网站。这是一个简单的HTML和CSS代码，可以让你自己定制时间轴的外观。

<!-- 自定义时间轴 -->
<div id="custom-time-line">
  <div class="time-line-item" data-date="2023-04-15">2023年4月15日</div>
  <div class="time-line-item" data-date="2023-04-14">2023年4月14日</div>
  <!-- 更多时间线项... -->
</div>

<style>
/* 时间线样式 */
.time-line-item {
  display: inline-block;
  margin-bottom: 10px;
}

.time-line-item span {
  font-size: 16px;
  color: #888;
}
</style>

这段代码创建了一个基本的时间轴，每条时间线上都有一个日期标签。每个日期标签后面跟着一个标题或描述，这些信息由WordPress根据文章内容动态生成。

使用步骤及效果

  1. 将上述代码复制并粘贴到你的WordPress主题的模板文件（通常是header.php或footer.php）中。
  2. 保存更改后，刷新你的网站，你应该能看到一个新的时间轴插件出现在页面顶部。

通过这种方式，你可以轻松地为你的WordPress网站添加一个动态、个性化的文章时间线。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在WordPress中，你可以使用wp_list_pages()函数来展示最近更新的文章列表。以下是如何实现这一功能的步骤：

  1. 首先，确保你已安装并激活了WordPress。

  2. 在主题或插件文件夹下创建一个新文件，例如recent_posts.php。

  3. 在recent_posts.php文件中编写以下代码：

<?php

function wp_recent_posts() {
    global $wp_query;
    $args = array(
        'post_type' => 'post',
        'posts_per_page' => 5,
        'order' => 'ASC',
        'orderby' => 'date',
        'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1,
    );
    $wp_query->set( 'meta_key', '_yoast_wpseo_meta_title' );
    $wp_query->set( 'meta_value_num', 0 );
    $wp_query->set( 'post_status', 'publish' );

    $query = new WP_Query( $args );
}

add_action( 'init', 'wp_recent_posts' );

这段代码定义了一个名为wp_recent_posts的函数，它设置了一些参数以获取前5个最新发布的文章（默认为按日期升序排列）。然后，通过add_action函数将这个函数添加到WordPress的初始化过程中，这样每当用户访问网站时，就会自动显示这些文章。

  1. 现在，在你的主题或插件中添加一个新的页面或者修改现有的页面，使其包含上述代码。例如，如果你有一个名为archive.php的页面，可以将其更改为如下所示：
<?php
// 这里插入你的自定义代码，如显示文章列表
if ( is_home() || ! has_posts() ) :
?>
<div class="container">
    <h1><?php echo esc_html(get_the_archive_title()); ?></h1>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <article>
            <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
            <time><?php the_time('F j, Y'); ?></time>
        </article>
    <?php endwhile; endif; ?>
</div>

<?php
endif;

add_action( 'template_redirect', 'wp_recent_posts' );

现在，当你访问带有自定义标题的页面时，将会看到按照日期排序的最新5篇文章列表。

注意：以上代码仅适用于WordPress 3.8及以上版本。如果使用的是较旧的版本，可能需要对代码进行一些调整。此外，为了获得更好的性能，建议使用PHP内置的array_slice()函数来截取数组的一部分，而不是硬编码数字。

最新更新