在沒有外掛的 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 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。