[不花钱站长]:从免费域名开始[0元] Oracle永久免费VPS[0元] VPS环境搭建免费脚本[0元] 秒变大盘挂载免费网盘[0元] 小白免费采集器1天500W[0元] CF免费DNS+CDN服务[0元]
[零基础网赚]:撸本站免费源码[0元] 网站强引免费蜘蛛法[0元] 图片视频文件免费存储[0元] 外链轻松发布免费友链[0元] 入坑免费教程学习源代码[0元] 网上百种+赚钱联盟推荐[?元]

↑↑VPS推荐网 WWW.VPS.COM.IN 稳定 便宜 免备案↑↑


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

全球[VPS测评]来源:VPS推荐网点击:546
【性价之王】【线路之王】【价格之王】【配置之王】
【免费之王】【香港首推】【梯子之王】【独服之王】
纯代码为WordPress文章结尾增加作者介绍模块

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

一、添加作者信息板块:

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

//添加作者信息板块——www.wn789.comfunction wpb_author_info_box( $content ) {global $post;// Detect if it is a single post with a post authorif ( 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 nameif ( 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 h=\"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 profileif ( ! empty( $user_website ) ) {// Display author website link$author_details .= \' | <a h=\"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 filteradd_action( \'the_content\', \'wpb_author_info_box\' );// Allow HTML in author bio sectionremove_filter(\'pre_user_description\', \'wp_filter_kses\');

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

“$author_details .= ‘<p class=”author_links”><a h=”http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=wn789@vip.qq.com” target=”_blank”>点此给蜗牛发送邮件</a>’; ”代码中的网址和汉字可以根据自己情况进行修改。“$author_details .= ‘ | <a h=”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添加作者信息板块后的效果。



猜你可能想看的VPS


转载请注明原文地址:http://140.238.13.167:12355/read-129305.html

下一篇       上一篇