wordpress做登錄 wordpress用戶登錄功能

WordPress教程：自定義登錄界面網(wǎng)站模板元素

我們在平時(shí)使用wordpress的時(shí)候，有可能希望將登錄頁面開放給訪客，那么就涉及到了wordpress主題頁面定制，但傳統(tǒng)方法的定義，改CSSJSPHP，往往意味著版本更新，就要重新來過，太繁瑣，不過可以通過簡短的方式實(shí)現(xiàn)。

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、圖們網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開發(fā)、商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為圖們等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

自定義登錄LOGO

將下面代碼放在主題目錄內(nèi)的functions.php文件內(nèi)即可，也可以自己定義一個(gè)插件放在里面

//自定義登錄LOGO

function

custom_loginlogo()

{

$UAZOH_PLUGIN_URL

=

WP_PLUGIN_URL."/".dirname(plugin_basename(__FILE__));

echo'';

}

add_action('login_head',

'custom_loginlogo');

//自定義登錄LOGO的超級鏈接

by

function

custom_loginlogo_url($url)

{

return

'';

}

add_filter(

'login_headerurl',

'custom_loginlogo_url'

);

自定義登錄頁面風(fēng)格

將下面代碼放在主題目錄內(nèi)的functions.php文件內(nèi)即可，也可以自己定義一個(gè)插件放在里面，也可和上面的方法合并使用.

通過下面的定義登錄背景色變成淡灰色，登錄按鈕變成深灰色。也可以自己再添加:hover等偽類修改懸停、點(diǎn)擊等樣式

//自定義登錄頁面風(fēng)格

function

uazoh_custom_login_page()

{

echo'';

}

add_action('login_head',

'uazoh_custom_login_page');

自定義登錄頁面風(fēng)格（圖片輪換背景）

將下面代碼放在主題目錄內(nèi)的functions.php文件內(nèi)即可，也可以自己定義一個(gè)插件放在里面，也可和上面的方法合并使用.

使用到的的jQuery插件下載：

jquery.backstretch.min.js

需要在你主題下面建立一個(gè)login_page_bg文件夾，也可以修改下面var

imgsrc部分代碼，改成自己的地址

//自定義登錄頁面風(fēng)格（圖片輪換背景）

function

uazoh_custom_login_page_imgbackground()

{

echo

'

';

}

add_action('login_head',

'uazoh_custom_login_page_imgbackground');

修改登錄界面地址

將下面代碼放在主題目錄內(nèi)的functions.php文件內(nèi)即可，也可以自己定義一個(gè)插件放在里面

修改完成后，登錄頁的地址就是http://域名/wp-login.php?usr=Ga6ges2vo

，沒有usr=Ga6ges2vo字段的登錄地址就無法訪問，會跳轉(zhuǎn)到下面定義的地址

這個(gè)方法對于高手來說有很嚴(yán)重的漏洞

//修改登錄界面地址

function

Uazoh_login_url_crk(){

$uel_f='usr';//等號前的內(nèi)容

$uel_b='Ga6ges2vo';//等號后的內(nèi)容

if($_GET{$uel_f}

!=

$uel_b)header('Location:

');//如果還用原來的登錄地址，會自動跳轉(zhuǎn)到博客首頁

}

add_action('login_enqueue_scripts','Uazoh_login_url_crk');

如何創(chuàng)建一個(gè)自定義的WordPress登錄頁面

通過WordPress內(nèi)置的掛鉤(Hook)，在主題的 functions.php 添加一些簡單的代碼，即可完成自定義修改，所有的操作都不需要修改WordPress核心文件，即使升級WordPress版本，也不會丟失效果。

自定義Logo圖片

制作一個(gè)名為 login_logo.png 的圖片，放在主題下的images文件夾里（也可以根據(jù)自己的實(shí)際修改，只要下面的代碼引用的Logo地址正確即可）。

自定義Logo鏈接

將Logo的鏈接改為網(wǎng)站首頁鏈接：

將Logo的鏈接改為任意鏈接：

自定義Logo提示信息(tltle)

自定義為網(wǎng)站名稱：add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));

自定義為網(wǎng)站名稱：add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));

自定義為其他任何文本：

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

2.function custom_loginlogo_desc($url) {3

3 . return 'WordPress大學(xué)'; //修改文本信息5

4.add_filter( 'login_headertitle', 'custom_loginlogo_desc' ); ? ?//自定義登錄頁面LOGO提示為任意文本

自定義登錄框內(nèi)容

//在登錄框添加額外的信息

function custom_login_message() {

echo 'p歡迎來到'.get_bloginfo('name').'，請登錄后下載本站資源/pbr /';

}

add_action('login_form', 'custom_login_message');

自定義底部內(nèi)容

//自定義底部信息

function custom_html() {

echo 'p style="text-align:center"? ' . get_bloginfo(url).'/p';

}

add_action('login_footer', 'custom_html');

自定義CSS

要更加靈活地修改登錄頁面的顯示樣式，建議添加一個(gè)自定義的CSS文件，然后查看登錄頁面的源代碼的html結(jié)構(gòu)，撰寫自己的CSS樣式。你可以使用下面的代碼引入自己的CSS，注意修改代碼中的css地址，以下調(diào)用的是主題根目錄下的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');。如果覺得幫到你的話請及時(shí)采納謝謝！

如何自定義WordPress的登錄頁面

實(shí)現(xiàn)的方法很簡單就一段函數(shù)和一段CSS代碼就搞定，改起來也不麻煩

第一步

把CSS追加到登陸頁面，代碼如下：

//自定義登錄頁面LOGO

function?custom_login_logo()?{?echo?'link?rel="stylesheet"?id="wp-admin-css"?href="'.get_bloginfo('template_directory').'/admstyle.css"?type="text/css"?/

div?class="slogan"

h1nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;此頁面僅提供給管理員作登錄后臺所用。

br※nbsp;如果你不是本站管理員，請速速離去。（你的IP網(wǎng)站后臺已自動記錄）/h1

/div';}

add_action('login_head',?'custom_login_logo');

將上面代碼丟進(jìn)模板函數(shù)里(functions.php)，如果你的函數(shù)模板里面已經(jīng)自定義過了，那就替換掉以前的，不然會報(bào)錯(cuò)哦！如果沒有那就加到最后把。

第二步

新建一個(gè)CSS文件，把以下代碼粘貼進(jìn)去，重命名為：“admstyle.css”，然后傳到主題根目錄下。

body,textarea{font-size:14px;font-family:"Microsoft?Yahei",宋體,PMingLiU,Verdana,Arial,Helvetica,sans-serif?!important;}

input{font-size:14px;font-family:Tahoma,Arial,sans-serif?!important;}

body{background:#92C1D1?url()?fixed?center?top?no-repeat?!important;}

.login?h1?a?{background-image:url('images/logo.png')?!important;background-size:120px;background-position:top?center;

background-repeat:no-repeat;width:170px;margin:auto;margin-top:35px;height:35px;text-indent:-9999px;overflow:hidden;padding-bottom:15px;display:block;}

#login?{

width:320px;

background:rgba(0,?0,?0,?0.2);

padding:0?20px?100%?12px;

margin:auto;

top:0px;

right:15%;

position:fixed;

box-shadow:0px?0px?5px?0px???#333;

}

.login?form?{

margin-left:8px;

padding:26px?24px?46px;

font-weight:normal;

background:rgba(255,?255,?255,?0.2);

border:none;

-moz-box-shadow:none;

-webkit-box-shadow:none;

box-shadow:#000?0?0px?10px?-1px;}

#loginform?{-webkit-border-radius:0px;border-radius:0px;}

.login?form?.input,?.login?input[type="text"]?{

color:#555;

font-weight:200;

font-size:24px;

line-height:1;

width:100%;

padding:5px;

margin-top:2px;

margin-right:6px;

margin-bottom:16px;

border:1px?solid?#FFF;

background:#FFF?!important;

outline:0;

-moz-box-shadow:none;

-webkit-box-shadow:none;

box-shadow:none;

}

.login?form?.input,?.login?input[type="text"]?{

font-size:17px;

padding-bottom:11px;

padding-top:11px;

text-indent:3px;?}

.login?form?.input,?.login?input[type="text"]?{border:2px?solid?#DCE4EC;}

input.button-primary{

margin-top:8px;

border:#000;

font-weight:bold;

text-shadow:#FFF?0?0px?10px;}

.login?.button-primary?{

font-size:14px!important;

line-height:22px;

padding:8px?117px;

border-radius:0px;

}

input.button-primary?{

background:rgba(255,?255,?255,?0.5);color:#000;?}

input.button-primary:hover,input.button-primary:focus?{

background:rgba(255,?255,?255,?0.8);color:#000;?}

input.button-primary:active{

background:rgba(255,?255,?255,?0.2);color:#000;?}

.login?form?.forgetmenot?{

font-weight:normal;

float:none;

margin-top:-10px;

}

.login?#nav,?.login?#backtoblog?{text-shadow:#FFF?0?0?5px,#FFF?0?0?10px;float:right;margin:0?30px?0?0px;padding:16px?0px?0?20px;}

.login?#nav??a,?.login?#backtoblog??a{color:#FFF!important;}

.login?#nav??a:hover,?.login?#backtoblog??a:hover{color:#000!important;}

div.error,?.login?#login_error?{display:none;}

div.updated,?.login?.message?{background-color:?#E0FFE1;border-color:?#ACE655;}

.slogan?{

padding-left:?420px;

padding-top:?65px;

}

.slogan?h1?{

font-size:?18px;

line-height:?2em;font-family:?'PT?Sans?Narrow',"Microsoft?YaHei",?serif;font-weight:400;margin-left:?-320px;

margin-top:?200px;?

}

好了，搞定！

參考資料?

純新手，求助如何用wordpress做網(wǎng)頁登錄界面

主要的流程很簡潔：你需要一個(gè)域名及一臺云服務(wù)器。

利用鏡像部署wordpress網(wǎng)站：

如果利用鏡像部署的方法，首先要注意：部分境外地域暫不支持通過鏡像市場創(chuàng)建云服務(wù)器，如果你選擇的地域下沒有看到“鏡像市場”的選項(xiàng)，那就不能使用這個(gè)方法。在磐石云可以用這種方法搭建網(wǎng)站。

鏡像部署操作步驟：

在磐石云購買云服務(wù)器時(shí)，選擇如下“應(yīng)用鏡像”--“wordpress5.4.2”

可以一鍵部署輕量級應(yīng)用，方便快捷，簡單易用。

文章名稱：wordpress做登錄 wordpress用戶登錄功能
轉(zhuǎn)載來于：http://muchs.cn/article26/dohoscg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站導(dǎo)航、、虛擬主機(jī)、Google、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)