WordPress登录功能,注册功能制作方法(wordpress注册流程)
发布时间:2023-04-10 10:39:15
文章来源:快乐收录网
访问次数:
对于学习做网站的新手来说,制作网站的登录,注册功能比较麻烦,需要对PHP有一些了解。我们新手学做网站时,如果想在自己的网站上制作出供用户登录,注册 的功能可以按照以下的步骤操作。
登录,注册功能效果
在我们着手去做网站登录,注册功能之前,我们先看一下我们即将完成的登录,注册功能的效果图。
登录前,显示二个按钮,一个登录按钮,一个注册按钮。
登录后,显示会员名,会员的功能等。
wp网站登录,注册功能的原理介绍
网站登录,注册功能的制作分为二部分,一部分是登录前的界面,另一部分是用户登录后的界面。
登录前界面代码
用户登录前的界面比较简单,只需在要我们网站的顶部的右上角放二个按钮即可。【注意:如果你的网站允许用户注册,需在wordpress程序后台设置“允许任意人注册”】
登录后界面代码
用户登录后,原本的登录区域的二个按钮应该消失,应该显示用户名,用户的功能选项等。所以需要通过PHP的判断来显示不同的内容。
这样二个基本的模板就出来了。下面就是如何将二个模板组合在一起,来自动的判断应该显示的内容。
网站登录、注册功能制作步骤
第一步:打开自己网站的header.php文件,在自己网站需要显示登录,注册功能的位置放上以下的代码:
第二步:在自己网站的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注册登录功能,我们也录制了视频教程:https://www.xuewangzhan.net/wpbbs/18599.html
相关教程:网站如何添加投稿功能
《WordPress登录功能,注册功能制作方法(wordpress注册流程)》更新于时间:2023-04-10 10:39:15;由本站小编进行发布,目前浏览的小伙伴达到,感谢你们的支持,后期快乐收录网小编会继续为大家更新更多相关的文章,希望广大网友多多关注快乐收录网工作心得栏目,如果觉得本站不错,那就给我们一个分享的支持吧!
WordPress登录功能,注册功能制作方法(wordpress注册流程)特别声明
本站快乐收录网提供的WordPress登录功能,注册功能制作方法(wordpress注册流程)都来源于网络,不保证文章的准确性和真实性,同时,对于该文章所造成的影响,不由快乐收录网实际控制,在2023-04-10 10:39:15收录时,该网页上的内容,都属于合规合法,如有侵权违规,可以直接联系网站管理员进行整改或删除,快乐收录网不承担任何责任。
快乐收录网:致力于优质、实用的网络站点资源收集与分享!本文地址:https://nav.klxjz.cn/CMS/WordPress/93489.html转载请注明标签:
- 1华为 Nova 10 和 Nova 10 Pro 配备 120 Hz OLED 显示屏
- 2Realme GT2 Master Explorer Edition设计随着高端智能手机发布之旅的开始而揭晓
- 3Wi-Fi 7 技术将支持 40Gbps 的速度
- 4小米 11T 和 11T Pro 配备相同的 108 MP 摄像头
- 5Garmin Forerunner 955 系列收到软件版本 11.12
- 6到 2026 年翻新智能手机市场的价值预计将增长近 460 亿美元
- 7小米发布 Band 7 Pro 固件更新 进行各种改进和优化
- 8苹果最新的MacBook Air产品将影响 Wintel 笔记本电脑的销售
- 9戴尔 Precision 7770 和 7670 现在可与英特尔第 12 代博锐 CPU 和 Nvidia RTX A5500 显卡一起购买
- 10System76 使用 Intel Alder Lake-U 处理器升级其基于 Linux 的 Lemur Pro 笔记本电脑
- 11苹果计划在今年发布标准 Watch Series 更新的替代品
- 12OnePlus的10T发布了新旗舰智能手机发布前的最高AnTuTu分数
- 13摩托罗拉 Edge 30:搭载 Android 12 的超薄中端智能手机
- 14小米 12智能手机相机是如何拍摄的
- 15NintendoSwitchOnline下周将获得被低估的神奇宝贝经典
- 16MUJI x Honda MS01 电动自行车透露最高时速 25 公里和无钥匙解锁功能
- 17Infinix 最新 Note 12 系列智能手机升级至 5G 起价低于 200 美元
- 18Amazfit 正在举行 2022 年年中的促销活动
- 19AMD 的 RDNA 3 Chiplet 专利详述了尖端着色器优化架构