WordPress弹出登陆窗口登陆

/ 49评 / 1

当你浏览众多网站的时候,或许你会发现,有的网站点击“登陆”按钮后,并非跳转到单独的页面,而是在本页面弹出一个登录窗口,输入 账户、密码后即可完成登陆,你是不是非常喜欢这样的登陆方式呢?我个人非常喜欢,本打算自己折腾一个,可是从出手开始就困难重重,没办法,利用强大的百度,找到了 露兜 于是按照步骤一步步操作后,终于实现了弹窗登陆,但是界面不怎么喜欢,稍微修改下,马上就在我当前主题上上线了!

下面来说一下是如何实现的

首先,你需要下载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、效果演示:

 

  1. doubi说道:

    作者,我想问一下能否分享一下你的这个评论框?

  2. […] 文章出处:实用又好用,WordPress弹出登陆窗口登陆 […]

  3. Virnis说道:

    收藏了,现在实验站上测试一把

    • Tokin说道:

      @Virnis 要改的地方还是有的,文章发布后我又改了一下,效果比这个好多了,不过后来因为css和我主题部分功能有点冲突,所以我干脆就去掉了…

  4. mfqj说道:

    对了,你的这个主题和我以前的一次主题好像啊,只是颜色不同啊

  5. 秦天添博客说道:

    本页说出登录框,唉,你做好了,放一个登录按钮出来,我点了看看效果。 :mrgreen:

  6. 这个功能还是蛮不错的,毕竟花费了博主的一番心血啊

  7. 这个应该适合多人博客上,比较好玩。

  8. 哼哼猪说道:

    登陆框放侧边栏的路过

  9. 无名说道:

    貌似是帮我折腾的……
    既然有方法了回头我试试!
    估计后面有10来天无法正常上网了

    • Tokin说道:

      @无名 不要用貌似,就是给你折腾的,我又改了下,你看看我的效果。
      对了,下周我怎么把钱给你呢…

  10. oyoy说道:

    小人家又在折腾高级功能呢

    • Tokin说道:

      @oyoy 什么功能,透露一下呗
      有没有发现我的相关文章推荐很不错,免插件的哦

      • oyoy说道:

        @Tokin 我是说你在整高级功能呢,我可没这能耐。这个相关文章很像无觅的唉~~

        • Tokin说道:

          @oyoy 嘿嘿,仿无觅的效果很棒的说呢,折腾了一天,问题就出在怎么解决抓文章第一张图上面了,总是抓不到,而且总有点错位,没想到双子座也是追求完美的人,不过总算折腾成功了,幸福啊~

          • oyoy说道:

            @Tokin 我用的主题自带相关文章,我都给关了,嫌这玩意儿太过花哨

            • Tokin说道:

              @oyoy 文章多起来的话,还是带上吧,兴许能增加点流量,给陈年旧章一个展现的机会

              • oyoy说道:

                @Tokin 嗯,那等文章多一些的时候再加上吧。不知道百度联盟的代码可不可以放到别的域名中使用。

        • Tokin说道:

          @oyoy 貌似挂了,也不给收入

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注