• 最近一段好忙, 忙的都没时间去管理网站,网站被举报 被攻击 我也是醉了 :sad:

  • 好久没发说说了,感觉与世隔绝了 :lol:

  • 今天更换Git主题,以后本站由Git主题强力驱动 :mrgreen: :mrgreen:
  • 六一儿童节快乐

  • 今天全站启用又拍云 CDN进行加速

  • 这两天有些忙所以没来得及更新,愿一切安好
  • 锲而不舍是取得成功关键的一环
  • 当你无助时,你可以哭,但哭过你必须要振作起来,绝地逢生并不罕见,何况不是绝境! 早安!

  • 今天五一,没有出去玩,主要是人太多了

  • 今天外面风好大,天气也有点冷,出门一定要多穿衣服!

侧边栏增加加群小工具

wp优化 慕白 2个月前 (05-25) 269次浏览 已收录 0个评论
文章目录[隐藏]

侧边栏增加加群小工具

每当看到别人网站的美化总是羡慕不已,今天给大家分享一个侧边栏增加加群小工具的代码

第一步:

找到后台-外观-小工具-自定义HTML并将以下代码整体复制进去并保存,标题自定义

[wm_blue][wm_red]<section class=”mobanweb-jiaqun”>

<div class=”mobanweb-jiaqun-small”>

<p>清宁时光 分享技术教程、精品源码<br> 共同学习,共同进步,共同成长!</p>

<a href=”这里添加你的Q链接或者群链接” class=”btn mobanweb-jiaqun-btn-on” uk-toggle=””><i class=”iconfont icon-qq”></i>QQ交流群</a>

<div class=”helper-thumb”>

</div>

</div>

</section>[/wm_red][/wm_blue]

第二步:

找到wp-content/themes/ripro/assets/css/diy.css并将以下代码整体复制进去或者添加至RiPro主题设置-自定义CSS样式代码

[wm_green]/*xmaer侧栏加群小工具*/

.mobanweb-jiaqun h5 {

font-size: 16px;

line-height: 1.4;

}

.mobanweb-jiaqun-small {

padding: 15px;

}

.mobanweb-jiaqun p {

max-width: 80%;

}

.mobanweb-jiaqun {

letter-spacing: .5px;

}

.mobanweb-jiaqun .btn {

font-size: 13px;

}

.mobanweb-jiaqun .btn i {

margin-right: 3px;

}

.mobanweb-jiaqun .helper-thumb {

position: absolute;

right: 0;

bottom: 0;

}

.mobanweb-jiaqun-btn-on {

color: #fff;

background: #2c63ff!important;

box-shadow: 0 3px 10px -1px #2c63ff!important;

border: 0;

}

/*xmaer侧栏加群小工具*/[/wm_green]


清宁时光 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:侧边栏增加加群小工具
喜欢 (1)
[6447834@qq.com]
分享 (0)
慕白
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址