WordPress如何添加自定义登录页面Logo-WordPress-PHP中文网

WordPress如何添加自定义登录页面Logo

穿越時空

发布： 2025-09-26 13:14:01

原创

847人浏览过

答案：通过添加自定义CSS和修改functions.php文件，可将WordPress登录页Logo替换为品牌标志。具体步骤包括上传80x80像素的图片至主题目录，在functions.php中添加代码以覆盖默认样式，并通过add_action('login_head')注入CSS；同时使用add_filter修改Logo链接跳转地址及悬停标题文字，实现品牌化登录页面。

wordpress如何添加自定义登录页面logo

想在WordPress登录页面显示自己的品牌Logo而不是默认的WordPress标志？这可以通过简单的代码实现，无需插件。只需要修改主题的函数文件并上传自定义图片即可。

替换登录页面Logo的基本步骤

核心方法是通过添加自定义CSS样式来覆盖默认的登录页Logo。你需要准备一张尺寸合适（建议为80x80像素）的图片，并将其上传到主题的指定目录中。

将以下代码添加到当前使用主题的 functions.php 文件中：

function custom_login_logo() {
echo '';
}
add_action('login_head', 'custom_login_logo');

说明：
- 确保图片路径正确，示例中图片放在主题目录下的 /images/custom-logo.png
- background-size 控制显示大小，width 和 height 设置容器尺寸
- 使用 !important 确保样式优先级高于默认样式

修改Logo点击后的跳转链接

默认情况下，登录页Logo点击后会跳转到WordPress.org。你可以改为跳回你的网站首页。

添加以下代码到 functions.php：

Logo Galleria

免费在线AI Logo生成工具，打造定制Logo

236

查看详情

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

调整Logo链接的标题文字

鼠标悬停在Logo上时，默认显示“Powered by WordPress”。可以替换成你网站的名称或标语。

加入这段代码：

function custom_login_logo_title() {
return '欢迎登录我的网站';
}
add_filter('login_headertext', 'custom_login_logo_title');

基本上就这些。保存更改后访问 wp-login.php 页面查看效果。如果没显示新Logo，请检查图片路径、文件权限以及浏览器缓存。整个过程不复杂但容易忽略细节，比如图片大小和CSS选择器准确性。

以上就是WordPress如何添加自定义登录页面Logo的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

如何在 WordPress 中缩小 CSS / JavaScript 文件（3 种方法）如何轻松地将自定义 CSS 添加到您的 WordPress 网站如何使用简码在 WordPress 中添加 Twitter Bootstrap CSS 如何修复 WordPress 中渲染阻塞的 JavaScript 和 CSS 如何修复 WordPress 中的“Googlebot 无法访问 CSS 和 JS 文件”错误