Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
关于WordPress的问题';站点图标功能和输出_Wordpress_Favicon - Fatal编程技术网

关于WordPress的问题';站点图标功能和输出

关于WordPress的问题';站点图标功能和输出,wordpress,favicon,Wordpress,Favicon,使用WordPress 4.7和Site Icon功能创建favicon/Site Icon,这似乎是可行的,但结果对我来说似乎很奇怪,尽管我承认我远非这方面的专家,并且已经阅读了很多关于最佳实践的相互矛盾的信息。使用WP的站点图标设置设置图像会在该部分中产生4个链接: 但它创建了10个不同版本的站点图标图像,除了原来的32x32、100x100、150x150、180x180、192x192、250x250、270x270、300x300、360x360、500x310 如果只有4个链

使用WordPress 4.7和Site Icon功能创建favicon/Site Icon,这似乎是可行的,但结果对我来说似乎很奇怪,尽管我承认我远非这方面的专家,并且已经阅读了很多关于最佳实践的相互矛盾的信息。使用WP的站点图标设置设置图像会在该部分中产生4个链接:

但它创建了10个不同版本的站点图标图像,除了原来的32x32、100x100、150x150、180x180、192x192、250x250、270x270、300x300、360x360、500x310

如果只有4个链接,为什么会有这么多裁剪图像

此外,我还按照建议提交了一个大小为512x512的图标图像,但500x310版本总是被裁剪,因此图标的顶部和底部都被切掉了。有没有办法解决这个问题和/或这有什么大不了的?这个大小的图标是用来做什么的

此WP站点图标包含哪些浏览器/设备支持

这也不会在站点根目录中创建favicon.ico文件,我应该继续包含该文件还是不再需要该文件

谢谢

我是这本书的作者和它的同伴,所以我有资格也有偏见地回答这个问题

你提到的许多变体都是无用的。它们可能已被外部文件引用,如Web应用程序清单(适用于Android Chrome)或
browserconfig.xml
(适用于IE/Edge),但这些文件既不生成也不声明。所以你只能得到无用的(无害的)图像

500x310图像可能用于Windows“宽”瓷砖。以下是4种不同瓷砖形状和尺寸的示例:

但是这4个图像应该在via
browserconfig.xml
的HTML中声明,而它们不是。是的,你的图片被裁剪成非方形的图片是一个问题(你的网站徽标可能在这个过程中被破坏了),但是没有人会注意到这个问题

WordPress站点图标几乎覆盖所有平台。所有主要平台都可以处理生成并声明的Apple Touch图标。你真正错过的唯一图标是macOS的遮罩图标(用于固定标签和新的MacBook触摸栏)

只有传统浏览器才会真正怀念旧的
favicon.ico
。我不记得哪一代IE需要它,但它们一定很老了(想想:XP上的IE或者Vista上的IE)。大多数情况下,这不应该成为一个问题。最好不要用手动编辑的文件来混乱WordPress安装

另一点需要提及的是设计本身。WordPress非常努力地向您展示最终图标:

然而,对于我的特殊图标,有一个问题:我的图像不是设计成这样圆角的。这不是WordPress的错:无论发生什么,iOS都会绕过它们。与透明图像相同:

iOS使用黑色填充透明度,因此WordPress是准确的。但它没有提供解决办法。这是“要么接受,要么放弃”

设计还有另一个问题:每个平台都有自己的风格。目前,网站图标采用“一刀切”的方法。这没关系,但不太好。同样,它错过了macOS的图标

有时,主题也有自己的favicon支持。据我所知,这种支持总是很轻,只包括经典的桌面图标。WordPress网站图标绝对更好

作为WordPress用户,您基本上有两种选择:

  • 使用内置的WordPress站点图标。如果您的图标不需要修改(例如,它有一个不透明的背景),并且您不需要macOS的图标,那么这是一个很好的解决方案

  • 使用。它涵盖了所有内容,让您可以根据每个平台打造您的图标平台。您确切地知道您的图标在访客设备上的外观。这是另一个要安装的插件,尽管它是轻量级的。再说一次,我是这个插件的作者,所以除了我的评价之外,别指望别的:)


你好,菲利普。我在我的原始帖子中没有提到它,但我正在选择WP的站点图标设置和你的插件。出于上面列出的许多原因,我最终选择了你的插件。谢谢你,真的很棒。如果您正在使用.htaccess规则,可能会有一些建议。不确定什么是最佳实践,但我更喜欢用
#BEGIN All in One WP Security
之类的东西来描绘文件中自己空间的插件。如果其他插件编辑WP的默认永久链接规则所在的同一部分,似乎可以防止可能的冲突或重写代码。如果您执行类似操作,您还可以删除几行代码:
RewriteRule^android chrome-([x0-9-]+)\.png$/WP content/uploads/fbrfg/android chrome-$1.png[QSA,L]
,favicon16/32文件也是如此。只是一些想法。再次感谢您提供的信息和插件!