2013-02-01 139 views
4

我嘗試使用下面的代碼,以使一個Windows 8瓦,我的網站:Windows 8的瓷磚標籤被忽略

<meta name="application-name" content="Home | <?php echo bloginfo('name'); ?>" /> 
<meta name="msapplication-starturl" content="<?php echo bloginfo('url'); ?>" /> 
<meta name="msapplication-navbutton-color" content="#349ed5" /> 
<meta name="msapplication-tooltip" content="Tooltip Test" /> 
<meta name="msapplication-TileColor" content="#349ed5" /> 
<meta name="msapplication-TileImage" content="/logo_w144px.png" /> 

application-namemsapplication-starturlmsapplication-navbutton-color性能做工精細和更新,只需刷新該頁面 - 無需重新固定 - 但msapplication-tootlipmsapplication-TileColormsapplication-TileImage正被完全忽略。

注:

  • 這是一個WordPress站點
  • IE也忽略了圖標這個網站
  • 重新啓動機器的圖像
  • 我從運行在本站不拉在另一臺計算機上的XAMPP服務器,通過IP和端口號訪問它
  • 對於另一個本地站點,收集圖標但忽略相同的三個msapplication元標記d favicon用於平鋪圖像

有沒有人有一個想法什麼問題,我怎麼解決它?

[編輯]

我試圖把圖像和設置通過微軟的buildmypinnedsite.com代碼生成器,並使用圖像和代碼它吐出來,但並沒有區別。

回答

0

這可能是問題:content =「/ logo_w144px.png」。

它最有可能找不到圖像。嘗試更改路徑或將回退添加到jpg。

  • 內容= 「logo_w144px.png」
  • 內容= 「../ logo_w144px.png」
  • 內容= 「../ IMG/logo_w144px.png」

...

+0

這沒有奏效。我甚至試圖通過微軟的[buildmypinnedsite.com](http://www.buildmypinnedsite.com/)代碼生成器來提供圖像和設置,但這沒有什麼區別。 – Ultrabenosaurus

-1

雖然在客戶預覽版本中,我已經對這些東西做了一些嘗試,但發現它非常不可靠。幾個關鍵點:

  • 如果你有一個圖標可言,that will always be chosen as the image
  • 無論緩存正在使用的地磚是從瀏覽器緩存分開的,而且它似乎並沒有能夠迫使刷新,所以這是非常擊中或錯過你是否看不到你可能使在配置
+0

自從一開始我就沒有改變工具提示或ImageColor值 - 無論我重新引腳或重新引導多少次,它們都從未被識別。切片緩存必須不合理地持久。 感謝您的信息,但我會看到我可以做什麼關於讓我的手在第二臺Windows 8機器上進行更多測試。 – Ultrabenosaurus

+0

@Ultrabenosaurus我通過物理關閉機器來獲得更新的標題。在Win8上記住'重啓'實際上是[暫停/恢復默認](http://www.askvg.com/fix-windows-8-restart-and-shutdown-problems-by-disabling-hybrid-shutdown-特徵/)。 – robertc

+0

標題一直爲我工作,並通過打開/刷新網頁進行更新。 – Ultrabenosaurus

0

你確定你的msapplication-TileImage144x144 px .png image任何更新?

你可以看到(Source「Community Additions」部分)這是必須的,我也有同樣的問題,當我將我的.png大小72x72 px更改爲144x144 px問題得到解決。

來源; Customizing the Site Icon (Windows)

+0

是的,它絕對是一個144x144 PNG圖像。 – Ultrabenosaurus

0

我剛剛遇到了類似的設置這個問題。它最終是由於在上使用appendChild(或jQuery中的.wrap())而導致的。在我的情況下,這是因爲我使用FitVids.js。

Reported the bug here

瓷磚標籤在任何網頁上正常工作,沒有正在JS用的appendChild修改。

-1

你如何確保瓷磚圖像將被用來代替favicon?

<title>{$pageTitle}</title> 

{* Favicon and Apple touch icon *} 
<link rel="shortcut icon" href="{$THEME_URL}/favicon.ico" /> 
<link rel="apple-touch-icon" href="{$THEME_URL}/apple-touch-icon.png" /> 

{* Windows 8 tile *} 
<meta name="application-name" content="{$siteTitle}"/> 
<meta name="msapplication-TileColor" content="#3380aa"/> 
<meta name="msapplication-TileImage" content="{$THEME_URL}/tile.png"/> 
+0

請爲此代碼添加一些解釋來幫助OP。這將有助於提供一個很好的答案。有關更多信息,請參閱[答案]。 –

0

我一直在試圖使這個今天和發現,如果你的網站正在運行HTTPS的圖像將不顯示。

HTTP工作正常...

我不能相信我發現這個問題的唯一的人,但還沒有找到它在網絡上的任何信息。

- 編輯 -

HTTPS的工作,但只有當你有一個完全受信任的證書 - 而不是自身生成的一個!

+0

嗯,我甚至沒有通過HTTPS嘗試它 - 只有來自本地XAMPP服務器和我們的生產服務器上的測試文件的HTTP。感謝您的信息,但我會牢記在心。 – Ultrabenosaurus

2

的網站需要accessable與公共ADRESS - 它是一個IP或域名,它不能是本地IP地址爲localhost或127.0.0.1

+0

本地開發時非常有用的信息。 – Sebazzz