php - 无法让 Apple-touch-icon(书签的 webclip)在 Wordpress 网站上运行

Question

所以我一辈子都无法让苹果触摸图标在我的 WordPress 网站上工作。我使用的是 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 中的名称相同。但这根本不起作用。我在网上搜索发现有些人遇到问题是因为他们的网站受到密码保护。

我不确定这到底意味着什么，或者在什么上下文中，但他们说他们将文件移动到另一个公共(public)/匿名文件夹，这对他们来说是成功的。好吧，这不适合我。我什至将文件上传到 WP media 并复制了相关网址，但没有成功。

我已经挠头一段时间了，不知道为什么我无法让它工作。我记得几个月前我可以毫无问题地为 Joomla 网站做到这一点。我非常感谢您的帮助和耐心，提前感谢大家!

Answer 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 是否可用。