发布价值信息
Wordpress、Software、VPN。。

为WordPress作者添加更多的社交联系方式

目前的WordPress用户自带了三种联系方式,但在社交媒体大行其道的今天,这三种方式已经远远不能满足我们的需求了。今天教大家如何为作者添加更多社交联系方式,然后展现在主题的前端界面上。

以下代码添加至主题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自带的三种。
上面代码添加到functions.php后,在后台->用户->我的个人资料中,你可以看到我们刚刚自己添加的几种联系方式。

为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作者添加更多的社交联系方式

前端显示

赞(0) 打赏本站

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

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
未经允许不得转载:何先生 » 为WordPress作者添加更多的社交联系方式
分享到: 更多 (0)

Comments 6

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 沙发

    这个方法挺实用的,特别是投稿文章做的,可以给投稿者增加这种社交按钮,实在

    懿古今
    3
    2年前 (2017-02-13)回复 Google Chrome 45.0.2454.101| Windows 7 x64| IP数据库错误或不存在
    • @懿古今 嗯,你说的很对,大网站很多投稿的编辑,方便他们留下自己的联系方式,而不用把联系方式写在文章里,读者有问题可以直接和他们取得联系,很方便

      何先生
      管理员
      2年前 (2017-02-14)回复 Google Chrome 56.0.2924.87| Windows 10 x64| IP数据库错误或不存在
  2. 板凳

    还是留个电话号码,社交帐号都绑定在上面

    风独味
    0
    2年前 (2017-02-15)回复 Google Chrome 56.0.2924.87| Android 5.1| IP数据库错误或不存在
    • @风独味 我的社交账号除了QQ,都是用邮箱绑定的,留电话号码不怕被骚扰呀? :mad:

      何先生
      管理员
      2年前 (2017-02-15)回复 Google Chrome 56.0.2924.87| Windows 10 x64| IP数据库错误或不存在
  3. 地板

    图挂了。。

    八零后
    0
    2年前 (2017-02-26)回复 Google Chrome 56.0.2924.87| Windows 7 x64| IP数据库错误或不存在
    • @八零后 没有呀?只有一张图,可能速度慢了点,没刷新出来。

      何先生
      管理员
      2年前 (2017-02-27)回复 Google Chrome 56.0.2924.87| Windows 10 x64| IP数据库错误或不存在

何先生的博客 专注分享 更优质

联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏