子比主题美化教程WP美化集合【已更新8.5】

文章最后更新时间:2025-02-23 06:56:27

  • 这个是一个小功能,也是为了留个备忘录,担心下次搬家这个给忘了
  • 添加方法: 后台设置—>外观—>小工具—>添加 Zibll 链接列表(新版),加到标题右侧按钮即可
  • 代码
  • 很多时候网页背景也是白的,图片整体也是白色的,有的时候用户不好区分,这是图片还是网页,图片弄个外边框就好区分了,当然图片是鼠标移动到图片上才会显示边框
  •  网站管理后台 —> 子比主题设置 —> 自定义代码 —> 自定 CSS 代码,把下面的 css 代码复制粘贴到里面即可。

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

无法截图,效果请参考本站

  • 网站管理后台 —> 主题设置 —> 文章&列表 —> 文章页  —> 文章页 在文章内容后-插入内容 ,把下面的 php 代码复制粘贴到里面即可。
  • 此代码理论上适用所有主题,只需要在合适的地方添加上代码就行
  • 代码中的图片我托管在 jsdelivr+github,可直接引用,部分的文字可修改成自己的
  • 代码

效果截图:

子比主题美化教程WP美化集合-轩逸博客
  • 子比主题设置—>自定义代码—>自定义javascript代码:,添加以下代码:
//透明复制提示
// by:轩逸博客-img.buerds.com
document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【不二导师 buerds.com 】<br>复制成功,若要转载请务必保留原文链接!</p>', function(){});};
  • 子比主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码:
<!--透明复制提示开始--> 
<!--by:轩逸博客-img.buerds.com-->
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<!--透明复制提示结束--> 

效果图

子比主题美化教程WP美化集合-轩逸博客

效果图:

子比主题美化教程WP美化集合-轩逸博客

教程

子比主题设置—>自定义代码—>自定义 CSS 样式:,添加以下 CSS 代码:

子比主题设置—>页面&显示—>底部页脚—>板块二,添加以下 HTML 代码:

前言:

目前子比主题下载页面没有密码点击复制功能,小伙伴每次都需要手动复制,但是有了复制功能就能免除繁琐的手动复制了,这里就分享出来!放到通用的JavaScript里!

效果图:

子比主题美化教程WP美化集合-轩逸博客

JavaScript代码

1 2 3 4

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

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

供学习和研究使用,请在下载后24小时内删除
购买前可以联系作者确认资源信息,防止交易矛盾
一月 14

本站历史上的今天

THE END
喜欢就支持一下吧
点赞1702发电 分享
评论 共180条

请登录后发表评论