徹底改造WordPress登錄注冊(cè)界面及LOGO鏈接
2018-11-02 來(lái)源：學(xué)做網(wǎng)站論壇
一些使用WP程序建網(wǎng)站的學(xué)員，發(fā)現(xiàn)WORDPRESS程序很好用，但程序后臺(tái)的登錄功能實(shí)在有些單調(diào)。如下圖：
今天學(xué)做網(wǎng)站論壇就來(lái)講一下如何在自己建網(wǎng)站時(shí)去徹底改造wordpress登錄注冊(cè)界面，達(dá)到一個(gè)高大上的登錄注冊(cè)界面【相關(guān)知識(shí)：如何制作WP網(wǎng)站的登錄功能】。改造后的登錄注冊(cè)界面效果如下圖：
徹底改造WordPress登錄注冊(cè)界面包括以下三個(gè)部分：
- 修改默認(rèn)登錄界面的LOGO圖片；
- 修改默認(rèn)登錄界面的LOGO的鏈接地址為自己網(wǎng)站的地址；
- 修改默認(rèn)登錄界面的LOGO的TITLE標(biāo)簽內(nèi)容；
- 添加登錄注冊(cè)界面的背景圖片，修改登錄，注冊(cè)框的樣式及按鈕樣式。
方法/步驟
將以下代碼復(fù)制粘貼到wordpress模板的functions.php文件里；（如果你不了解WORDPRESS模板，可先學(xué)習(xí)wordpress模板制作教程。）
修改默認(rèn)登錄界面的LOGO圖片（也可以使用這個(gè)方法：https://www.xuewangzhan.com/wpbbs/3836.html）
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/logo.png) !important;background-size: 265px !important;width:265px !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');
修改默認(rèn)登錄界面的LOGO的鏈接地址為自己網(wǎng)站的地址；
function custom_loginlogo_url($url) {
return'https://www.xuewangzhan.com/'; //在此輸入你需要鏈接到的URL地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url');
function custom_register_url($url) {
return'https://www.xuewangzhan.com/'; //在此輸入你需要鏈接到的URL地址
}
add_filter( 'login_registerurl', 'custom_register_url');
修改默認(rèn)登錄界面的LOGO的TITLE標(biāo)簽內(nèi)容
function custom_headertitle ( $title ) {
return __( '學(xué)做網(wǎng)站論壇' );
}
add_filter('login_headertitle','custom_headertitle');
添加登錄注冊(cè)界面的背景圖片，修改登錄，注冊(cè)框的樣式及按鈕樣式
function custom_loginlogo() {
echo '<style type="text/css">
body{background: url('.get_bloginfo('template_directory').'/images/bg2.jpg) center center no-repeat;}
#login{position:absolute;bottom:10%;right:5%;}
.login #nav{font-size:16px;}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {height: 35px;width: 100%;margin: 10px auto;line-height: 32px;padding: 0 12px 2px;}
#backtoblog{display:none;}
</style>';
}
add_action('login_head', 'custom_loginlogo');
注意：要放一張大尺寸的背景圖片在images文件夾下，取名為bg2.jpg，才能正常顯示背景圖片。
通過(guò)以上幾個(gè)步驟的修改，我們就可以在自己做網(wǎng)站時(shí)徹底改造wodpress程序默認(rèn)的登錄注冊(cè)界面了。
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。
