如何为WordPress的作者添加国内社交媒体联系方式

如何为WordPress的作者添加国内社交媒体联系方式

如何为WordPress的作者添加国内社交媒体联系方式

导语:WordPress的用户自带了三种联系方式,但在社交媒体大行其道的今天,这三种方式已经远远不能满足我们的需求了。这篇文章就是告诉大家如何为作者添加国内社交媒体联系方式,然后展现在主题的前端界面上。

在functions.php添加

添加新的社交媒体方式很简单,在functions.php放入代码就可以了,请看下面的代码:

if ( !function_exists( 'new_contactmethods' ) ) {
function new_contactmethods( $contactmethods ) {
$contactmethods['weibo'] = '新浪微博';
$contactmethods['tweibo'] = '腾讯微博';
$contactmethods['qqzone'] = 'QQ空间';
$contactmethods['weixin'] = '微信二维码图片地址';
$contactmethods['renren'] = '人人网';
unset($contactmethods['yim']);
unset($contactmethods['aim']);
unset($contactmethods['jabber']);

return $contactmethods;
}
}
add_filter('user_contactmethods','new_contactmethods',10,1);

在这里,叶子添加了国内的新浪微博、腾讯微博、QQ空间、微信或公众号、人人网的联系方式,移除了WordPress自带的三种。在后台->用户->我的个人资料中,你可以看到自己添加的联系方式。

如何为WordPress的作者添加国内社交媒体联系方式

国内社交媒体联系方式

在作者页面使用

叶子在author.php中使用了定义的联系方式,当然,你可以在其他地方调用。调用代码如下:

<?php global $author; $userdata = get_userdata($author); ?>

<ul class="author-social left relative">
<?php $authordesc = $userdata->weibo; if ( ! empty ( $authordesc ) ) { ?>
<li class="wb-item">
<a href="<?php echo $userdata->weibo; ?>" alt="新浪微博" class="wb-but" rel="nofollow" target="_blank"><i class="fa fa-weibo fa-2"></i></a>
</li>
<?php } ?>
<?php $authordesc = $userdata->tweibo; if ( ! empty ( $authordesc ) ) { ?>
<li class="twb-item">
<a href="<?php echo $userdata->tweibo; ?>" alt="腾讯微博" class="twb-but" rel="nofollow" target="_blank"><i class="fa fa-tencent-weibo fa-2"></i></a>
</li>
<?php } ?>
<?php $authordesc = $userdata->weixin; if ( ! empty ( $authordesc ) ) { ?>
<li class="wx-item">
<a id="low-wx-author" href="<?php echo $userdata->weixin; ?>" alt="微信" class="wx-but" rel="nofollow" target="_blank"><i class="fa fa-weixin fa-2"></i></a>
</li>
<!-- WEIXIN Button BEGIN -->
<script type="text/javascript" src="<?php echo get_template_directory_uri() . '/js/lowweixin.js' ?>" charset="utf-8"></script>
<!-- WEIXIN Button END -->
<?php } ?>
</ul>

这里只举例说明了新浪微博、腾讯微博、微信的调用方法,如果需要其他的,请自行变化。

调用过程,先声明全局变量$author,然后再通过函数get_userdata()获取用户数据,然后再使用用户数据$userdata->weibo、$userdata->tweibo、$userdata->weixin。

因为微信是一个二维码图片,所以需要另外加载lowweixin.js来进行处理。lowweixin.js处理过程下篇文章介绍。

在前端看到的作者页面调用如下图。

如何为WordPress的作者添加国内社交媒体联系方式

国内社交媒体联系方式

结束

你学会了吗?如果有什么疑问可以在下面留言或加入我们的QQ群一起交流讨论。

编辑 杨

我们是一群WordPress的爱好者,爱它的简单快捷,爱它的变化多样。

或许您还喜欢下面的文章

留下一条回复

关闭