当你浏览众多网站的时候,或许你会发现,有的网站点击“登陆”按钮后,并非跳转到单独的页面,而是在本页面弹出一个登录窗口,输入 账户、密码后即可完成登陆,你是不是非常喜欢这样的登陆方式呢?我个人非常喜欢,本打算自己折腾一个,可是从出手开始就困难重重,没办法,利用强大的百度,找到了 露兜 于是按照步骤一步步操作后,终于实现了弹窗登陆,但是界面不怎么喜欢,稍微修改下,马上就在我当前主题上上线了!
下面来说一下是如何实现的
首先,你需要下载lightbox文件,点击下载 15kb
下载完毕后,解压将得到一个文件夹“lightbox"
,将其复制到当前你所以使用的主题目录下。接着用文本编辑器打开 lightbox
目录下的 login.php
,将下图标注的内容改动下:
1、对你的主题做一些更改
修改主题中的footer.php,将 </body> 替换成:
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/lightbox/lightbox.css" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/lightbox/prototype.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/lightbox/lightbox.js"></script>
</body>
编辑主题目录下的functions.php(没有就新建一个),在“ ?>”上方添加如下代码:
// 说明:获取当前网页的完整URL
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;}
?>
2、在你的主题文件中添加登录链接
如果你想在主题前台显示登陆连接,可以在合适位置添加以下代码,我是将链接放在网页的页脚:
<?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">登录</a>
<?php } else { ?>
<?php wp_loginout( $_SERVER["REQUEST_URI"]); ?> |
<a href="wp-admin/">管理</a>
<?php } ?>
并且,实现了未登录显示“登陆”链接,登陆后显示“管理、登出”示例:
3、效果演示:
作者,我想问一下能否分享一下你的这个评论框?
@doubi 评论框?CSS你不会参考么
[…] 文章出处:实用又好用,WordPress弹出登陆窗口登陆 […]
收藏了,现在实验站上测试一把
@Virnis 要改的地方还是有的,文章发布后我又改了一下,效果比这个好多了,不过后来因为css和我主题部分功能有点冲突,所以我干脆就去掉了…
对了,你的这个主题和我以前的一次主题好像啊,只是颜色不同啊
@mfqj 宽度神的的我也有加,功能我都增强了,很多细节
本页说出登录框,唉,你做好了,放一个登录按钮出来,我点了看看效果。
@秦天添博客 效果如何,实在不行我给撤掉。。。。还是有点不舍得
@Tokin 从截图看,还不错,留着吧
这个功能还是蛮不错的,毕竟花费了博主的一番心血啊
这个应该适合多人博客上,比较好玩。
@免费资源部落 找几个朋友一起写博客不错,就是没人一起…
登陆框放侧边栏的路过
@哼哼猪 本来我也打算放侧边栏的,不过感觉有点占位置,所以就没放
貌似是帮我折腾的……
既然有方法了回头我试试!
估计后面有10来天无法正常上网了
@无名 不要用貌似,就是给你折腾的,我又改了下,你看看我的效果。
对了,下周我怎么把钱给你呢…
小人家又在折腾高级功能呢
@oyoy 什么功能,透露一下呗
有没有发现我的相关文章推荐很不错,免插件的哦
@Tokin 我是说你在整高级功能呢,我可没这能耐。这个相关文章很像无觅的唉~~
@oyoy 嘿嘿,仿无觅的效果很棒的说呢,折腾了一天,问题就出在怎么解决抓文章第一张图上面了,总是抓不到,而且总有点错位,没想到双子座也是追求完美的人,不过总算折腾成功了,幸福啊~
@Tokin 我用的主题自带相关文章,我都给关了,嫌这玩意儿太过花哨
@oyoy 文章多起来的话,还是带上吧,兴许能增加点流量,给陈年旧章一个展现的机会
@Tokin 嗯,那等文章多一些的时候再加上吧。不知道百度联盟的代码可不可以放到别的域名中使用。
@oyoy 貌似挂了,也不给收入