蜗牛789
主机测评与优惠

纯代码为WordPress文章结尾增加作者介绍模块




提示:如果官网是英文页面,建议使用谷歌浏览器能同步翻译页面。点击下载【谷歌浏览器最新绿色便携版】
注意:部分文章发布时间较长,可能存在未知因素,购买时建议现在本博客搜索商家名称,先充分了解商家动态。
交流:蜗牛粉丝QQ群号1074630828、软文投稿QQ群123345557(进群后投稿每篇5元 原价100元/篇)。
文章目录

很多Wordpress主题都有作者介绍模块,一般位于文章结尾处,可以在每篇文章结尾对作者进行简单的介绍,提高作者曝光率。当然没有此功能的可以通过相关插件来实现,但蜗牛一直不提倡使用大量插件,因为大量插件的使用会增加服务器负担。那么我们是不是可以纯代码为自己的WordPress文章尾部增加作者介绍模块呢?答案是当然可以!下面蜗牛就为大家介绍一个方法,只需通过两段简单代码就可以为自己的博客文章尾部增加作者介绍模块。

一、添加作者信息板块:

1、首先我们在主题中找到functions.php文件,并添加下面代码。

//添加作者信息板块——www.wn789.com
function wpb_author_info_box( $content ) {
global $post;
// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
// Get author's display name
$display_name = get_the_author_meta( 'display_name', $post->post_author );
// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
// Get author's website URL
$user_website = get_the_author_meta('url', $post->post_author);
// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
if ( ! empty( $display_name ) )
$author_details = '<p class="author_name">About ' . $display_name . '</p>';
if ( ! empty( $user_description ) )
// Author avatar and bio
$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';
$author_details .= '<p class="author_links"><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=wn789@vip.qq.com" target="_blank">点此给蜗牛发送邮件</a>';
// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {
// Display author website link
$author_details .= ' | <a href="tencent://message/?uin=490898739&Site=qq&Menu=yes" target="_blank" rel="nofollow">广告投放QQ490898739</a></p>';
} else {
// if there is no author website then just close the paragraph
$author_details .= '</p>';
}
// Pass all this info to post content
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
return $content;
}
// Add our function to the post content filter
add_action( 'the_content', 'wpb_author_info_box' );
// Allow HTML in author bio section
remove_filter('pre_user_description', 'wp_filter_kses');

2、在上面代码中我们可以根据自己需要进行简单修改。下面蜗牛已经列出:

  • “$author_details .= ‘<p class=”author_links”><a href=”http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=wn789@vip.qq.com” target=”_blank”>点此给蜗牛发送邮件</a>’; ”代码中的网址和汉字可以根据自己情况进行修改。
  • “$author_details .= ‘ | <a href=”tencent://message/?uin=490898739&Site=qq&Menu=yes” target=”_blank” rel=”nofollow”>广告投放QQ490898739</a></p>’; ”代码中的网址和汉字可以根据自己情况进行修改。

二、添加CSS样式:

在主题文件中找到“main.css”文件。并把下面代码添加进去。

 

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
.author_name{
font-size:16px;
font-weight: bold;
}
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

三、添加个人信息:

在“用户”-“我的个人资料”-个人说明栏填写你要显示的信息即可。这个信息可以根据自己需要填写,可以是介绍自己、也可以是广告内容。

四、效果显示:

下图是蜗牛789添加作者信息板块后的效果。

About 蜗牛

【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。

赞(0) 打赏
未经允许不得转载:蜗牛789 » 纯代码为WordPress文章结尾增加作者介绍模块
分享到: 更多 (0)


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏