WordPress登录页面logo修改

1. 打开WordPress后台，感觉就像进自家客厅一样熟悉吧？但那个默认的W标logo总让人想换个自家的——比如放只猫图或者公司标志。这事其实简单，不用动核心代码，咱用functions.php搞点小魔法就行。先深呼吸，别怕代码，我带你一步步跳这个修改之舞。

2. 首先啊，得找到主题的函数文件。路径长这样：/wp-content/themes/你的主题名/functions.php。用FTP或者主机后台的文件管理器打开它，记得备份！不然手滑了可就得哭唧唧地恢复啦。

3. 现在，贴这段代码进去，它会让登录页面logo指向你的自定义图片：

   function my_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;
           width: 100% !important;
           height: 100px !important;
       }
   </style>';
   }
   add_action('login_head', 'my_custom_login_logo');

   这里啊，/images/custom-logo.png是你的图片路径——你得先把图传到主题的images文件夹里，不然浏览器会找不到图而显示个裂图标，那可就尴尬了。

4. 接着呢，logo点了通常跳转回WordPress官网，但咱想让它回自己站点对吧？加这段代码改链接：

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

   这样一点logo，就像回家一样舒坦，直接蹦到你网站首页。

5. 还有个小细节：logo的title属性默认显示“Powered by WordPress”，想换成“欢迎回来”之类的？试试这个：

   function my_login_logo_title() {
   return '你的自定义欢迎语';
   }
   add_filter('login_headertext', 'my_login_logo_title');

   比如改成“喵星人基地后台”，立马就有那味儿了。

6. 万一你用的主题支持自定义CSS，那更简单——直接往外观→自定义→额外CSS里扔：

   .login h1 a {
   background-image: url('https://你的站点.com/wp-content/uploads/2023/logo.png');
   width: 200px;
   height: 90px;
   }

   这招适合不想碰代码的小白，但效果一样杠杠的。

7. 最后啊，记得图片别太大，否则加载慢得像蜗牛爬。推荐用PNG或SVG格式，透明背景更优雅。改完刷新登录页，看到新logo那一刻——哇塞，成就感直接拉满！

8. 总之呐，WordPress就像个乐高玩具，东拼西凑就能搞出花样。改logo只是小试牛刀，以后你还能改整个登录页样式呢。保持好奇，代码没那么可怕，它就在那儿等着和你玩耍呢。

Tags：

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