WordPress文本小工具實(shí)現(xiàn)側(cè)邊欄一圖三按鈕

  • A+
所屬分類:技術(shù)資料

WordPress文本小工具實(shí)現(xiàn)側(cè)邊欄一圖三按鈕

看群里小伙伴經(jīng)常在問我這個(gè)怎么弄的,這里也就分享下,其實(shí)我也是在boke112看到的,也就來使用上了。

側(cè)邊欄實(shí)現(xiàn)一圖三按鈕效果步驟

1、將以下 CSS 代碼添加到所使用主題的 style.css 文件中

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

2、使用 文本 小工具,添加到指定側(cè)邊欄中。

3、將文本小工具編輯框切換到文本格式,將以下代碼添加進(jìn)去并保存即可。

  1. <div?id="update_version">
  2. <a?href="https://www.zhushuming.cn/bulletin/2216.html"?target="_blank"?rel="noopener"><img?title="投稿"?src="https://www.zhushuming.cn/wp-content/uploads/2017/12/2017123107430551.jpg"?alt="投稿"?/></a><a?class="blog_link"?href="http://vip.zhushuming.cn/v.html"?target="_blank"?rel="noopener">VIP解析</a><a?class="cms_link"?href="http://v.zhushuming.cn/"?target="_blank"?rel="noopener">520影院</a><a?class="grid_link"?href="http://vip.zhushuming.cn/"?target="_blank"?rel="noopener">1314影院</a>
  3. 投?稿QQ:<b>2132039161</b>
  4. 投稿郵箱:<b>2132039161@qq.com</b>
  5. 交流?Q群:<b>560338405</b>
  6. </div>

說明:其他代碼不用修改,只需將代碼中的鏈接名稱及鏈接地址等內(nèi)容修改成自己想要的名稱及地址即可。

weinxin
下載密碼:526663

發(fā)表評論

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