关于如何添加一个好看的杠+微信,微博,QQ,bilibili或其他的显示栏

151次阅读
没有评论


前言


嘿,这个教程是教你如何好看的杠+微信,微博,QQ,bilibili或其他的显示栏

这个是我在另一款开源主题(https://www.hankin.cn/)上作者的网站看到的,在他发布的主题并没有这内容,导致看见好看但,却想用,咱们这个主题正好给咱们带来了极大方便,因为可以自定义HTML内容,在主题设置的SEO就行,不用刀主题配置文件修改啦。

关于如何添加一个好看的杠+微信,微博,QQ,bilibili或其他的显示栏

代码内容+硕大的教程

<hr class="b-wid-1 my-1" id="i_social_hr"><!--我是一条杠-->
<div class="row no-gutters text-center pt-2 pb-2" id="i_social"><!--下面<a class=xxx>这里是每个控件-->
<!--我是控件一号--><a class="col" href="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="微信:LemonNotManGoPeach"><i class="czs-weixin"></i></a>
<!--我是控件二号--><a class="col" href="http://weibo.com/u/5687191297" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="微博:梦闻息声"><i class="czs-weibo"></i></a>
<!--我是控件三号--><a class="col" href="//wpa.qq.com/msgrd?v=3&uin=19410470&site=qq&menu=yes" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="QQ:19410470"><i class="czs-qq"></i></a>
<!--我是控件四号--><a class="col" href="https://github.com/hankin-han" target="_blank" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="BILIBILI ID:327576602"><i class="czs-bilibili"></i></a>
</div>
<!--href指定的是链接,这里不需要更改,只需要将,控件二号,控件三号更改后方数字ID还有QQ号即可-->
<!--在后面的<i class="czs-weibo">这里指定是样式,图标样式,相关样式图标可以到,草莓图标库 (chuangzaoshi.com),这里进行寻找,只需要更改“”内的内容即可,当然这里的图标也可套用菜单文字前图标-->

上面的内容看到了吗,根据我的标注进行更改就可以使用了,不过这是改好的可以直接套用,只需要更改信息就行。

成品如下

关于如何添加一个好看的杠+微信,微博,QQ,bilibili或其他的显示栏

秘密:如果你看我的网站你会发现我的和成品不同哦

如果你想改成跟我网站相同的你需要到

主题目录的/inc/fun/widget.php

更改呢,在评论数的下两个</div></div>加哦,否则就乱了

yihegf
版权声明:本站原创文章,由yihegf2021-08-04发表,共计1451字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
载入中...