设计笔记

  • 1、对你的主题做一些更改
  •  3、效果演示:
  • 首页
  • 作品
  • 代码
  • 随笔
  • 关于博主
    • 豆瓣书影
  • 友情链接
  • 文章归档
  • 榜上有名
  • RSS Feed
  • GitHub
  • Twitter
  • Link

喜欢这款主题

抢先体验

WordPress弹出登陆窗口登陆

  • Tokin
  • 2012-10-27
  • 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、效果演示:

 

© 2025 设计笔记
Theme by Wing
  • {{ item.name }}
  • {{ item.name }}