当前位置：首页 > CMS教程 > 正文

WordPress登录页面如何更换logo

admin
CMS教程
2025-07-03
2074

修改WordPress登录界面logo有两种常用方法：，1. 通过主题定制器：进入后台“外观”>“自定义”>“站点身份”，上传Logo图片并保存。，2. 使用代码：在主题的 functions.php文件中添加特定函数，指定自定义Logo图片的URL路径。

要修改WordPress登录界面的Logo，可以通过插件或代码实现，以下是详细的安全操作指南,建议根据技术能力选择合适的方法：

使用插件（推荐新手）

步骤：

安装插件
进入WordPress后台 → “插件” → “安装插件” → 搜索“Login Logo”或“Branda”，推荐使用官方库高评分插件（如“Login Logo Customizer”或“Custom Login Page Customizer”）。
配置Logo
安装后激活插件，在“设置”或“外观”中找到相关选项（如“Login Customization”），上传Logo图片（建议尺寸：80×80像素，格式PNG/JPG）,调整位置后保存。
优点与注意
- 优点：无需代码，实时预览，安全便捷。
- 注意：选择更新频繁、评分4星以上的插件（如Branda）,避免安全风险。

手动修改代码（适合开发者）

步骤：

准备Logo图片
将Logo上传至主题文件夹（如/wp-content/themes/your-theme/images/logo.png）,确保文件名无空格。

编辑主题的functions.php文件
通过WordPress后台“外观” → “主题文件编辑器”，或FTP工具定位文件。
在functions.php末尾添加以下代码（替换your-theme和logo.png为实际值）：

function custom_login_logo() {
    echo '<style type="text/css">
        .login h1 a {
            background-image: url('.get_stylesheet_directory_uri().'/images/logo.png) !important;
            background-size: contain;
            width: 100%;
            height: 100px; /* 根据Logo尺寸调整 */
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

修改登录页链接（可选）
添加以下代码将Logo默认链接改为网站首页：

function custom_login_url() {
    return home_url();
}
add_filter('login_headerurl', 'custom_login_url');

重要安全提示
- 必须使用子主题：避免主题更新覆盖修改（官方子主题指南）。
- 操作前备份：通过“插件” → “UpdraftPlus”或主机面板备份全站。

注意事项

图片规范
- 尺寸不超过320×80像素，文件大小<100KB，保证加载速度。
- 透明背景PNG格式效果最佳。
测试与恢复
- 修改后清除缓存（插件/Browser缓存），访问yoursite.com/wp-login.php查看效果。
- 若出错：通过FTP删除代码或停用插件,恢复备份。
品牌一致性建议
同步修改登录页背景色或按钮颜色，保持品牌统一（插件支持此功能）。