• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > wordpress CMS主题用户中心开发 9:帐号设置页面author_user.php静态代码添加

    wordpress CMS主题用户中心开发 9:帐号设置页面author_user.php静态代码添加

    作者: 分类:wordpress CMS主题制作 点击: 332 次
    wordpress CMS主题:ssmay主题

      wordpress CMS主题用户中心的开发至今,已经完成了author.php用户中心主页面和author_write.php写博客文章页面,以及用户积分体系的完善。在接下来的2节中,我们们来完成author_user.php用户帐号设置页面。作为一个比较完善的wordpress主题用户中心,我们当然要考虑到注册用户可能需要添加或修改一些自己的相关信息,如:个人网站、QQ、个性签名等。

      本章我们将主要是添加author_user.php文件 的静态代码,在下一章中,我们再添加php处理代码。

      author_user.php帐号设置页面的表单,我们要包含以下几个元素:用户名、博客名、所在城市、个人网站、QQ号、新浪博客、个性签名、个人说明等,整体布局上,为了效果齐整,我们将采用table表格来布局。效果如下图:

      wordpress CMS主题用户中心开发 9:帐号设置页面author_user.php静态代码添加

      第一步:修改author_main.php代码。

      因为author_user.php帐号设置页面也是在author.php用户中心页面的右侧主体中显示,所以,我们要先修改author_main.php代码,判断,如果是act==user_edit,就显示author_user.php页面内容。修改后台的代码如下:

      if($act == 'list'){
      require_once("author_post_list.php");
      }elseif($act == 'author_write'){
      require_once("author_write.php");
      }elseif($act == 'user_edit'){
      require_once("author_user.php");
      }

      第二步:添加author_user.php静态代码:

      <div class="user_option">
      <h1>个人资料修改</h1>
      <form id="your-profile" action="" method="post" novalidate="novalidate">
      <table class="form-table" cellspacing=15>
      <tr class="user-user-login-wrap">
      <th><label for="user_login">用户名</label></th>
      <td>
      <input type="text" name="user_login" id="user_login" value="<?php echo $current_user->user_login; ?>" disabled="disabled" >
      <span class="description">用户名不可更改。</span>
      </td>
      </tr>
      <tr class="user-nickname-wrap">
      <th><label for="nickname">博客名 <span class="description"></span></label></th>
      <td>
      <input type="text" name="nickname" id="nickname" value="<?php echo $current_user->nickname; ?>" >
      </td>
      </tr>
      <tr class="user-email-wrap">
      <th><label for="addess">所在城市<span class="description"></span></label></th>
      <td>
      <input type="text" name="addess" id="addess" value="<?php echo $current_user->addess; ?>" class="regular-text ltr">
      </td>
      </tr>
      <tr class="user-url-wrap">
      <th><label for="user_site">个人网点</label></th>
      <td><input type="url" name="user_site" id="user_site" value="<?php echo $current_user->user_site; ?>" ></td>
      </tr>
      <tr class="user-qq-wrap">
      <th><label for="qq">QQ</label></th>
      <td><input type="text" name="qq" id="qq" value="<?php echo $current_user->qq; ?>" ></td>
      </tr>
      <tr class="user-sina_weibo-wrap">
      <th><label for="sina_weibo">新浪微博</label></th>
      <td><input type="text" name="sina_weibo" id="sina_weibo" value="<?php echo $current_user->sina_weibo; ?>"></td>
      </tr>
      <tr class="user_sign">
      <th><label for="user_sign">个性签名</label></th>
      <td><input type="text" name="user_sign" id="user_sign" value="<?php echo $current_user->user_sign; ?>"></td>
      </tr>
      <tr class="user-description-wrap">
      <th><label for="description">个人说明</label></th>
      <td>
      <textarea name="description" rows="5" cols="30"><?php echo $current_user->description; ?></textarea>
      <p class="description">分享关于您的一些信息。可能会被公开。</p>
      </td>
      </tr>
      <tr class="user-profile-picture">
      <th><label>资料图片</label></th>
      <td>
      <?php echo get_avatar( $current_user->ID,30 ); //获取作者头像 ?>
      <p class="description">您可以在 <a href="https://cn.gravatar.com/">Gravatar头像网站</a> 添加和修改您的资料图片。</p>
      </td>
      </tr>
      <tr>
      <th></th>
      <td>
      <input type="hidden" name="action" value="update_user">
      <input type="hidden" name="user_id" id="user_id" value="<?php echo $current_user->ID; ?>">
      <input type="submit" name="submit" value="更新个人资料">
      </td>
      </tr>
      </table>
      </form>
      </div>
      通过上面的代码,我们就完成了author_user.php帐号设置页面的静态代码添加。这时,我们进入wordpress主题用户中心页面author.php后,点击“帐号设置”按钮,就可以进入到author_user.php帐号设置页面。当然,这时,还没有设置帐号的功能,只能添加了静态代码布局而已。在下一章中,我们添加好php处理代码后,我们就可以对我们的帐号在帐号设置页面进行设置了。


      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201808126578.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.