WordPress文章底部添加作者信息版块
WordPress建站的站长会发现同行一些网站,一般位于文章结尾处,有一个关于作者之类的版块。此功能的可以通过相关插件增加,但大量插件的使用会增加服务器负担。
可以通过两段简单代码实现
一、添加作者信息板块:
1、首先我们在主题中找到functions.php文件,并添加下面代码。
//添加作者信息板块 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 protected]" 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=2398146276&Site=qq&Menu=yes" target="_blank" rel="nofollow">广告投放****</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 protected]” target=”_blank”>点此发送邮件</a>’; ”
- 代码中的网址和汉字可以根据自己情况进行修改。
- “$author_details .= ‘ | <a href=”tencent://message/?uin=2398146276&Site=qq&Menu=yes” target=”_blank” rel=”nofollow”>广告投放****</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;
}
三、添加个人信息:
在“用户”-“我的个人资料”-个人说明栏填写你要显示的信息即可。这个信息可以根据自己需要填写,可以是介绍自己、也可以是广告内容。
0条评论