wordpress CMS主题 微信
  • 全部教程
  • Home > wordpress CMS主题制作 > wordpress主题在前台顶部添加登录表单

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

    高时银博客 wordpress CMS主题制作 点击: 3,116 次 0 1

    为了安全起见,一般情况下,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样式,这里就不多说了。


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

    目前还没有评论。赶快来坐沙发吧。

    发表评论