無法使Apple-touch-icon（書簽的Webclip）在Wordpress網站上工作

Question

因此我一生都無法在Wordpress網站上使用蘋果觸摸圖標。 我使用的是WP 3.7.1，我也使用的是BPS安全性和WP超級緩存（以防萬一它們可能與它有任何關系），另外，我使用的是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網站做到這一點。 非常感謝您的幫助和耐心，在此先感謝大家！

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