想要擁有好看的登錄頁(yè)面?快來看看這份軟考學(xué)習(xí)資料
說起軟考,很多人覺得挺有用的,可就是資料不太好找。今天,我就把關(guān)于軟考的一些項(xiàng)目學(xué)習(xí)資料分享給大家,其中還包括了WordPress前臺(tái)登錄功能的學(xué)習(xí)內(nèi)容,挺實(shí)用的!
軟考資料重要性
軟考的學(xué)習(xí)資料對(duì)很多計(jì)算機(jī)人來說就像是個(gè)寶庫(kù)。現(xiàn)在這競(jìng)爭(zhēng)挺激烈,時(shí)間可比錢金貴。有了好的學(xué)習(xí)資料,能幫人省下不少時(shí)間。就拿我朋友來說,他在個(gè)小公司上班,想升職加薪。可項(xiàng)目經(jīng)驗(yàn)和知識(shí)儲(chǔ)備不夠,有了詳細(xì)的軟考資料,他在職場(chǎng)上的競(jìng)爭(zhēng)力就強(qiáng)多了。軟考可不是個(gè)簡(jiǎn)單的考試,知識(shí)點(diǎn)還挺多。有了學(xué)習(xí)資料,人家就能更系統(tǒng)地學(xué)習(xí),這樣一來,在軟考里考出好成績(jī)也就更有把握了。
軟考資料得按層次來分。比如說,那些講概念的復(fù)習(xí)大綱對(duì)新手特別關(guān)鍵。再比如,一些實(shí)際項(xiàng)目的案例資料,對(duì)已經(jīng)有點(diǎn)基礎(chǔ)的考生來說,能幫他們提高能力。要想成功,資料得全面。那你在找軟考資料的時(shí)候,是不是也遇到了難題?
/* Template Name: 登錄 */
wp_login_form();
?>
- 1.
- 2.
- 3.
WordPress前臺(tái)登錄的需求
WordPress平臺(tái)挺多人用的,但設(shè)置前臺(tái)登錄功能挺讓人頭疼的。很多人,就像薇曉蘭那樣,對(duì)那個(gè)默認(rèn)的登錄頁(yè)面挺不滿意的。那個(gè)頁(yè)面看起來不怎么樣,功能也簡(jiǎn)單得讓人看不上眼。
看那些用WordPress做網(wǎng)站的中小公司,它們都希望用戶登錄時(shí)能有個(gè)好體驗(yàn),這樣用戶才更愿意留下。但WordPress默認(rèn)的登錄頁(yè)面可不行。對(duì)個(gè)人博主來說,登錄頁(yè)面就像是他們網(wǎng)站的門面,不好看或者不合適都不行。所以,重新設(shè)置這個(gè)前臺(tái)登錄功能真的很關(guān)鍵。
創(chuàng)建自定義頁(yè)面模板
要自己設(shè)計(jì)登錄頁(yè)面,得先做一個(gè)頁(yè)面模板。比如,login.php就是從零開始的一個(gè)例子。這事兒得講究邏輯。有些學(xué)員在學(xué)習(xí)這步時(shí),不小心把代碼里的一個(gè)字母打錯(cuò)了,結(jié)果后面的頁(yè)面就顯示不出來了。
正確操作,步驟清晰,有條不紊。創(chuàng)建完成后,把相應(yīng)的代碼放進(jìn)去,比如wp_login_form()函數(shù)用來獲取登錄表單,這個(gè)函數(shù)特別重要。它就像一座橋梁,把不同的代碼聯(lián)系起來。只有按照步驟來,才能順利地進(jìn)入下一步,比如頁(yè)面屬性選擇等。
function redirect_login_page() {
$login_page = home_url( '/login/' );
$page_viewed = basename($_SERVER['REQUEST_URI']);
if( $page_viewed == "wp-login.php" && $_SERVER['REQUEST_METHOD'] == 'GET') {
wp_redirect($login_page);
exit;
}
}
add_action('init','redirect_login_page');
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
美化登錄界面
有了基礎(chǔ)的登錄頁(yè)面樣式,接下來就是要進(jìn)行美化。用CSS來讓登錄頁(yè)面看起來更漂亮,這是很常見的做法。不同的網(wǎng)站風(fēng)格,可以搭配不同的CSS樣式來適配。
一個(gè)時(shí)尚網(wǎng)站,登錄頁(yè)面上可以融入時(shí)尚元素的CSS設(shè)計(jì)。商務(wù)辦公網(wǎng)站則更適合采用簡(jiǎn)潔大氣的風(fēng)格。操作時(shí),得根據(jù)網(wǎng)站的具體需求來添加CSS內(nèi)容。觀察發(fā)現(xiàn),好的CSS樣式能大大提升登錄頁(yè)面的好感度。要是忽視了這一美化步驟,可能會(huì)損害網(wǎng)站形象,甚至導(dǎo)致用戶流失。
function login_failed() {
$login_page = home_url( '/login/' );
wp_redirect( $login_page . '?login=failed' );
exit;
}
add_action( 'wp_login_failed', 'login_failed' );
function verify_username_password( $user, $username, $password ) {
$login_page = home_url( '/login/' );
if( $username == "" || $password == "" ) {
wp_redirect( $login_page . "?login=empty" );
exit;
}
}
add_filter( 'authenticate', 'verify_username_password', 1, 3);
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
頁(yè)面替換及問題解決
要用login.php這個(gè)新的登錄頁(yè)面替換WordPress自帶的wp-login.php頁(yè)面,咱們得在functions.php這個(gè)主題文件里加幾行代碼。不過,這事兒得小心點(diǎn),特別是要把那$login_page變量改成了咱們自己的登錄頁(yè)面。要是搞錯(cuò)了,那功能可能就出不來了。
遇到錯(cuò)誤,比如用戶名密碼不對(duì)或者提交了空白的字段,得在functions.php里加上些功能。不這么做的話,用戶用起來會(huì)挺麻煩的。以前就有網(wǎng)站因?yàn)闆]處理好這個(gè)問題,讓好幾個(gè)用戶抱怨登錄出了問題。
function logout_page() {
$login_page = home_url( '/login/' );
wp_redirect( $login_page . "?login=false" );
exit;
}
add_action('wp_logout','logout_page');
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
登錄錯(cuò)誤信息顯示
用戶名、密碼、郵箱等信息輸入錯(cuò)誤時(shí),必須給用戶展示精確的錯(cuò)誤提示。使用$_GET方法進(jìn)行檢查是關(guān)鍵環(huán)節(jié)。這就像一個(gè)安檢過程,哪里出了問題,一眼就能看清楚。
遇到不同的問題會(huì)彈出不同的提示信息。這樣用戶能更快地知道出了什么問題,然后做對(duì)的處理。要是不這么做,用戶可能就會(huì)不停地試錯(cuò),這樣可就影響用了。這操作難不難,你自己覺得?大家多多點(diǎn)贊,把這個(gè)文章轉(zhuǎn)發(fā)出去!
作者:小藍(lán)
鏈接:http://www.huanchou.cn/content/3131.html
本站部分內(nèi)容和圖片來源網(wǎng)絡(luò),不代表本站觀點(diǎn),如有侵權(quán),可聯(lián)系我方刪除。