纯代码实现侧边栏显示社交按钮组

老D
老D
老D
683
文章
2315
评论
2016-01-1107:50:14 2 2,275 879字阅读2分55秒

其实想要实现这个功能也是挺简单的,有两种办法。

纯代码实现侧边栏显示社交按钮组

方法1:

纯html代码实现(优点:添加很简单,只需把html代码粘贴到小工具中的文本中即可。缺点:更改相对麻烦)把下面内容改成自己的。
[cc lang="html"]

[/cc]

方法2:

通过funtions增加自定义用户资料,然后通过函数调用。

先加代码到当前主题文件夹下的funtions.php中
代码如下:
//自定义用户资料
[cc lang="php"]
add_filter( 'user_contactmethods', 'yeziting_add_contact_fields' );
function yeziting_add_contact_fields( $contactmethods ) {
$contactmethods['qq'] = 'QQ';
$contactmethods['qq_weibo'] = '腾讯微博';
$contactmethods['sina_weibo'] = '新浪微博';
$contactmethods['donate'] = '百度口碑';
}
[/cc]

然后再加代码到sidebar.php文件中。代码如下。(修改的话直接进后台的个人资料中填写。QQ直接写QQ号即可。微博写如叶子的http://weibo.com/你的围脖地址
腾讯微博同样如此,百度口碑写自己的网址即可如laod.cn
[cc lang="php"]

QQ交谈 "
target="_blank" rel="external nofollow"> 微博
腾讯微博 style="padding-left: 12px;" rel="external nofollow" target="_blank" href="https://laod.cn/wp-content/themes/begin/go.php?url=aHR0cDovL2tvdWJlaS5iYWlkdS5jb20vcy88IS0tP3BocCB0aGVfYXV0aG9yX21ldGEoICdkb25hdGUnICk7Py0tPg==" target="_blank"> 百度口碑

[/cc]

CSS代码:

最后,记得把css写下,无论选的是方法1还是方法2都得写
[cc lang="css"]
.textwidget {
padding: 15px;
color: #777;
}
.textwidget a {
color: #777;
}
.textwidget a:hover {
color: #45B6F7;
}
[/cc]

weinxin
老D博客 微信公众号
请大佬们关注订阅老D博客微信公众号, 扫一扫关注,从此不迷路。 不定时放出邀请码、福利、推送更新等...

您必须才能发表评论!

评论:2   其中:访客  2   博主  0
    • avatar skynncn 4

      一般我都用adblock屏蔽的。。。。基本不分享

      • avatar 静思科技 0

        来看看,学习了。