導航:首頁 > 文件教程 > 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登錄頁相關的資料

熱點內容
win10錯誤2系統找不到指定文件 瀏覽:327
U盤啟動載入資源文件失敗 瀏覽:459
怎樣把ug的pdf文件導入cad 瀏覽:148
c盤文件刪不了怎麼辦 瀏覽:248
win7無線網路禁用 瀏覽:455
如何把電腦文件夾圖片放置在一起 瀏覽:702
如何對訪談法進行數據分析 瀏覽:388
國土三調文件用什麼軟體什麼打開 瀏覽:651
數控銑床編程特點是什麼 瀏覽:119
飛鴿傳輸一次能傳多少文件 瀏覽:488
手機照片許可權怎麼設置密碼 瀏覽:341
es文件瀏覽器怎麼隱藏 瀏覽:649
刪除的文件為什麼恢復 瀏覽:314
血緣詛咒怎麼升級 瀏覽:604
文件分享到微信怎麼操作 瀏覽:393
tmx文件trados 瀏覽:704
大數據與會計選課怎麼選 瀏覽:684
網路的不穩定因素有哪些 瀏覽:950
獵豹瀏覽器javascript 瀏覽:723
哪個列印軟體保存數據時間長 瀏覽:873

友情鏈接