如何制作WP網(wǎng)站的登錄功能，注冊功能
2018-11-02 來源：學(xué)做網(wǎng)站論壇
對于學(xué)習(xí)做網(wǎng)站的新手來說，制作網(wǎng)站的登錄，注冊功能比較麻煩，需要對PHP有一些了解。我們新手學(xué)做網(wǎng)站時(shí)，如果想在自己的網(wǎng)站上制作出供用戶登錄，注冊 的功能可以按照以下的步驟操作。
登錄，注冊功能效果
在我們著手去做網(wǎng)站登錄，注冊功能之前，我們先看一下我們即將完成的登錄，注冊功能的效果圖。
登錄前，顯示二個(gè)按鈕，一個(gè)登錄按鈕，一個(gè)注冊按鈕。
登錄后，顯示會(huì)員名，會(huì)員的功能等。
wp網(wǎng)站登錄，注冊功能的原理介紹
網(wǎng)站登錄，注冊功能的制作分為二部分，一部分是登錄前的界面，另一部分是用戶登錄后的界面。
登錄前界面代碼
用戶登錄前的界面比較簡單，只需在要我們網(wǎng)站的頂部的右上角放二個(gè)按鈕即可�！咀⒁猓喝绻愕木W(wǎng)站允許用戶注冊，需在wordpress程序后臺設(shè)置“允許任何人注冊”】
<a href="<?php echo get_option('home'); ?>/wp-login.php?action=register" class="register btn btn-small btn-success" rel="nofollow" >注冊</a>
登錄后界面代碼
用戶登錄后，原本的登錄區(qū)域的二個(gè)按鈕應(yīng)該消失，應(yīng)該顯示用戶名，用戶的功能選項(xiàng)等。所以需要通過PHP的判斷來顯示不同的內(nèi)容。
<a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/profile.php" target="_blank" rel="nofollow">[會(huì)員中心]</a>
<?php if( current_user_can( 'edit_posts' ) && !current_user_can( 'publish_posts' ) ) { ?>
<br/> <a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/post-new.php" rel="nofollow" target="_blank" >[文章投稿]</a>
<?php }?>
<?php if( current_user_can( 'manage_options' ) ) {?>
<br/> <a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/post-new.php" rel="nofollow" >[發(fā)布文章]</a>
<?php }?>
這樣二個(gè)基本的模板就出來了。下面就是如何將二個(gè)模板組合在一起，來自動(dòng)的判斷應(yīng)該顯示的內(nèi)容。
網(wǎng)站登錄、注冊功能制作步驟
第一步：打開自己網(wǎng)站的header.php文件，在自己網(wǎng)站需要顯示登錄，注冊功能的位置放上以下的代碼：
<?php if (!(current_user_can('level_0'))){ ?>
<a class="login btn btn-small btn-success" href="<?php echo get_option('home'); ?>/wp-login.php" rel="nofollow" >登錄</a>
<a href="<?php echo get_option('home'); ?>/wp-login.php?action=register" class="register btn btn-small btn-success" rel="nofollow" >注冊</a>
<?php } else { global $user_identity, $user_level; ?>
歡迎您, <strong><?php echo $user_identity ?></strong>！
<a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/profile.php" target="_blank" rel="nofollow">[會(huì)員中心]</a>
<?php if( current_user_can( 'edit_posts' ) && !current_user_can( 'publish_posts' ) ) { ?>
<br/> <a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/post-new.php" rel="nofollow" target="_blank" >[文章投稿]</a>
<?php }?>
<?php if( current_user_can( 'manage_options' ) ) {?>
<br/> <a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/post-new.php" rel="nofollow" >[發(fā)布文章]</a>
<?php }?>
<a class="log" href="<?php echo wp_logout_url( get_permalink() ); ?>" rel="nofollow" >[安全退出]</a>
<?php }?>
</div>
第二步：在自己網(wǎng)站的CSS樣式文件中，添加控制登錄，注冊功能的CSS代碼。
.btn a:visited{color:#FFF;}
.top-user{float: right;height: 44px;line-height:30px;text-align:right;}
.top-user .log:hover{color: #428bca;}
.top-user .user-avatar{float: left;margin-right: 10px;}
.top-user .user-avatar img{width: 44px;height: 44px;border-radius: 50%;}
.top-user .user-money{float: left;}
.top-user p{margin-bottom: 0;}
.top-user{margin-right: 10px;float: left;height: 45px;}
第三步：以上是使用wp程序自帶的后臺注冊，登錄界面，如果你想自己制作一個(gè)注冊界面，也是可以實(shí)現(xiàn)的。只不過，要修改一下第一步的登錄，注冊鏈接的URL地址。
這樣一個(gè)可以自動(dòng)判斷用戶登錄狀態(tài)的登錄功能就制作好了，它可以自動(dòng)的判斷用戶當(dāng)前的狀態(tài)，來顯示相應(yīng)的內(nèi)容。
為了讓學(xué)建網(wǎng)站新手也能學(xué)會(huì)制作wordpress注冊登錄功能，我們也錄制了視頻教程：https://www.xuewangzhan.com/wpbbs/18599.html
相關(guān)教程：網(wǎng)站如何添加投稿功能
標(biāo)簽： 安全 代碼 建網(wǎng)站 學(xué)建網(wǎng)站 制作網(wǎng)站
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
