WordPress 自定義登入頁面終極指南（下）

上一篇 WordPress 公園詳細介紹了幾個自定義登入頁面的 WordPress 外掛，這篇 WordPress 公園降繼續為大家介紹 WordPress 自定義登入頁面的程式碼。 WordPress 有一些內建的鉤子 hook，利用 hook，在 WordPress 主題的 functions.php 檔案中新增一些程式碼，即可實現自定義 WordPress 登入頁面，所有的操作都不需要修改 WordPress 核心檔案。升級 WordPress 版本，也不會丟失自定義 WordPress 登入頁面的效果。

自定義 Logo 圖片

製作一個名為 login_logo.png 的圖片，放在主題下的 images 資料夾裡（也可以根據自己的實際修改，只要下面的程式碼引用的 Logo 地址正確即可）。

//自定義登入頁面的 LOGO 圖片
function my_custom_login_logo() {
echo 『<style type=」text/css」>
h1 a { background-image:url(『.get_bloginfo(『template_directory』).』/images/logo.png) !important; }
</style>』;
}
add_action(『login_head』, 『my_custom_login_logo』);

自定義 Logo 連結

將 Logo 的連結改為網站首頁連結：

//自定義登入頁面的 LOGO 連結為首頁連結
add_filter(『login_headerurl』, create_function(false,」return get_bloginfo(『url』);」));

將 Logo 的連結改為任意連結：

//自定義登入介面 LOGO 連結為任意連結
function custom_loginlogo_url($url) {
return 『http://www.wpdaxue.com』; //修改 URL 地址
}
add_filter( 『login_headerurl』, 『custom_loginlogo_url』 );

自定義 Logo 提示資訊 (tltle)

自定義為網站名稱：

//自定義登入頁面的 LOGO 提示為網站名稱
add_filter(『login_headertitle』, create_function(false,」return get_bloginfo(『name』);」));

自定義為其他任何文字：

//自定義登入頁面 LOGO 提示為任意文字
function custom_loginlogo_desc($url) {
return 『WordPress 公園』; //修改文字資訊
}
add_filter( 『login_headertitle』, 『custom_loginlogo_desc』 );

自定義登入框內容

//在登入框新增額外的資訊
function custom_login_message() {
echo 『<p> 歡迎來到』.get_bloginfo(『name』).』，請登入後下載本站資源</p><br />』;
}
add_action(『login_form』, 『custom_login_message』);

自定義底部內容

//自定義底部資訊
function custom_html() {
echo 『<p style=」text-align:center」>© 『 . get_bloginfo(url).'</p>』;
}
add_action(『login_footer』, 『custom_html』);

自定義 CSS

要更加靈活地修改登入頁面的顯示樣式，建議新增一個自定義的 CSS 檔案，然後檢視登入頁面的原始碼的 html 結構，撰寫自己的 CSS 樣式。你可以使用下面的程式碼引入自己的 CSS，注意修改程式碼中的 css 地址，以下呼叫的是主題根目錄下的 login_style.css：

//新增自定義 CSS
function custom_login() {
echo 『<link rel=」stylesheet」 type=」text/css」 href=」『 . get_bloginfo(『template_directory』) . 『/login_style.css」 />』;
}
add_action(『login_head』, 『custom_login』);

以上所有程式碼都是新增到主題的 funshions.php 檔案的最後一個 ?> 的前面。

修改 WordPress 主題推薦大家使用建立 WordPress 子主題的方式。這樣即使 WordPress 主題升級，你也不會丟失對 WordPress 主題所做的修改。

WordPress 自定義登入頁面終極指南（下）