WordPress怎么修改登录界面Logo

来自:安企建站服务研究院

头像 方知笔记
2025年12月31日 14:49

WordPress默认的登录界面会显示官方的Logo,但许多网站管理员希望将其替换为自己的品牌标识,以提升网站的专业性和辨识度。本文将详细介绍如何修改WordPress登录界面的Logo。

方法一:使用主题自定义功能(推荐)

许多现代WordPress主题(如Astra、OceanWP等)提供了直接修改登录Logo的功能,操作步骤如下:

  1. 登录WordPress后台,进入 外观 > 自定义
  2. 在自定义面板中,查找 站点身份Logo 选项。
  3. 上传您的Logo图片,并调整尺寸(建议宽度不超过320px)。
  4. 保存更改,刷新登录页面即可查看效果。

方法二:通过代码修改

如果您的主题不支持直接修改登录Logo,可以通过添加代码来实现:

  1. 进入WordPress后台,打开 外观 > 主题文件编辑器
  2. 找到并编辑 functions.php 文件(建议先备份)。
  3. 在文件末尾添加以下代码:
function custom_login_logo() {
echo '<style type="text/css">
.login h1 a {
background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
background-size: contain;
width: 100%;
height: 100px;
}
</style>';
}
add_action('login_head', 'custom_login_logo');
  1. custom-logo.png 替换为您的Logo文件名,并确保图片已上传至主题的 /images/ 目录(如无此目录可自行创建)。
  2. 保存文件后,刷新登录页面即可看到新Logo。

方法三:使用插件修改

如果不想手动修改代码,可以使用插件快速实现:

  1. 安装并激活 Login LogoCustom Login Page Customizer 等插件。
  2. 进入插件设置页面,上传您的Logo图片。
  3. 调整Logo尺寸和位置,保存设置即可。

注意事项

  • Logo图片建议使用透明背景的PNG格式,尺寸适中(推荐300×80px左右)。
  • 修改前建议备份网站,避免操作失误导致问题。
  • 如果使用代码方式,建议在子主题中修改,避免主题更新后代码丢失。

通过以上方法,您可以轻松自定义WordPress登录界面的Logo,让您的网站更具品牌特色!