WordPress美化教程集合-美化笔记[更新5.6]

前言

本文章只是个人无聊时的对子比主题美化记录集合,同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧,我会不定期(主要是想不到好的美化了)更新一些美化教程、好玩的小工具、页面等等。

美化说明:

  • 每个人的审美观念不一样,所以请先参考本站或测试在用。
  • 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题,请一定要测试后在进行美化
  • 主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。
  • 子比主题美化都是我自己鼓捣、测试后才分布的,完全免费,开放。
  • 嗯…暂时想到这些,以后想到在加。

美化教程(集合)

说明:(重要)

  • 一些老教程随机顺序,新教程排在最后,越往后越新。
  • ↓↓↓↓↓↓↓↓↓↓不会添加代码的看下面↓↓↓↓↓↓↓↓↓
  • (最新版)CSS代码添加到后台子比主题设置—>自定义代码—>自定义CSS样式
  • (最新版)JS即javascript代码添加到后台子比主题设置—>自定义代码—>自定义javascript代码
  • (最新版)没有特殊说明的小工具,自定义HTML小工具添加网站后台—>外观–>小工具–>点击【自定义HTML】选择放置的位置—>把代码复制进去,保存即可。
  • ↑↑↑↑↑↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑↑↑↑↑
  • 其他添加方式的,我会在教程里告知,若只需添加CSS+JS的教程,我可能不重复告知了,请注意看上面的方法。
  • 有些美化教程本站已经发布的,本文章将不再进行编写教程,直接跳转到文章页面。

WP小工具-美化主题

效果

图片[2]-WordPress美化教程集合-美化笔记[更新5.6]-傲天小窝站

代码

教程

把上面的代码放到wp后台–>小工具–>自定义html–>需要的侧边栏

PS

如需调用自己的html文件的话看下面的文章

效果

图片[3]-WordPress美化教程集合-美化笔记[更新5.6]-傲天小窝站

教程

前言

这是一款简洁实用的小工具区块,适合用在wordpress小工具中,可以方便的放一张商品介绍图片和简洁的特色介绍,还有一个大气实用的跳转按钮,很适合在一些需要展示指定内容的场合使用。

效果截图

图片[4]-WordPress美化教程集合-美化笔记[更新5.6]-傲天小窝站

教程

效果

图片[5]-WordPress美化教程集合-美化笔记[更新5.6]-傲天小窝站

代码

<iframe src="https://www.atwlb.cn/aotian/web/shizhong/index.html" width="290" height="290" frameborder="no" style="px;filter:alpha(opacity=50);opacity:100;"></iframe>

教程

把上面的代码放到wp后台–>小工具–>自定义html–>需要的侧边栏

PS

如需调用自己的html文件的话看下面的文章

1 2 3 4 5 6 7 8 9

© 版权声明
THE END
喜欢就支持一下吧
点赞17分享
评论 共13条

请登录后发表评论