導航:首頁 > 文件教程 > wordpress登錄頁

wordpress登錄頁

發布時間:2023-08-03 14:56:35

『壹』 如何自定義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');"));

自定義為其他任何文本:

  1. //自定義登錄頁面LOGO提示為任意文本

    2.function custom_loginlogo_desc($url) {3
    3 . return 'WordPress大學'; //修改文本信息5
    4.add_filter( 'login_headertitle', 'custom_loginlogo_desc' ); //自定義登錄頁面LOGO提示為任意文本


  2. 自定義登錄框內容

//在登錄框添加額外的信息
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能夠幫助設計登錄標志,背景圖片,登錄按鈕的顏色等等。更重的是通過它你也可以使用一系列的登錄表單尺寸。

閱讀全文

與wordpress登錄頁相關的資料

熱點內容
有什麼女生主動聊天的app 瀏覽:436
有哪些可以督促自己的app 瀏覽:244
用USB傳輸視頻文件夾顯示為空 瀏覽:710
恢復文件軟體免費版手機 瀏覽:648
lg怎麼隱藏文件 瀏覽:836
蘋果免費讀書app推薦 瀏覽:497
劉駿微信 瀏覽:113
書旗舊版本80 瀏覽:467
教編程考什麼證 瀏覽:990
下載編程貓後哪裡有客服 瀏覽:13
如何編輯歌曲文件格式 瀏覽:638
cf無限領取cdk工具 瀏覽:350
如何讓手機文件保存到電腦上 瀏覽:459
sa資料庫默認密碼是多少 瀏覽:191
電腦正在查找文件 瀏覽:541
一個文件盒省內寄順豐多少錢 瀏覽:41
誅仙62坐騎怎麼升級到63 瀏覽:926
linux以日期查看日誌記錄 瀏覽:446
工業大數據是什麼東西 瀏覽:881
魅族note3怎麼重置網路 瀏覽:510

友情鏈接