fontawesome字体加载速度慢的解决方案

WordPress升级后发现速度很慢,查询是use.fontawesome.com 加载速度慢造成。

排查方法:停用所有插件,看是否是主题自带,然后逐个启用,确认是哪个插件影响。

经排查为 NextGEN Gallery ,

参考:https://wordpress.org/support/topic/disable-awesome-fonts-in-nextgen-gallery/

目录位置:nextgen-gallery\products\photocrati_nextgen\modules\nextgen_gallery_display

参考官方教程:https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

换成了本地服务器加载。

 

 

floatmenu 增加鼠标移上图像的实现方法

近来更新插件,结果发现以前的鼠标移上的微信图显示效果没了。
查看值发现引号加了过滤斜线\ , 这个解决方案之一就是属性值不加引号。

另外借用CSS

li.fm-item-1-2:hover::after {
    content: url(‘/wp-content/uploads/2019/06/wuhanwx.jpg’);
}

也可以实现类似的功能。

记录一次wordpress网站故障的解决-建立数据库连接时出错

访问首页,显示建立数据库连接时出错,我登录管理后台,显示数据表要修复。

然后提示:web-config.php需要增加 define(‘WP_ALLOW_REPAIR’, true);

结果是这样并不能完全修复。

“wp_usermeta”数据表有问题。报告的问题是:1 client is using or hasn’t closed the table properly。WordPress正在尝试进行修复…
无法修复wp_usermeta表。错误消息:1 client is using or hasn’t closed the table properly

然后转战宝塔面板中,数据库,工具中来修复。一切顺利。

网站上的设计类网站虚拟水印去除

网站上的设计类网站虚拟水印去除,这是国外的一个网站,就不公布具体网址了,提供思路:
Chrome的插件:Download All Images 用它来找到水印的文件名。
网页另存,找到对应的 CSS文件 ,用sublime一次打开,搜索全部打开文件 ,找到对应的文件名的CLASS或ID。
然后控制它。

document.getElementById("watermark").style.backgroundImage ="url('')";
document.getElementById("bg").style.backgroundImage ="url('')";
document.getElementsByClassName("preview")[0].style.backgroundImage ="url('')";

svg图片预览

默认win10是不能预览.svg后缀的图片的。
如果你是前端设计师或平面设计师这会带来诸多不便。
If you’re a graphics designer, illustrator, web designer or have worked extensively with XML code and/or HTML code, you might be familiar with Scalable Vector Graphics. SVGs are vector image types that have been around for nearly eighteen years now, and yet, they don’t seem to have proper Windows support. You cannot open a SVG file in any of Windows’ stock image viewers (like Windows Photo Viewer) nor edit them in applications such as Paint.

解决方法:https://github.com/tibold/svg-explorer-extension/releases
选择对应的安装 .