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

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

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

/*友链头像圆角*/
/*by:觅知博客-www.98dou.cn*/
.link-only-img img{border-radius: var(--main-radius);}
.link-img img{border-radius: var(--main-radius);}

效果演示:

WordPress和子比主题模板&网站美化方法教程-觅知博客

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

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

有两个版本,一个是精简代码版,一个是全 js 代码版,都是一样的,只不过社长有强迫症,代码太多看的很累

  此处内容已隐藏,请评论后刷新页面查看.

效果预览:

WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress无插件实现自动给整站文章图片添加alt和title信息
WordPress和子比主题模板&网站美化方法教程-觅知博客3年前
2442951332
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
网站常用的一些懒加载loading动态加载图
WordPress和子比主题模板&网站美化方法教程-觅知博客1年前
94350681

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

  此处内容已隐藏,请评论后刷新页面查看.

效果演示:

WordPress和子比主题模板&网站美化方法教程-觅知博客
  • 1、先搭建属于自己的 IP 天气签名档,然后进行第二步
  • 2、在后台—》外观—》小工具—》 —》 自定义 HTML —》 选择你需要放的位置添加下面代码即可。
<img src="域名+img.php" width="100%" />
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
¥0.1搭建属于自己的IP签名档 一款天气图标签名档
WordPress和子比主题模板&网站美化方法教程-觅知博客3年前
32282246

此教程是一位朋友在群内提出的,因为子比主题默认的是下图这个样式,不太好看,因此给大家共勉一下直接上教程

WordPress和子比主题模板&网站美化方法教程-觅知博客
  • 1、首先在子比主题后台—》自定义代码—》自定义底部 HTML 代码—》添加以下代码
  此处内容已隐藏,请评论后刷新页面查看.
  • 2、在后台—》外观—》小工具—》 Zibll 链接列表(新版) —》 选择你需要放的位置社长是放在 首页-底部全宽度
  • 3、然后在下图的 —》标题右侧按钮文案 这里添加以下代码注意要勾选上(显示框架盒子)
  此处内容已隐藏,请评论后刷新页面查看.

美化效果:

WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress利用阿里巴巴矢量图标美化导航栏菜单
WordPress和子比主题模板&网站美化方法教程-觅知博客3年前
3264105175
WordPress和子比主题模板&网站美化方法教程-觅知博客
WordPress和子比主题模板&网站美化方法教程-觅知博客
¥8给网站添加一个永久的HTML5觅知悬浮音乐播放器-无需插件
WordPress和子比主题模板&网站美化方法教程-觅知博客1年前
264693243

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

/*评论背景图*/
textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://imgsa.baidu.com/forum/pic/item/d439b6003af33a871f7e3f0e9b5c10385343b597.jpg) right 10px bottom 10px no-repeat;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
textarea#comment:focus {background-position-y:789px;-moz-transition:ease-in-out 0.45s;-webkit-transition:ease-in-out 0.45s;-o-transition:ease-in-out 0.45s;-ms-transition:ease-in-out 0.45s;transition:ease-in-out 0.45s;}
/*评论背景图*/

添加效果:

WordPress和子比主题模板&网站美化方法教程-觅知博客

—- 本页内容已结束,请看第 5 页内容—-

1 2 3 4 5 6 7 8

------本页内容已结束,喜欢请分享------
本站代码模板仅供学习交流使用请勿商业运营,严禁使用觅知博客上的模板&源码从事违法,侵权等任何非法活动!

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

© 版权声明
THE END
喜欢就支持一下吧
点赞523 分享 收藏7
98douadai的头像-觅知博客
相关推荐
WordPress和子比主题模板&网站美化方法教程-已更新到:22-11-23-觅知博客
WordPress和子比主题模板&网站美化方法教程-已更新到:22-11-23
WordPress和子比主题模板&网站美化方法教程-已更新到:22-11-23
3年前 9.6W+
网站底部添加横向网站信息统计模块,自动获取日期及访问者IP-觅知优化版-觅知博客
网站底部添加横向网站信息统计模块,自动获取日期及访问者IP-觅知优化版
网站底部添加横向网站信息统计模块,自动获取日期及访问者IP-觅知优化版
2年前 5785
给网站添加一个可以播放VIP在线视频的解析页面-觅知博客
给网站添加一个可以播放VIP在线视频的解析页面
给网站添加一个可以播放VIP在线视频的解析页面
3年前 4702
给网站添加一个永久的HTML5觅知悬浮音乐播放器-无需插件-觅知博客
给网站添加一个永久的HTML5觅知悬浮音乐播放器-无需插件
给网站添加一个永久的HTML5觅知悬浮音乐播放器-无需插件
3年前 4693
网站常用的一些懒加载loading动态加载图-觅知博客
网站常用的一些懒加载loading动态加载图
网站常用的一些懒加载loading动态加载图
3年前 4350
WordPress利用阿里巴巴矢量图标美化导航栏菜单-觅知博客
WordPress利用阿里巴巴矢量图标美化导航栏菜单
WordPress利用阿里巴巴矢量图标美化导航栏菜单
3年前 4105
精彩评论 共1255条

请登录后发表评论

登录 注册

    • 最新
    • 最热
    只看作者
    • 我就是搞研究的…的头像-觅知博客 我就是搞研究的…等级-LV1-觅知博客 0
    • 看海陈皮的头像-觅知博客 看海陈皮等级-LV1-觅知博客 0
    • Ojbk Ai的头像-觅知博客 Ojbk Ai等级-LV1-觅知博客 0
    • 星光璀璨的头像-觅知博客 星光璀璨等级-LV1-觅知博客 0
    • laokbk的头像-觅知博客 laokbk等级-LV1-觅知博客 0
    • aini520的头像-觅知博客 aini520等级-LV1-觅知博客 0
    • 道言的头像-觅知博客 道言等级-LV1-觅知博客 0
    • 赵晓晴的头像-觅知博客 赵晓晴等级-LV1-觅知博客 0
    • Galaxy的头像-觅知博客 Galaxy等级-LV1-觅知博客 0
    • 小默的头像-觅知博客 小默等级-LV1-觅知博客 0