如何轻松更改 WordPress 中的登录 Logo

自定义 WordPress 登录界面是个性化您的网站或提升品牌一致性最简单的方法之一。无论您是在为客户搭建网站，还是管理自己的项目，将默认的 WordPress 标志替换为您自己的标志都快捷而有效。在本教程中，我们将带您了解如何更改 WordPress 登录标志——无需任何编码知识。

 方法 1：使用插件（适合初学者）

更改登录标志最简单的方法是使用插件。

步骤：

• 在您的 WordPress 仪表盘中进入 Plugins → Add New。
• 搜索 LoginPress 并安装它。
• 激活插件。
• 导航到 LoginPress → Customizer。
• 点击 Logo 并上传您的自定义图片。
• 保存更改。

 该插件会自动替换您登录页面 yourdomain.com/wp-login.php 上的默认标志。

 方法 2：手动更改 Logo（高级用户）

想避免使用插件？您可以通过编辑主题的 functions.php 手动更改 Logo。

步骤：

1. 将您的 Logo（理想尺寸为 80x80px）上传到主题的 images 文件夹或 Media Library。
2. 在您的主题目录中打开 functions.php。
3. 添加以下代码：

function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a {
            background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
            background-size: contain !important;
            width: 100% !important;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

💡 如果您通过 Media Library 上传了 Logo，也可以使用 wp_get_attachment_url()。

 额外：更改登录 URL 链接

默认情况下，登录 Logo 会重定向到

。您可以将其更改为您的主页：

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

并自定义标题（悬停文本）：

function custom_login_logo_url_title() {
    return 'Welcome to Your Site!';
}
add_filter('login_headertext', 'custom_login_logo_url_title');

 最佳效果提示

• 使用透明 PNG Logo 以获得更简洁的美观效果。
• 将 Logo 控制在 100 KB 以下，以减少加载时间。
• 如果您使用 child theme，请在其中进行所有编辑，以防更新后丢失。

 结论

替换默认的 WordPress 登录 Logo 只需几分钟，就能立即提升您网站的品牌形象。无论您选择插件还是手动方式，这两种方法都简单而有效。