如何在WordPress文章末尾自动添加作者简介
- 时间:2020-05-29 14:26:07
- 分类:网络文摘
- 阅读:114 次
对于多用户的 wordpress 网站,由于每篇贴子的作者各不相同,那么在文章末尾添加一个关于作者的信息框不仅有助于读者增加对作者本人的了解,还可以促进作者与读者之间的互动,提升其写作动力。
如果你的的 wordpress主题没有此功能,可以使用 wordpress插件 Author Bio Box 来添加作者简介。但插件会占用系统资源,同时若插件更新不及时,容易在wordpress更新后与其发生冲突,造成网站运行故障。所以这不是本文的目的,本文介绍的方法是通过代码自动在每一篇文章的末尾添加一个作者信息框。
一、在后台编辑相关用户资料,如添加站点地址、个人说明(支持html语言)等信息。

二、添加如下代码到当前主题的 functions.php 文件中。
- function wp_author_info_box( $content ) {
- global $post;
- // 检测文章与文章作者
- if ( is_single() && isset( $post->post_author ) ) {
- // 获取作者名称
- $display_name = get_the_author_meta( 'display_name', $post->post_author );
- // 如果没有名称,使用昵称
- if ( emptyempty( $display_name ) )
- $display_name = get_the_author_meta( 'nickname', $post->post_author );
- // 作者的个人信息
- $user_description = get_the_author_meta( 'user_description', $post->post_author );
- // 获取作者的网站
- $user_website = get_the_author_meta('url', $post->post_author);
- // 作者存档页面链接
- $user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
- if ( ! emptyempty( $display_name ) )
- $author_details = '<div class="author-name">关于 ' . $display_name . '</div>';
- if ( ! emptyempty( $user_description ) )
- // 作者头像
- $author_details .= '<div class="author-details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</div>';
- $author_details .= '<div class="author-links"><a href="http://uuxn.com/add-author-info-in-wordpress-posts/'. $user_posts .'">查看 ' . $display_name . ' 所有文章</a>';
- // 检查作者在个人资料中是否填写了网站
- if ( ! emptyempty( $user_website ) ) {
- // 显示作者的网站链接
- $author_details .= ' | <a href="http://uuxn.com/add-author-info-in-wordpress-posts/' . $user_website .'" target="_blank" rel="nofollow">网站</a></div>';
- } else {
- // 如果作者没有填写网站则不显示网站链接
- $author_details .= '</div>';
- }
- // 在文章后面添加作者信息
- $content = $content . '<footer class="author-bio-section" >' . $author_details . '</footer>';
- }
- return $content;
- }
- // 添加过滤器
- add_action( 'the_content', 'wp_author_info_box' );
- // 允许HTML
- remove_filter('pre_user_description', 'wp_filter_kses');
三、再将配套的CSS代码添加到主题样式文件 style.css 中。
- .author-bio-section {
- background: #fff;
- float: left;
- width: 100%;
- margin: 10px 0;
- padding: 15px;
- border: 1px dashed #ccc;
- }
- .author-name {
- font-size: 15px;
- font-weight: bold;
- margin: 0 0 5px 0;
- }
- .author-details img {
- float: left;
- width: 48px;
- height: auto;
- margin: 5px 15px 0 0;
- }
最终显示效果如下图所示:

注:如果修改 style.css 文件后没有效果,请参阅:wordpress主题更新style.css样式表文件后不生效的解决方法。
推荐阅读:Why You SHOULDN’T Use WordPress as Your Blogging Platform How to Maximize Your Freelance Profits Using the Power of Emotio What to Expect from Hiring Outsourced Content Writers Call for Minimalism: How the New Wave of Blogging Platforms Give 3 Easy Ways to Improve Writing Skills Explaining The Perfect Website Design to Non-Designers Clear Skies Ahead – The Shift to Cloud Computing Content Creation Versus Content Sharing How Bloggers Can Help During Times of Tragedy 5 Best Online Interviews About Blogging You Haven’t Read Yet
- 评论列表
-
- 添加评论