零基礎建站培訓教程介紹

當前位置:

如何制作WP網站的登錄功能,注冊功能

對于學習做網站的新手來說,制作網站的登錄,注冊功能比較麻煩,需要對PHP有一些了解。我們新手學做網站時,如果想在自己的網站上制作出供用戶登錄,注冊 的功能可以按照以下的步驟操作。

登錄,注冊功能效果

在我們著手去做網站登錄,注冊功能之前,我們先看一下我們即將完成的登錄,注冊功能的效果圖。

登錄前,顯示二個按鈕,一個登錄按鈕,一個注冊按鈕。

Wordpress前臺登錄/注冊功能

登錄后,顯示會員名,會員的功能等。

2

wp網站登錄,注冊功能的原理介紹

網站登錄,注冊功能的制作分為二部分,一部分是登錄前的界面,另一部分是用戶登錄后的界面。

登錄前界面代碼

用戶登錄前的界面比較簡單,只需在要我們網站的頂部的右上角放二個按鈕即可。【注意:如果你的網站允許用戶注冊,需在wordpress程序后臺設置“允許任何人注冊”】

<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的判斷來顯示不同的內容。

歡迎您, <strong><?php echo $user_identity ?></strong>!
<a class="log" href="<?php bloginfo('siteurl');?>/wp-admin/profile.php" target="_blank" rel="nofollow">[會員中心]</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" >[發布文章]</a>
<?php }?>

這樣二個基本的模板就出來了。下面就是如何將二個模板組合在一起,來自動的判斷應該顯示的內容。

網站登錄、注冊功能制作步驟

第一步:打開自己網站的header.php文件,在自己網站需要顯示登錄,注冊功能的位置放上以下的代碼:

<div class="top-user">
<?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">[會員中心]</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" >[發布文章]</a>
<?php }?>

<a class="log" href="<?php echo wp_logout_url( get_permalink() ); ?>" rel="nofollow" >[安全退出]</a>

<?php }?>
</div>

第二步:在自己網站的CSS樣式文件中,添加控制登錄,注冊功能的CSS代碼。

.btn{padding: 12px 12px;border-radius: 0;width: 80px;}
.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程序自帶的后臺注冊,登錄界面,如果你想自己制作一個注冊界面,也是可以實現的。只不過,要修改一下第一步的登錄,注冊鏈接的URL地址。

這樣一個可以自動判斷用戶登錄狀態的登錄功能就制作好了,它可以自動的判斷用戶當前的狀態,來顯示相應的內容。

為了讓學建網站新手也能學會制作wordpress注冊登錄功能,我們也錄制了視頻教程:http://www.gilqab.tw/wpbbs/18599.html

相關教程:網站如何添加投稿功能

相關教程

一條回應:“如何制作WP網站的登錄功能,注冊功能”

  1. 學做網站論壇講師 學做網站講師說道:

    如果需要退出后,返回網站首頁,可以用以下的代碼:

    <a href="<?php echo wp_logout_url( home_url() ); ?>">退出登錄</a>

發表評論

電子郵件地址不會被公開。 必填項已用*標注

學做網站論壇零基礎學建網站課程
新疆25选7基本走势图