WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18

WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18

1、后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可 :我是添加在首页侧边栏

标题文本:☀当前时间

演示效果:

图片[1]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

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-微梦云小屋

1、 网站管理后台—》主题设置—》自定义代码—》自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。

2、也可在您的任意主题目录下的 foot.php 文件最后添加下面代码

3、刚添加可能要等一会会自动显示

效果图:

暂无

1、网站管理后台—》主题设置—》文章&列表—》文章页 —》 文章页 在文章内容后-插入内容 ,把下面的 php 代码复制粘贴到里面即可。

2、此代码理论上适用所有主题,只需要在合适的地方添加上代码就行

3、代码中的图片我托管在 微梦图床,可直接引用,部分的文字可修改成自己的

图片[3]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

效果演示:

图片[4]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

1、很多时候网页背景也是白的,图片整体也是白色的,有的时候用户不好区分,这是图片还是网页,图片弄个外边框就好区分了,当然图片是鼠标移动到图片上才会显示边框

2、 网站管理后台—》子比主题设置—》自定义代码—》自定 CSS 代码,把下面的 css 代码复制粘贴到里面即可。

里面的 8px 大小可自行调节,颜色代码#63B8FF 也可自行设置

代码如下:

效果演示:

图片[5]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋
  • 虽然这个功能有些鸡肋,不过是可以避免大部分的快捷键打开网站控制台,要查看你网站的源码还是要费点劲的。
  • 网站管理后台-–》子比主题设置—》自定义代码—》自定义底部 HTML 代码,把下面的 css 代码复制粘贴到里面即可。
  • 其他主题的话在你的主题目录下的,footer.php文件中下面添加下面的代码:
图片[6]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

自定义 HTML 代码

方法 二:不要扒我了

网站管理后台-–》子比主题设置—》自定义代码—》自定义底部 HTML 代码,把下面的 css 代码复制粘贴到里面即可。 其他主题的话在你的主题目录下的,footer.php文件中下面添加下面的代码:

添加方法: 后台设置—>外观—>小工具—>添加 Zibll 链接列表(新版),加到标题右侧按钮即可

图片[7]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

演示效果:

图片[8]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

注意:这里的icon图标放在自己博客可能无法正常显示,需要添加阿里图标库,大佬可以自行去阿里图标库添加修改,想偷懒的小伙伴可以添加如下代码:

自定义底部HTML代码

<!--阿里图标-->
<script src="//at.alicdn.com/t/font_3354060_t8svx50rcsh.js"></script>
<!--阿里图标-->
图片[9]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

添加自己的阿里图标库:

未优化之前友链的图片是方方正正的,不太好看,优化一下之后顺眼很多

CSS 代码:

演示效果:

图片[10]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

社长已经添加判断代码,添加之后只会在首页显示,其他页面不显示

1.将下面的 PHP 代码加入到主题目录下:themes/zibll/footer.php 文件中。

效果图:

图片[11]-WordPress和子比主题模板&网站美化方法教程-已更新:23-09-18-微梦云小屋

1 2 3 4 5 6 7

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞275赞赏 分享
相关推荐
评论 共53条

请登录后发表评论