首页 » WordPress » WordPress添加前台悬浮/弹框登录窗口

WordPress添加前台悬浮/弹框登录窗口

　
评论关闭　19,552次浏览

效果预览：
点击“登录”按钮后，会在当前页面弹出一个登录窗口，填写登录信息；登录成功后，就会自动返回原来的页面。
1981_2
WordPress前台悬浮登录窗口添加方法：
1、下载需要用到lightbox文件包
 
2、下载完毕，解压将得到一个文件夹lightbox，编辑此文件夹中的login.php文件，将第2行 https://www.hmjblog.com 改成你的WordPress 安装地址，最后保存。
 
安装地址可以登陆wp后台，设置--常规中看到（一般为首页网址）：
1981_1
注：不要在地址后面添加/
 
3、将lightbox文件夹整个上传到当前你所以使用的主题目录下。
 
4、到wp后台，在主题的footer.php文件中的</body>标签前面添加下面的三行代码

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/lightbox/lightbox.css" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/lightbox/prototype.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/lightbox/lightbox.js"></script>

5、再在主题的functions.php文件的最后一个 >? 标签前面添加下面的代码

function curPageURL()
{
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on")
{
$pageURL .= "s";
}
$pageURL .= "://";
 
if ($_SERVER["SERVER_PORT"] != "80")
{
$pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"];
}
else
{
$pageURL .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
}
return $pageURL;
}

6、在需要显示“登录”按钮的位置加上下面代码就可以了，赶快去试试吧~

<?php if ( !$user_ID ) { ?> <a href="<?php echo get_option('siteurl'); ?>/wp-content/themes/<?php echo get_option('template'); ?>/lightbox/login.php?redirect=<?php echo curPageURL(); ?>" class="lbOn" title="Log in">登录</a> <?php } ?>

原文链接：WordPress添加前台悬浮/弹框登录窗口，转载请注明来源！

赞 21