美化:为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代表需要替代的网址及图片地址
  • 若是有帮忙到你,请稍微用鼠标点一个赞、投一票从而帮忙更多的人。
  • 发表于 2018-04-18 00:00
  • 阅读 ( 926 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具