您现在的位置是：首页 > WordPress教程WordPress教程

WordPress如何添加网站图标

WP集市 2025-09-01 【WordPress教程】 359人已围观

先唠唠网站图标是啥玩意儿。就浏览器标签页上那个小图片嘛，WordPress里叫Favicon，现在升级成“站点图标”了，连手机桌面快捷方式都能用上。这东西不整上，网站看着就跟没穿裤子似的，专业感直接掉一半。
进后台别懵，直接左手边菜单栏戳“外观” – “自定义”，这儿是装修大本营。找不到？试试新版的全站编辑模式，路径可能变成“外观” – “编辑器” – “样式”，反正认准“站点图标”四个字就对了。
上传图片有讲究，尺寸至少512x512像素，方方正正的。圆不拉几的图传上去会被砍成方的，别问为啥，系统就这脾气。格式整个PNG或者JPG都行，带透明背景的用PNG。

// 万一主题不支持自定义器，可以暴力代码怼进functions.php
function add_site_favicon() {
    echo '<link rel="icon" href="' . esc_url(get_stylesheet_directory_uri() . '/assets/favicon.ico') . '" type="image/x-icon">';
}
add_action('wp_head', 'add_site_favicon');

传完别急着关窗口！缓存这老六专治各种不服——按Ctrl+F5猛刷浏览器，或者等个十分钟再看。有时候图标显示延迟纯属网络耍流氓。
高级玩法用插件，比如“Favicon by RealFaviconGenerator”。这玩意能生成一堆不同设备的图标格式，从苹果安卓到Windows磁贴全包圆，适合强迫症晚期患者。

// 插件干不了的脏活还得代码上，比如分页面显示不同图标
function conditional_favicon() {
    if (is_front_page()) {
        echo '<link rel="icon" href="' . esc_url(home_url('/wp-content/uploads/home-favicon.ico')) . '">';
    } elseif (is_single()) {
        echo '<link rel="icon" href="' . esc_url(home_url('/wp-content/uploads/post-favicon.ico')) . '">';
    }
}
add_action('wp_head', 'conditional_favicon');