1. 程式人生 > >WordPress技巧:登入頁面顯示自定義LOGO圖示

WordPress技巧:登入頁面顯示自定義LOGO圖示

酸橘子除了電商網站外,還有一塊資訊分享的版塊,由wordpress搭建而成,這兩天看了一下如何修改wordpress的登入頁面,結果發現預設登入頁的LOGO竟然有鉤子可以直接使用,見下圖效果。

wordpress登入logo自定義

直接將原來的WP的預設LOGO的圖片替換成自己的圖片也是一種直接的辦法,但是如果wp升級的話,估計這個LOGO檔案又會被替換回去了吧,所以tiandi這裡用了以下鉤子實現。

add_action('login_head', 'my_custom_login_logo');
function my_custom_login_logo() { ?>
    <style type="text/css">
        h1 a { background:url(<?php echo get_bloginfo('template_directory'); ?>/img/logo.jpg) !important; }
    </style>
<?php } 
add_filter("login_headerurl", create_function(false,"return get_bloginfo('siteurl');")); //修改點選LOGO的連結,預設的是鏈到wp的官網。
add_filter("login_headertitle", create_function(false,"return get_bloginfo('description');"));//修改滑鼠放在LOGO出現的ALT描述。

簡單搞定!

文章評分2次,平均分4.0