GeneratePress主题如何添加文章浏览量(阅读量),刚开始使用GeneratePress主题的小伙伴可能遇到这种问题,面对GeneratePress的模板一头雾水,因为模板里面都是一堆参数代码,不像国内那些主题模板有div标签,能够识别自行修改添加标签。这恰恰就是GeneratePress主题的强大之处,一旦你熟悉了操作,你可以为此添加修改主题外观的任何地方。

在 GeneratePress 主题中添加文章浏览量的方法
方法一:使用函数添加
-
使用自定义函数:
- 通过在主题的
functions.php
文件中添加代码,可以直接在文章元数据中显示浏览量。 - 代码示例:
add_action( 'generate_post_meta_items', function( $item ) { if ( 'views' === $item ) { echo do_shortcode("[views]"); // 或者使用 [post-views],具体取决于所用插件的简码
// 直接使用插件的自定义字段或者自己设置的自定义字段使用下面,把上面echo简码输出注释掉
// 获取当前文章的 ID //$post_id = get_the_ID(); // 获取自定义字段 'views' 的值 // $views = get_post_meta( $post_id, 'views', true ); // 输出格式化的浏览次数,如果没有值则输出 0,前面添加多个空格 // echo ' 浏览 ( ' . ( $views ? esc_html( $views ) : '0' ) . ' )'; // 使用 添加多个空格 } }); add_filter( 'generate_header_entry_meta_items', function() { return array( 'author', 'date', 'comments-link', 'views', ); }); - 这段代码会在文章的元数据中添加浏览量,并可以根据需要调整显示的顺序。
- 通过在主题的
-
注意事项:
- 使用此方法时,需注意缓存插件可能导致浏览量不更新的问题。
方法二:使用插件统计
跟函数大同小异,差异只是可视化操作
-
选择插件:
- 常用的插件有 Post Views Counter 和 WP-PostViews。安装并启用其中一个插件。
-
使用简码:
- 在文章或页面中使用简码
[views]
或[post-views]
来显示浏览量。
- 在文章或页面中使用简码
-
使用 GP Premium 和 GenerateBlocks:
- 如果你使用 GP Premium 和 GenerateBlocks,可以通过创建自定义元素来添加浏览量。
- 在 GP Premium 中,激活元素并添加新元素,选择区块,设置动态数据为自定义字段
views
或使用简码。

详细步骤
安装好插件之后,相信小伙伴又是一头雾水,这个浏览量怎么添加,在哪添加呢。其中最简单的方法是用简码,这两个插件都有支持,然后就必须使用GeneratePress主题的额外扩展高级插件gp premium与GenerateBlocks ,GenerateBlocks 插件商店有免费版本,小伙伴又头疼了,为了一个浏览量安装这么多插件,非也!熟悉GeneratePress主题的同学都知道gp premium与GenerateBlocks 是必装的插件,用好之后,可以定制你想要的任何外观,在网站的任何地方修改制作你理想的主题。下面介绍如何用简码添加文章浏览量。
1.打开启用这两个插件之后,转到gp premium界面,激活元素,然后点击打开元素界面


2.点击添加新元素,选择区块,标题随便起,好记就行。

这里有很多模板,没用GenerateBlocks pro 版本的就需要自建了。
3.点击添加区块。选择容器或者网格,具体选择看你想要什么样的样式,这里以容器为例,不会设置的选择网格方便。


4.容器里面添加标题。然后选择动态数据

标题的动态数据,你可以选择显示的内容,作者,标签,分类,自定义字段等等。
文章浏览量的话WP-PostViews自定义字段是views,选择自定义字段添加views,Post Views Counterd的自定义字段应该是post-views我没试,有时间的小伙伴可以试验一下,

或者直接使用简码[views]或者[post-views],具体取决于你选择哪款插件

其中间距颜色样式,可自行修改,注意内联宽度,让其保持在一行显示。
5.注意替换主要帖子元,这样默认标题下方数据的就不会显示



6.模板已经制作好了,下面就是发布了,选择显示规则,你希望在哪些地方显示或者排除文章页面等都可以,下面只是示范,随便选的,具体根据你自己选择。

至此GeneratePress主题如何添加文章浏览量,已经完成了,教程中的方法不仅仅是添加文章量,其中包含如何制作页面布局的思路,举一反三,在其他地方,用同样的方法可以替换主题默认的模块显示,选择你需要修改的钩子就行。

CSS 样式调整
如果使用 Post Views Counter,可能需要添加一些 CSS 以确保浏览量在同一行显示:
.post-views {
display: inline-block;
padding-left: 5px;
margin-left: 3px;
}
总结
通过以上两种方法,用户可以灵活地在 GeneratePress 主题中添加文章浏览量。无论是通过自定义函数还是使用插件,用户都可以根据自己的需求进行调整和优化。希望这个总结能帮助到刚开始使用 GeneratePress 的小伙伴们!
纯手打,给个好评吧。