wordpress用户前台注册登陆功能

当浏览很多用wordpress搭载驱动的网站,我们会发现,一般需要用户互动的网站都会直接在前台设置用户注册和登陆的链接地址。虽然通过wordpress自带默认小工具也可以实现侧边栏登陆链接的地址,但是并不美观,而且我们想要的当然不仅仅如此。

PPT公开课网站是模仿虎嗅网的模板,在制作主题的过程中,恰巧遇到需要在导航条上实现前台添加注册和登陆的链接地址,仅仅是注册和登陆的链接的话,很容易实现,添加两段html代码<a href=””>注册</a>|<a href=””>登陆</a>就能实现,最核心的问题是,用户登陆之后的效果。今天就跟大家分享一下我的经验。上代码:
<!–more–>
登录前需要显示“注册和登陆”链接代码,通过判断,登陆后将显示用户的头像、用户名、后台管理页面以及退出等功能:

<div class=”login”>
<?php
global $user_ID, $user_identity, $user_email, $user_login;
get_currentuserinfo();
if (!$user_ID) {
?>
<div class=”author”><a href=”http://www.rijicha.com/wp-login.php?action=register” title=”登陆后台”>注册</a> | <a href=”<?php echo wp_login_url( home_url(add_query_arg(array(),$wp->request)) ); ?>” title=”登陆后台”>登陆</a></div>
<?php }
else { ?><div class=”img”><?php global $userdata; get_currentuserinfo(); echo get_avatar($userdata->ID, 18); ?></div> <div class=”author”>您好 <?php echo $user_identity; ?> | <a href=”<?php bloginfo(‘url’) ?>/wp-admin/”>管理</a> | <a href=”<?php bloginfo(‘url’) ?>/wp-login.php?action=logout&amp;amp;redirect_to=<?php echo urlencode($_SERVER[‘REQUEST_URI’]) ?>”>退出</a></div>
<?php } ?>

</div>

您只需要直接拷贝以上代码添加到header.php或sidebar.php文件的相应位置即可。

登录前

wordpress用户前台登陆和注册

登陆后

wordpress用户前台登陆和注册

(Demo:http://www.rijicha.com

 

根据以上原理,再加上css能力,您当然可以制作更好的前台注册登陆按钮功能,PPT公开课的注册和登陆按钮功能,供参考。

登录前:

wordpress用户前台登陆和注册

登陆后

 wordpress用户前台注册登陆功能

通过JS还可实现弹出下拉框的功能。

(Demo:http://www.rrppt.com/)

 

 

预告:即将分享《wordpress文章页实现填写文章来源功能》,为转载的文章署名出处,尊重版权。

 

《wordpress用户前台注册登陆功能》有8个想法

  1. Pingback: bracelet hermes prix
  2. Pingback: celine paris jewelry
  3. 之前有一个博友告诉我wordpress要防止攻击一个很好的方法就是关闭注册,而我是个人博客,平常也不需要投稿,因此就关闭了。不过必须承认的是,博主给的两个例子的CSS都做的很不错,和网站的整体的契合度很高!

发表评论