WordPress如何修改登录页面logo

1. 打开你的WordPress后台，别慌，就是那个你天天登录写文章的地儿。找到左侧菜单里「外观」下面的「主题文件编辑器」，点进去——这儿是改代码的地方，但记得先备份，手滑了别怪我！

2. 现在，你需要把自定义的logo图片扔进主题文件夹里。推荐用FTP或者「媒体库」上传，比如传个叫 my-logo.png 的文件，记住路径，比如 /wp-content/themes/your-theme/images/my-logo.png。

3. 关键来了：得往主题的 functions.php 文件里塞点代码。别怕，就几行！在编辑器里找到这个文件，然后粘贴下面这段：

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

这段玩意儿告诉WordPress：在登录页头顶部插入CSS样式，把默认的logo替换成你的图。get_stylesheet_directory_uri() 会自动抓当前主题的URL，所以路径别写错！

4. 顺手改下logo点击后的链接，默认是跳转到WordPress官网，可能你想让它回自己站点首页？加这段：

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

5. 最后，连标题也改掉，鼠标悬停时显示你网站名而不是“Powered by WordPress”：

function change_login_logo_title() {
    return get_bloginfo('name');
}
add_filter('login_headertitle', 'change_login_logo_title');

搞定后点「更新文件」，然后退出登录看看效果——诶，logo是不是变你的了？如果没显示，检查文件路径或者缓存，有时候浏览器会捣乱。
总之，改代码像拼乐高，拆装几下就顺了，但记得备份，不然崩了得哭。WordPress就这好处，瞎折腾也能救回来。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。