美化：為wordpress網站添加側邊小工具

此功能是一個很是不錯的側邊小東西功能，如圖，喜好的話就為本身的wordpress網站添加一個把。

東西/原料

1
把網站本家兒題的css樣式文件經由過程ftp軟件發送到桌面，凡是是style.css。個體本家兒題有點竄，不確定的話找本家兒體作者或簡介里找。小編這里的CSS樣式文件是main.css。
2
在CSS代碼添加一下代碼，然后同發圖片軟件上傳到本家兒題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}
3
進入wordprss網站后臺-外不雅-小東西-文本-添加小東西
4
在文本文章處點擊文本添加以下代碼保留，圖片地址、及網址自行點竄即可
<div id="update_version">
<a href="http://xxxxxx" target="_blank" rel="noopener"><img title="投稿" src="http://xxxxx.jpg" alt="投稿" /></a><a class="blog_link" href="http://xxxxxx" target="_blank" rel="noopener">人工智能</a><a class="cms_link" href="http://xxxxx" target="_blank" rel="noopener">河蟹福利</a><a class="grid_link" href="http://xxxxxx" target="_blank" rel="noopener">沃森影院</a><br />投稿QQ：<b>xxxxx</b><br />
投稿郵箱：<b>xxxxxx</b><br />
資本 Q群：<b>xxxxx</b>
</div>