l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在WordPress中显示总帖子数

如何在WordPress中显示总帖子数

Bug编译狮

Bug编译狮

在WordPress中显示总帖子数，你可以通过修改模板文件来实现。以下是一个简单的步骤和示例代码，帮助你在WordPress的单个页面或文章详情页上显示总帖子数。

步骤1: 找到合适的模板文件

通常情况下，要在WordPress的单个页面或文章详情页上显示总帖子数，你需要编辑single.php或page.php文件（取决于你的主题）。这些文件位于wp-content/themes/your-theme/目录下。

步骤2: 插入代码

打开你选择的模板文件，在适当的位置插入下面的代码：

<?php 
    $total_posts = get_total_post_count(); // 获取所有文章总数
    echo '<div class="post-count">' . esc_html__( 'Total Posts:', 'textdomain' ) . '</div>';
?>

这里，get_total_post_count()函数用于获取当前网站上所有文章的数量。这个函数返回一个整数值，表示所有已发布的文章数量。

步骤3: 添加样式

为了使显示更美观，我们可以添加一些CSS样式。创建一个新的文件，例如style.css，并添加以下样式：

.post-count {
    color: #0066cc; /* 设置字体颜色 */
    font-size: 18px; /* 设置字体大小 */
}

然后将这段CSS代码添加到你的主题的functions.php文件中：

add_action( 'wp_enqueue_scripts', 'enqueue_styles' );
function enqueue_styles() {
    wp_enqueue_style('custom-style', get_stylesheet_directory_uri() . '/style.css');
}

效果展示

当你发布一篇文章时，该文章下方会有一个小图标，点击后会出现一个计数器，显示当前文章的编号。这实际上就是WordPress默认的“帖子数”功能。

注意事项

  • 确保你有足够的权限修改主题文件。
  • 在生产环境中，不要忘记备份原始文件和代码，以防万一出现问题可以恢复。
  • 根据你的需求调整样式和位置，以达到最佳视觉效果。

通过以上步骤，你应该能够在WordPress的单个页面或文章详情页上成功显示总帖子数了。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

教案：在WordPress中显示总帖子数

目标受众

  • 对WordPress有基本了解的学生或初级开发者。

课程目标

  1. 理解如何使用WordPress的主题来显示文章数量。
  2. 学习如何通过自定义函数或插件获取并展示文章总数。

基础知识回顾

首先，请确保您已经熟悉了WordPress的基本功能和结构。尤其是理解WordPress的主题是如何与后台编辑器互动以显示文章列表的。

教学步骤

第一步：添加文章数量

  1. 打开您的WordPress主题文件夹（通常是wp-content/themes/），找到名为functions.php的文件。

  2. 在functions.php文件内查找以下部分：

    // 获取当前页面的文章总数
function get_total_posts() {
   $query = new WP_Query( array(
       'post_type' => 'post',
       'posts_per_page' => -1,
       'orderby' => 'menu_order ASC',
       'order' => 'ASC'
   ) );
   return count($query->posts);
}

add_action('admin_menu', 'add_admin_menu');

function add_admin_menu() {
   register_post_type( 'post', array(
       'labels' => array(
           'name' => _x( 'Posts', 'Post Type General Name', 'theme_name' ),
           'singular_name' => _x( 'Post', 'Post Name', 'theme_name' ),
       ),
       'public' => true,
       'rewrite' => true,
       'supports' => array( 'title', 'editor', 'thumbnail', 'excerpt' ),
       'taxonomies' => array(),
       'hierarchical' => false,
       'show_in_rest' => false,
   ));
}
  3. 将上述代码保存为.php文件，然后将其上传到主题目录下的functions.php文件夹中。
  4. 在您的主题的顶部引入此文件： 
    <link rel="stylesheet" type="text/css" href="<?php echo home_url(); ?>/wp-admin/includes/style.css" />
<?php include_once __DIR__ . '/functions.php'; ?>
  5. 接下来，在需要显示文章总数的地方，如顶部导航栏或其他页面上，调用get_total_posts()函数并设置适当的参数。

第二步：定制文章数量显示方式

  1. 如果您想要更个性化的显示方式，可以考虑自定义WordPress的模板文件，如single-post.php、archive.php等。
  2. 您可以通过修改这些模板文件中的特定代码来显示文章数量。例如，可以在archive.php文件中加入以下代码：
<?php
    global $wp_query;

    if ($wp_query->have_posts()) : while ($wp_query->have_posts()) : $wp_query->the_post();
        $total_posts = get_total_posts(); // 这里将从前面的函数导入
        printf('<span class="num-posts">%d</span>', $total_posts);
    endwhile; wp_reset_postdata();
?>

这将在每篇文章下方显示文章总数。

第三步：验证和测试

  • 测试是否正确地显示文章总数。
  • 根据需求调整样式或布局。

以上步骤应该能帮助您在WordPress中有效地显示文章总数。如果遇到任何问题，欢迎随时提问！

,

最新更新