您的位置：首页 > 运维架构 > 网站架构

讲项目实战：网站会员功能开发+登录/注册表单

2015-06-06 12:15 1011 查看

#31讲项目实战：网站会员功能开发+登录/注册表单

一、安装插件wp-user-frontend-pro

二、新建注册表单+登录表单

1,、找到后台菜单：用户前端化-注册表单-Add Form

三、新建表单字段介绍（见效果图：新建标段字段）

四、注册和登录表单相关参数设置

1.找到后台菜单：用户前端化-设置-注册登录

五、新建注册登录页面

1.找到后台菜单：页面-新建页面（先建登录和注册两个栏目模块）

六、登录和注册界面的调用

Registration:【wpuf-profile type="registration " id="261"】

edit Profile:【wpuf-profile type="profile " id="261"】

会员中心页面制作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

  

  <meta http-equiv="Content-Type" content="text/html; charset=gbk">

  

  <title>标题</title>

  <meta name="Keywords" content="关键词,关键词">

  <meta name="description" content="描述">

  

<style type="text/css">

*{margin:0px; padding:0px;}

#member_logo{width:1000px; height:60px; margin:0px auto; padding-top:10px;}

#member_nav{height:45px; width:100%; background:#E20076;}

#member_nav ul{width:1000px; margin:0px auto;}

#member_nav ul li{display:inline-block; padding:0px 20px; line-height:45px; }

#member_nav ul li a{color:#fff; font-size:14px; font-family:"微软雅黑"; text-decoration:none;}
#member_Main{width:1000px; margin:20px auto;}

#member_Main .member_Menu{width:200px; float:left; height:500px; background:#ddd;}

#member_Main .member_Con{width:770px; height:500px; border:1px dotted #E20076; float:right;}

#member_Main .member_Menu h3{height:45px; line-height:45px;font-size:16px;          color:#E20076;font-family:"微软雅黑"; text-align:center;}
#member_Main .member_Menu ul {padding-top:10px;}

#member_Main .member_Menu ul li{line-height:35px; border-bottom:1px solid #ddd; font-size:14px;font-family:"微软雅黑"; list-style-type:none; border-bottom:1px dotted #ccc;}

#member_Main .member_Menu ul li a{color:#000; text-decoration:none; display:block;text-indent:25px; }

#member_Main .member_Menu ul li a:hover{background:#E20076; color:#fff;}
.member_footer{ margin:0px auto; height:80px; text-align:center; font-size:14px; padding-top:20px;

       color:#fff; line-height:30px; font-family:"微软雅黑";

       background:url("images/footerbg.jpg")}

</style>

</head>

<body>

<div id="member_logo"><img src="images/logo.png" /></div>



<div id="member_nav">

<ul>

  <li><a href="">首页</a></li>

  <li><a href="">会员中心</a></li>

  <li><a href="">VIp资料下载中心</a></li>

  <li><a href="">VIp项目实战下载</a></li>

  <li><a href="">手机移动开发</a></li>

  <li><a href="">网页制作试听课程</a></li>

</ul>

</div>





<div id="member_Main">

<div class="member_Menu">

  <h3>用户管理中心</h3>

  <ul>

   <li><a href="">个人信息(修改密码)</a></li>

   <li><a href="">发布文章</a></li>

   <li><a href="">篇辑文章</a></li>

   <li><a href="">文章浏览</a></li>

  </ul>

</div>

<div class="member_Con"></div>

<div style="clear:both"></div></div>



<div class="member_footer">

湖南海外旅游有限公司版权所有Copyright@2011-2013.www.hnhwly.com<br/>

湘ICP备14003721号-2 旅行社业务经营许可证号:L-HUN-CJ00008 法定代表人：陈力湖南省旅游局投诉电话：0731-84717614

</div>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航