WordPress Astra 免费版 WP-PostViews 显示位置修改在日期后

在 WordPress 的 Astra 免费版主题中,默认的元数据(Post Meta,如作者、日期)渲染有一套固定的过滤机制。要将 WP-PostViews 插件生成的浏览量无缝嵌入到日期(Date)的后面,通过代码实现是最好的。

/**
 * 在 Astra 主题的日期后面追加 WP-PostViews 浏览量
 */
add_filter( 'astra_post_date', 'custom_astra_post_date_with_views' );

function custom_astra_post_date_with_views( $output ) {
    // 仅在前端单篇文章或文章列表/归档页生效
    if ( ! is_admin() && function_exists( 'the_views' ) ) {
        
        // 获取 WP-PostViews 的浏览量 HTML 标签,传递 false 表示不直接 echo 而是返回字符串
        $views = the_views( false );
        
        if ( $views ) {
            // 在原有的日期 HTML 结构后追加浏览量,并用 span 标签包裹方便调整样式
            $output .= '<span class="postview-meta" style="margin-left: 10px;">/ ' . $views . '</span>';
        }
    }
    return $output;
}
WordPress Astra

代码生效后,如果发现日期与浏览量贴得太近,可以进入 外观 (Appearance) -> 自定义 (Customize) -> 额外 CSS (Additional CSS) 中加入以下样式进行美化:

.entry-meta .postview-meta {
    display: inline-block;
    color: #666; /* 调整为你主题元数据的颜色 */
    font-size: inherit;
}

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享