无法让 Apple-touch-icon（书签的 webclip）在 Wordpress 网站上工作

Posted 2023-03-10

【中文标题】无法让 Apple-touch-icon（书签的 webclip）在 Wordpress 网站上工作

【英文标题】：Can't get Apple-touch-icon (webclip for bookmarks) to work on Wordpress site

【发布时间】：2013-12-11 20:39:05

【问题描述】：

所以我一辈子都无法在我的 Wordpress 网站上使用 apple-touch-icons。我在 WP 3.7.1 上，我还在使用 BPS Security 和 WP Super Cache（以防万一它们可能与它有关），另外我在 Hostgator 孵化共享服务器上（基本服务器） .

我正在尝试直接从 Apple 的开发人员支持文档中实现代码，如下所示：

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">

我已将其添加到 wp-blog-header.php 的最顶部，并将图标添加到根文件夹。它们与 href 中的名称相同。但这根本行不通。我在网上搜索，发现有些人有问题，因为他们的网站受密码保护。

我不确定这到底是什么意思，或者在什么情况下，但他们说他们将文件移动到另一个公共/匿名文件夹，这对他们有用。好吧，它不适合我。我什至将文件上传到 WP 媒体并复制了相关网址，但没有运气。

一直在摸不着头脑，不知道为什么我不能让它工作。我记得几个月前我能够毫无问题地为 Joomla 网站做到这一点。非常感谢您的帮助和耐心，在此先感谢各位！

【参考方案1】：

尝试将图像上传到您当前的模板文件夹并使用以下代码：

<link rel="apple-touch-icon" href="<?php bloginfo('template_url'); ?>/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="<?php bloginfo('template_url'); ?>/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="<?php bloginfo('template_url'); ?>/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="<?php bloginfo('template_url'); ?>/touch-icon-ipad-retina.png">

如果这不起作用，请查看页面源并单击/复制和粘贴图像的 url 以查看生成的 URL 是否可用。

【讨论】：

轰，成功了！非常感谢！我只是好奇为什么该代码最终会起作用？我将不胜感激。主要是我想知道是否有办法让这样的代码在主题文件夹之外工作，所以不用担心。例如，我正在慢慢构建一个子主题，那么从技术上讲，这段代码（和图像）是否可以存在于子 header.php 中？

我猜你的博客正在使用永久链接并重写了 url 结构。该代码也应该在子模板中工作。您应该始终将图像和资产放在那里。

否则试试 "./touch-icon-iphone.png" :)

确认在儿童主题中工作，非常感谢！ =)