• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 记住!不要移除WordPress的dashicons.min.css文件

记住!不要移除WordPress的dashicons.min.css文件

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了WordPress,dashicons.min.css文件等相关知识,希望对您有所帮助

下面给大家介绍不要移除WordPress的dashicons.min.css文件,希望对需要的朋友有所帮助!


不要移除WordPress的dashicons.min.css文件

类似于代码重构,不要轻易移除看似“没用”的代码。轻易更改不熟悉的东西,可能会引入更多的问题,从而更加折腾。本人前几天便趟了一个大坑,折腾一圈才发现眼前看到的“没用”不是真正的没用。

前几天用PageSpeed Insights测试了一下站点的加载速度。根据测试结果,除了移除没用的dashicons.min.css,暂无其他可优化的空间。


60ab590790069.png

为了评分更高,用户的加载速度更快,决定把这个“没用”的css文件去掉。没想到的是直接在文件内grep还找不到对应的link标签,经过Google搜索,找到如下代码放在当前主题的functions.php文件中:

// remove dashicons in frontend to non-admin function wpdocs_dequeue_dashicon() {    if (current_user_can( 'update_core' )) {        return;    }    wp_deregister_style('dashicons');}add_action( 'wp_enqueue_scripts', 'wpdocs_dequeue_dashicon' );

改完后再次测试,dashicons.min.css果然没再加载,完美!

今天查看网站页面,发现右下角“回到顶部”的按钮不见了,取而代之的是左下角无样式的“scroll up”文字。“to top”插件设置的浮动按钮去哪了?

接下来开始各种检查:autoptimize插件的问题吗?是不是和"to top"插件不兼容?是不是缓存的问题?登录后台后按钮又出现了,这是为什么?等等各种找问题。

最后还是决定通过审查元素对比登陆前后的变动来定位问题。可以看到的是html元素一致,但是某些css属性没有了。将消失的css属性添加进去,勉强能用,形状比较别扭。再仔细看,"dashicons"类的css设置都不存在,怪不得图标不对。等等,css的"dashicons"类,这个怎么有点眼熟?再仔细回忆一下,前几天不就把dashicons.min.css移除了嘛!难道这就是问题所在?!!

于是将前几天加的移除dashicons.min.css代码注释掉,再次测试,熟悉的“回到顶部”图标又回来了!


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 怎么忽略FTP登录来升级WordPress
  • WordPress控制文章评论最少字数和最大字数
  • WordPress使用钩子进行主题开发时怎么避免死循环
  • WordPress怎么实现评论自动填写QQ邮箱与昵称?
  • WordPress隐藏部分内容,评论后可见
  • WordPress程序打开速度慢的三种解决方法
  • 关于WordPress删除xmlrpc.php防DDOS攻击
  • WordPress建站教程,纯代码实现wordpress防止发布文章出现标题重复,自动检测重复标题文章
  • wordpress打开速度慢最佳解决方案
  • 一文讲解Wordpress插件怎么查找并安装

相关文章

  • 2022-04-29详解Laravel前端工程化之mix
  • 2022-04-29Photoshop制作超酷的3D岩石字体教程
  • 2022-04-29Photoshop制作炫彩效果的霓虹字教程
  • 2022-04-29浅谈Bootstrap Tab标签页切换图表显示问题的解决方法
  • 2022-04-29帝国CMS灵动标签显示标题属性、截取标题字数
  • 2022-04-29替换uploadify用Huploadify实现上传图片或文件
  • 2022-04-29浅析网页与小程序间怎么进行通信
  • 2022-04-29phpmyadmin怎么使用空密码登入
  • 2022-04-29vue实现一个获取按键展示快捷键效果的Input组件
  • 2022-04-29Illustrator使用混合和透明度制作发光按钮

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 一起来了解下Bootstrap中的tab选项卡
    • 被遗忘的WordPress模板标签有哪些?
    • Photoshop制作绚丽的霓虹艺术字教程
    • 一文搞定TP框架中session()的用法
    • 登录网站没有显示laravel欢迎页面是什么情况?
    • Coreldraw简单制作质感的图标
    • 微信小程序wx.request使用POST请求时后端无法获取数据解决办法
    • AI教程圆环渐变LOGO设计教程
    • 图文详解thinkphp5+barcode生成条形码
    • ThinkPHP5分页paginate代码实例解析

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有