『壹』 如何自定義WordPress的登錄頁面
//自定義登錄頁面的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的位置位於主題根目錄下的images目錄下 //自定義登錄頁面的LOGO鏈接為首頁鏈接add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));將Logo的鏈接改為網站首頁鏈接。如果想修改成其它鏈接,可以使用以下代碼。 //自定義登錄界面LOGO鏈接為任意鏈接function custom_loginlogo_url($url) { return 'http://www.slmwp.com'; //修改URL地址}add_filter( 'login_headerurl', 'custom_loginlogo_url' );//自定義登錄頁面的LOGO提示為網站名稱add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));自定義為網站名稱,如果想定義為其它名稱,可以用下面的代碼。 //自定義登錄頁面LOGO提示為任意文本function custom_loginlogo_desc($url) { return '你要定義的文本信息'; //修改文本信息}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 //添加自定義CSSfunction custom_login() { echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/css/login_style.css" />';}add_action('login_head', 'custom_login');上面的css代碼路徑為主題根目錄下的css目錄
『貳』 如何創建一個自定義的WordPress登錄頁面
通過WordPress內置的掛鉤(Hook),在主題的 functions.php 添加一些簡單的代碼,即可完成自定義修改,所有的操作都不需要修改WordPress核心文件,即使升級WordPress版本,也不會丟失效果。
自定義Logo圖片
製作一個名為 login_logo.png 的圖片,放在主題下的images文件夾里(也可以根據自己的實際修改,只要下面的代碼引用的Logo地址正確即可)。
自定義Logo鏈接
將Logo的鏈接改為網站首頁鏈接:
將Logo的鏈接改為任意鏈接:
自定義Logo提示信息(tltle)
自定義為網站名稱:add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));
自定義為網站名稱:add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));
自定義為其他任何文本:
//自定義登錄頁面LOGO提示為任意文本
2.function custom_loginlogo_desc($url) {3
3 . return 'WordPress大學'; //修改文本信息5
4.add_filter( 'login_headertitle', 'custom_loginlogo_desc' ); //自定義登錄頁面LOGO提示為任意文本
自定義登錄框內容
//在登錄框添加額外的信息
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');。如果覺得幫到你的話請及時採納謝謝!
『叄』 如何自定義WordPress的登錄頁面
方法如下:
1.設計一個引人注目的登錄標志
默認的WordPress登錄標志由尺寸為80*80的「WordPress」字元組成。現在需要用設計的標志來代替默認的,應該事先將一個存儲格式為.png 的標志圖像保存到「登錄」文件夾中,注意圖片尺寸可以和默認的一樣也可以自定義。然後要在functiond.php文件的底部加上如下代碼:
標志應該具有較強吸引力和較高的清晰度。此外,它最好和網站相關並且能告訴用戶網站是一個怎樣的網站。
2.改變標志圖像的URL
如果想要改變標志圖像URL並讓它不再鏈接到WordPress主頁,可以採取如下操作。需要使用如下示例代碼去更換網站URL。
也可以通過對上面的代碼做一個小的改動來更改標題標簽,具體代碼如下:
3.定製一個獨特的樣式表
完成圖像標志定製之後,你需要進行樣式表的定製。首先,要創建一個login_stlye.css 文件然後在一個喜歡的編輯器中打開它 。現在在新建的文件中加入如下代碼。
這些代碼能夠幫助定製背景圖片的尺寸和顏色,登錄標簽和登錄表單。裡麵包含的參數僅供參考,可以根據自己的需要進行更改。
事實上,為了讓改動生效,還要把下面的代碼添加到functions.php文件中.
使用插件
使用代碼來定製一個令人滿意的登錄頁面是一種比較刻板的方法。有的人可能會覺得這樣比較麻煩也不想花費心思去做。這種情況的話,一些WordPress插件可能會幫上你的忙,例如Custom Login, A5 Custom Login Page和 MS Custom Login。接下來我們就給大家仔細介紹一下這三種插件。
Custom Login用於登錄屏幕定製,用戶Hask密鑰登錄、郵件用戶名登錄和兩步認證。這款插件已經被評為最受歡迎的用來自定義WordPress登錄頁面的插件之一。
A5 Custom Login Page提供給想要把登錄頁面設計到最好的用戶。這款插件能夠幫助設計引人注意的標志和你想要的頁面風格。此外,這款插件的開發者允許用戶在插件上復制粘貼整個樣式表。
MS Custom Login能夠幫助設計登錄標志,背景圖片,登錄按鈕的顏色等等。更重的是通過它你也可以使用一系列的登錄表單尺寸。