首页>技术知识>WordPress wordpress主题在前台顶部添加登录表单
WordPress教程学习网站
2022-05-21
WordPress教程学习网站丨模板定制、网站使用教程、插件推荐、代码优化、wp建站教程、数据文章采集、系统开发、系统优化,功能开发,仿站教程等各类WordPress技术知识,供网友学习了解。

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

3D1973fc704b8e0996c3dc51b712.png" title="ca153d1973fc704b8e0996c3dc51b712.png" alt="image.png"/>

想实现上面这种登录表单效果,我们可以为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&redirect_to=<?php echo urlencode($_SERVER['REQUEST_URI']) ?>">登出</a></li></ul></div></div><?php } ?>
</ul>


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

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

image.png

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

显示全部内容...