l-1

WordPress笔记

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

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

Bug编译狮

Bug编译狮

在 WordPress 中，你可以通过自定义模板或使用插件来展示最近更新的文章列表。以下是两种方法的详细说明和示例。

方法一：使用自定义模板

  1. 创建自定义模板文件：

    • 打开 wp-content/themes/your-theme/ 目录。
    • 创建一个新的目录，例如 recent-posts。
    • 在这个新目录下创建一个 PHP 文件，比如 index.php 或者 archive.php（根据你的需求）。

  2. 编写自定义模板文件：

    <?php get_header(); ?>

<div class="container">
   <h1>最新文章</h1>
   <?php query_posts('showposts=5&orderby=date&order=DESC'); ?>

   <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
       <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
           <header>
               <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
               <span><?php echo get_the_date(); ?></span>
           </header>

           <section>
               <?php the_excerpt(); ?>
           </section>
       </article>
   <?php endwhile; endif; wp_reset_query(); ?>
</div>

<?php get_footer(); ?>

  3. 测试模板：

    • 保存并上传到服务器。
    • 浏览网站，你应该能看到最新的五篇文章列表。

示例效果：

  • 用户访问页面时，会看到类似于以下的内容：

    <h1>最新文章</h1>
<article>
<header>
    <h2><a href="http://example.com/post-one">Post One Title</a></h2>
    <span>Sep 01, 2023</span>
</header>

<section>
    Post One Excerpt
</section>
</article>
<article>
<header>
    <h2><a href="http://example.com/post-two">Post Two Title</a></h2>
    <span>Sep 01, 2023</span>
</header>

<section>
    Post Two Excerpt
</section>
</article>
...

方法二：使用插件

  1. 安装和激活插件：

    • 访问 WordPress 网站后台。
    • 导航到“插件” -> “添加新插件”。
    • 搜索并选择一个支持显示最近文章的插件，如 “Recent Posts”、”WP Featured Posts” 等。
    • 安装并激活该插件。

  2. 设置插件选项：

    • 插件通常会有设置选项，允许用户指定显示文章的数量和其他参数。

  3. 查看文章列表：

    • 插件安装后，通常会在主题的主栏或者特定区域自动显示最近的文章列表。

示例效果：

  • 使用 “Recent Posts” 插件时，用户可能看到类似以下的效果： 
    <ul>
<li><a href="http://example.com/post-one">Post One Title</a>, Published on Sep 01, 2023</li>
<li><a href="http://example.com/post-two">Post Two Title</a>, Published on Sep 01, 2023</li>
...
</ul>

这两种方法都可以帮助你在 WordPress 站点上动态地显示最近更新的文章列表。选择哪种方法取决于你的具体需求和个人偏好。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

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

目标：展示最近更新的文章列表。

步骤：

  1. 在WordPress网站中打开“主题编辑器”。

  2. 找到并点击“首页”或“单页”的选项卡。

  3. 在页面顶部找到“文章分类”标签。

  4. 点击“添加新文章类别”，然后输入一个新的文章类别名称。

  5. 按照提示设置新的文章类别为默认分类。

  6. 在“文章分类”标签下，选择已创建的新文章类别。

  7. 保存更改后，您将看到一个带有新文章类别的页面。

  8. 转到“首页”或“单页”部分。

  9. 将鼠标悬停在页面底部的“文章分类”标签上。

  10. 鼠标会变成一个小箭头，指向它。点击小箭头，然后选择您的新文章类别。

  11. 您现在应该可以看到具有新文章类别的文章列表了。

  12. 如果您希望仅查看特定日期范围内的文章，请在“文章分类”标签下方添加一个筛选条件。例如，“发布日期”和“开始时间”/“结束时间”。

  13. 使用过滤器或自定义功能来定制文章列表的外观和行为。

以上就是在WordPress中显示最近更新的文章列表的步骤。通过这个方法，您可以轻松地在网站上展示出最新发布的文章。如果您有其他问题或需要进一步的帮助，请随时告诉我！

最新更新