<dfn id="ipay3"></dfn>
  • <blockquote id="ipay3"><ruby id="ipay3"></ruby></blockquote>
  • <big id="ipay3"></big>

    <small id="ipay3"></small>

    1. 零基礎建站培訓教程介紹

      當前位置:

      如何制作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.qqpq.tw/wpbbs/18599.html

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

      1則回應給“如何制作WP網站的登錄功能,注冊功能”

      1. 學做網站講師頭像 學做網站講師說道:

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

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

      發表評論

      零基礎學建站就到學做網站論壇
      雅典娱乐城
      <dfn id="ipay3"></dfn>
    2. <blockquote id="ipay3"><ruby id="ipay3"></ruby></blockquote>
    3. <big id="ipay3"></big>

      <small id="ipay3"></small>

      1. <dfn id="ipay3"></dfn>
      2. <blockquote id="ipay3"><ruby id="ipay3"></ruby></blockquote>
      3. <big id="ipay3"></big>

        <small id="ipay3"></small>