wordpress小工具实现侧边栏一图三按钮效果

亲测吧
亲测吧
亲测吧
669
文章
23
评论
02/18/202118:00:33 1 116
饿了么领红包

1、将以下 CSS 代码添加到所使用主题的 style.css 文件中

#update_version img{margin:5px 0 15px}
#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff}
.blog_link{background-color:#2ba9fa}
.blog_link,.cms_link{float:left;margin-right:5%}
.cms_link{background-color:#ff6969}
.grid_link{float:left;background-color:#70c041}

2、后台→外观→小工具→使用“文本”小工具,添加到指定侧边栏中。

3、将文本小工具编辑框切换到文本格式,将以下代码添加进去并保存即可。

效果图:

wordpress小工具实现侧边栏一图三按钮效果

效果1代码:

<div id="update_version">
  <a rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           target="_blank" rel="noopener">
    <img src="http://wx4.sinaimg.cn/mw690/006VCrUsgy1fo26ywtxkij308c03x74b.jpg" alt="爱游博客" /></a>
  <a class="blog_link" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           target="_blank" rel="noopener">投稿中心</a>
  <a class="cms_link" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           target="_blank" rel="noopener">在线投稿</a>
  <a class="grid_link" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           target="_blank" rel="noopener">联系博主</a></div>
<div align="center">
  <strong>宇宙间存在着许多未知的可能</strong>
  <strong>也许时间是可逆的,只是我们还没有找到。</strong></div>

效果2代码:

<div id="update_version">
  <a rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           target="_blank" rel="noopener">
    <img title="投稿中心" src="https://ww1.sinaimg.cn/large/005BYqpgly1fruweqkscjj308c05k74e.jpg" alt="投稿网址" /></a>
  <a class="blog_link" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           target="_blank" rel="noopener">投稿中心</a>
  <a class="cms_link" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           target="_blank" rel="noopener">在线投稿</a>
  <a class="grid_link" rel="external nofollow" target="_blank" href="https://www.vipiu.net/about.html"  target="_blank" rel="noopener">关于我们</a></div>
<div>
  <a rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           rel="noopener" target="_blank">点击在线投稿</a>投稿邮箱:
  <b></b>交流 Q群:
  <b>
    <a rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" href="https://www.vipiu.net/"           rel="noopener" target="_blank"></a></b>
</div>

本文转载自爱游博客,转载仅为学习交流,支持原创!点击查看原文

继续阅读

<温馨提示>

① 显示倒计时或长期活动的都可以直接参与

② 活动二维码或链接失效请添加小编微信更换

③ 关注微信公众号第一时间接收活动信息

④ 任何活动疑问随时添加小编微信交流

  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
亲测吧
  • 本文由亲测吧网友收集并发布
  • 转载请务必保留本文链接:https://qince8.com/2191.html
纯代码实现WordPress一键复制文章页指定内容 建站日记

纯代码实现WordPress一键复制文章页指定内容

因为有些发布的活动都是通过分享口令来参与的,比如说淘口令、京东口令、支付宝口令之类的,这种不像网址链接可以直接跳转,还必须要手动复制之后再打开相应的app,对于活动参与者来说相当麻烦。 所以一直都想实...
饿了么领红包
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  0   博主  0   引用   1