Loading.

WordPress弹出登陆窗口登陆

发布于 / 已有 49 条评论

HOME

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

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

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

 

49条回应:“WordPress弹出登陆窗口登陆”

  1. 夜枫说道:

    就是为啥要放个介个呢??redirect=, 木有懂~

    • Tokin说道:

      @夜枫 可能当初我懒得去多进入一个页面吧,现在觉得这东西确实对于一个博客来说,用处一丁点都没有

发表评论

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

    隐藏广告 沉浸模式 夜间模式
    自定义CSS