当前位置:网站首页 > 创业 > 正文

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

0 张子豪 张子豪 2025-10-12 07:42 1

此功能是一个很是不错的侧边小东西功能,如图,喜好的话就为本身的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代表需要替代的网址及图片地址
  • 若是有帮忙到你,请稍微用鼠标点一个赞、投一票从而帮忙更多的人。

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/238966.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图