• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > wordpress主题在前台顶部添加登录表单

    wordpress主题在前台顶部添加登录表单

    作者: 分类:wordpress CMS主题制作 点击: 4,695 次
    wordpress CMS主题:ssmay主题

      为了安全起见,一般情况下,wordpress主题开发者都不会在wordpress主题的前台页面添加登录后台的链接或界面。所以,在大多数wordpress网站的前台,我们看不到登录入口。但是,为了增加用户的互动性,有时,我们需要用户登录网站,这时,我们就需要为wordpress主题的前台添加登录入口了。那么,怎样来为wordpress主题的前台添加登录入口呢?如下图:

      wordpress主题在前台顶部添加登录表单

      想实现上面这种登录表单效果,我们可以为wordpress主题添加如下代码:

      <ul>
      <?php
      global $user_ID, $user_identity, $user_email, $user_login;
      get_currentuserinfo();
      if (!$user_ID) {
      ?>

      <form id="loginform" action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method="post" target="_blank">
      <li class="toploginbg">
      用户名:<input class="toplogin_input" type="text" name="log" id="log" />
      密码:<input class="toplogin_input" type="password" name="pwd" id="pwd" />
      </li>
      <li class="but_login">
      <input type="submit" class="but_loginlogin" value="登录" name="submit" target="_blank" />
      </li>
      </form>

      <?php }
      else { ?><div id="navrightr" class="m-r-8"><div class="navrightlogin"><ul><li><a href="<?php bloginfo('url') ?>/wp-admin/" target="_blank">控制面板</a></li>
      <li><div class="topline"></div></li>
      <li><a href="<?php bloginfo('url'); ?>/wp-admin/post-new.php" target="_blank">撰写文章</a></li><li><div class="topline"></div></li>
      <li><a href="<?php bloginfo('url'); ?>/wp-admin/edit-comments.php" target="_blank">评论管理</a></li><li><div class="topline"></div></li>
      <li><a href="<?php bloginfo('url'); ?>/wp-login.php?action=logout&amp;redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">登出</a></li></ul></div></div><?php } ?>

      </ul>

      将上面这段代码放到你的wordpress主题的header.php文件中,在<body>标签的后台。

      这段代码的意思是:先判断用户有没有登录,如果没有登录,就显示登录表单;如果登录了,就不显示登录表单,而显示“控制页面”链接(如下图)。

      wordpress主题在前台顶部添加登录表单

      这样,我们就为wordpress主题添加了前台登录表单功能。这里,我没有添加前台显示的CSS样式,这个你可以根据自己的需求来自行添加CSS样式,这里就不多说了。



      QQ二维码

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

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

    或许你会感兴趣的文章:

    发表评论

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

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