WordPress教程_全站变灰代码
本文最后更新于
共计1171字，阅读大约4分钟。2023-09-18，部分内容具有时效性，如有失效，请评论留言有些特殊日子，不少网站也都通过代码来实现灰色哀悼效果。
方法1
将下面代码加入wordpress在后台外观，自定义里面的额外css里即可，加在主题选项里的css里就可以了，到前台刷新一下，网页变灰色了吧，包括网站的广告、图片等整个网页变黑白了。
变灰CSS代码
html{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}方法2
代码加到<head>和</head>之间，即可直接实现全站灰色效果。
代码
<!–[if IE]>
<style>
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
</style>
<!–<![endif]–>
<!–[if !IE]><–>
<style>
html{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(“data:image/svg+xml;utf8,<svg xmlns=\”http://www.w3.org/2000/svg\”><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\”/></filter></svg>#grayscale”);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter: gray;
-webkit-filter: grayscale(1);
}
</style>
<!–<![endif]–>随机文章
文章不满意？试试随机文章好软猫文章底线（别以为我没有底线）
THE END
WordPress教程_使用Converter for Media压缩图片_WordPress插件_Converter for Media
因为减少图片大小后，不仅能减少加载时间，还能降低 CDN 的流量支出。可以在网址 https://mattplugins.com/products/webp-converter-for-media-pro 上测试一下自己的网页能被压缩减少多少大小。
WordPress教程_WordPress插件anylink外链转内链的跳转中间页美化_anylink_WordPress插件
为了提高网站用户的体验和降低跳出率，提高网站权重，现在很多网站都会给自己的站内出现的链接添加一个跳转功能，这个功能有的站长直接跳转，还有的会给跳转增加一个中间页过渡一下。好软猫觉得增加一个过渡页面会好一些，所以想办法要给自己网站也修改一下。网站的外链跳转很多人会喜欢用纯代码，但是我这人怕麻烦，所以直接用的anylink插件实现的，而anylink插件本身就有中间页功能的，只不过这个中间页现在看来有点简略，我们要做的只是美化它。
WordPress教程_WordPress文章的外链自动转内链Anylink_Anylink插件_WordPress插件
因为好软猫主题更新到1.6.0版本后与原来的外链转内链插件产生了冲突，为了不麻烦，直接选择了更换一款插件，并且经过自己的爆改，已经符合审美。今天推荐一下国人@dudo制作的anyLink插件，它是一款自动将文章（支持自定义文章类型）中出现的外链转换为内链、将较长、较复杂的外链转换为样式统一的内链的Wordpress插件。同时它还提供了链接自定义功能，允许你根据个人喜好设置链接的样式。值得期待的是，该插件以后将添加点击次数统计功能。
WordPress教程_自动给WordPress里的URL地址生成超链接
在WordPress里写文章的时候，有时候会需要添加一些URL地址，比如www.haoruanmao.com。但是WordPress并不能自动识别这个地址，所以显示给读者的只是一个普通文本形式的URL地址，通常我们需要通过所见即所得编辑器来给这个地址添加超链接。不过实际上WordPress提供了一个可识别URL地址的函数——make_clickable，只要激活这个函数，当你再次输入URL地址时，读者看到的就是一个带有超链接的URL地址了。
WordPress教程合集_WordPress美化教程合集
由于WordPress教程和CoreNext美化教程有些是通用的，好软猫不愿将同一篇文章放入两个不同的分类中，因此在出了CoreNext主题美化合集数周后决定再出一篇WordPre……
萌ICP备20230186号
异次元之旅