1、后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可 :我是添加在首页侧边栏
标题文本:☀当前时间
演示效果:
![图片[1]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://img.vinua.cn/images/ZrgaV.gif)
1、 网站管理后台—》主题设置—》自定义代码—》自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。
2、也可在您的任意主题目录下的 foot.php 文件最后添加下面代码
<!--好看的鼠标点击爆炸效果 start-->
<!--by:微梦云小屋-www.vinua.cn-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/shubiaobz/meme.js"></script>
<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/shubiaobz/anime.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/shubiaobz/fireworks.js"></script>
<!--好看的鼠标点击爆炸效果 END-->
效果图:
![图片[2]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2023/09/c8ea749be1132121.gif)
1、 网站管理后台—》主题设置—》自定义代码—》自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。
2、也可在您的任意主题目录下的 foot.php 文件最后添加下面代码
3、刚添加可能要等一会会自动显示
效果图:
暂无
1、网站管理后台—》主题设置—》文章&列表—》文章页 —》 文章页 在文章内容后-插入内容 ,把下面的 php 代码复制粘贴到里面即可。
2、此代码理论上适用所有主题,只需要在合适的地方添加上代码就行
3、代码中的图片我托管在 微梦图床,可直接引用,部分的文字可修改成自己的
![图片[3]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/08/56c002f806204955.png)
效果演示:
![图片[4]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/05/f21428150980.png)
1、很多时候网页背景也是白的,图片整体也是白色的,有的时候用户不好区分,这是图片还是网页,图片弄个外边框就好区分了,当然图片是鼠标移动到图片上才会显示边框
2、 网站管理后台—》子比主题设置—》自定义代码—》自定 CSS 代码,把下面的 css 代码复制粘贴到里面即可。
里面的 8px 大小可自行调节,颜色代码#63B8FF 也可自行设置
代码如下:
效果演示:
![图片[5]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/05/4f794ebf21e1.png)
- 虽然这个功能有些鸡肋,不过是可以避免大部分的快捷键打开网站控制台,要查看你网站的源码还是要费点劲的。
网站管理后台 -–》子比主题设置 —》自定义代码 —》自定义底部 HTML 代码 ,把下面的 css 代码复制粘贴到里面即可。- 其他主题的话在你的主题目录下的,
footer.php 文件中下面添加下面的代码:
![图片[6]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/05/0c8371b3d6c1.png)
自定义 HTML 代码
方法 二:不要扒我了
网站管理后台-–》子比主题设置—》自定义代码—》自定义底部 HTML 代码,把下面的 css 代码复制粘贴到里面即可。 其他主题的话在你的主题目录下的,footer.php文件中下面添加下面的代码:
添加方法: 后台设置—>外观—>小工具—>添加 Zibll 链接列表(新版),加到标题右侧按钮即可
![图片[7]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/05/f88bb4b8f599.png)
演示效果:
![图片[8]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/05/cd5d460a7b04.png)
注意:这里的icon
图标放在自己博客可能无法正常显示,需要添加
自定义底部HTML代码
<!--阿里图标-->
<script src="//at.alicdn.com/t/font_3354060_t8svx50rcsh.js"></script>
<!--阿里图标-->
![图片[9]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/05/ed94e4b2c854.png)
添加自己的阿里图标库:
未优化之前友链的图片是方方正正的,不太好看,优化一下之后顺眼很多
CSS 代码:
演示效果:
![图片[10]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2022/08/2376691e2e233000-1024x317.png)
社长已经添加判断代码,添加之后只会在首页显示,其他页面不显示
1.将下面的 PHP 代码加入到主题目录下:themes/zibll/footer.php 文件中。
效果图:
![图片[11]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋](https://hscdn.vinua.cn/wp-content/uploads/2023/02/c0fbdff95a003708.png)
感谢您的来访,获取更多精彩文章请收藏本站。

- 最新
- 最热
只看作者