利发国际lifa222 » WordPress » WordPress添加前台悬浮/弹框登录窗口

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

 
效果预览:
点击“登录”按钮后,会在当前页面弹出一个登录窗口,填写登录信息;登录成功后,就会自动返回原来的页面。
1981_2
WordPress前台悬浮登录窗口添加方法:
1、下载需要用到lightbox文件包
 
2、下载完毕,解压将得到一个文件夹lightbox,编辑此文件夹中的login.php文件,将第2行 http://www.heminjie.com 改成你的WordPress 安装地址,最后保存。
 
安装地址可以登陆wp后台,设置--常规中看到(一般为利发国际lifa222网址):
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="http://bearingbid.com/<?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添加前台悬浮/弹框登录窗口,转载请注明来源!
14