在沒有插件的 WordPress 中添加圖標的正確方法是什麼？

問題描述

在沒有插件的 Wordpress 中添加圖標的正確方法是什麼？

我只是把一個名為 favicon.ico 的文件放在我的網站的根目錄下嗎？

我還需要這段代碼嗎？

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />

有人説這是代碼：

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png" />

這是為 iPhone？

<link rel="apple-touch-icon" href="/customIcon.png" />

有關軟件創建或從縮略圖轉換的建議？支持什麼類型的文件 – 只是.ico？

我看到另一個線程有這麼多方法，我不清楚這個簡單任務的最佳做法：How to change the WordPress favicon?

最佳解決方案

實際上，添加圖標的正確方法是通過一個插件，所以添加的圖標不是 Theme-dependent 。基本上，使用 @ helgatheviking 的方法，但將其放在自定義插件中，而不是在主題的 functions.php 文件中。

注意：如果您使用的是 top-level 域，即 example.com，只需將文件根目錄中的 favicon.ico 刪除即可。另外，創建自定義插件。

注 2：參考 Trac Ticket #16434 。一個站點 favicon 選項被添加到核心，希望第一版將在即將到來的 3.4 版本中。

次佳解決方案

我通常把圖標放在我的主題內的圖像文件夾中，以便我使用

function kia_add_favicon(){ ?>
    <!-- Custom Favicons -->
    <link rel="shortcut icon" href="<?php%20echo%20get_stylesheet_directory_uri();?>/images/favicon.ico"/>
    <link rel="apple-touch-icon" href="<?php%20echo%20get_stylesheet_directory_uri();%20?>/apple-touch-icon.png">
    <?php }
add_action('wp_head','kia_add_favicon');

編輯：添加評論中的蘋果觸摸圖標，並澄清一點，如果您使用的是一個小孩主題，但圖標位於父主題的圖片文件夾中，您將使用

get_template_directory_url();

如果您沒有使用小孩主題，那麼這兩個主題都可以使用

我通常在這裏創建我的照片：http://tools.dynamicdrive.com/favicon/

參考文獻

• What’s the proper way to add a favicon in WordPress without a plugin? [closed]

注：本文內容整合自 Google/Baidu/Bing 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。