美化：为wordpress网站添加侧边小工具

此功能是一个很是不错的侧边小东西功能，如图，喜好的话就为本身的wordpress网站添加一个把。

工具/原料

• ftp软件
• wordpress网站

方式/步骤

1. 1

   把网站本家儿题的css样式文件经由过程ftp软件发送到桌面，凡是是style.css。个体本家儿题有点窜，不确定的话找本家儿体作者或简介里找。小编这里的CSS样式文件是main.css。

   
2. 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. 3

   进入wordprss网站后台-外不雅-小东西-文本-添加小东西

   
4. 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>  

   

注重事项

• 代码XXX代表需要替代的网址及图片地址
• 若是有帮忙到你，请稍微用鼠标点一个赞、投一票从而帮忙更多的人。