专注Java教育14年 全国咨询/投诉热线:444-1124-454
星辉LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 使用Ajax登录

使用Ajax登录

更新时间:2021-12-01 09:47:18 来源:星辉 浏览865次

Login With Ajax 适用于需要用户登录或注册并希望避免普通 wordpress 登录页面的站点,此插件添加了在侧边栏中放置登录小部件的功能,具有流畅的 AJAX 登录效果。

使用Ajax登录

一些功能:

AJAX 驱动,无屏幕刷新!

登录

登记

记住/重置密码

自定义登录/注销重定向

在登录和注销时将用户重定向到自定义 URL

将具有不同角色的用户重定向到自定义 URL

WPML – 特定于语言的重定向

SSL 兼容

回退机制,仍然适用于禁用 javascript 的浏览器

兼容 WordPress、MultiSite、BuddyPress 和许多其他改变登录/注册表格的插件(例如验证码插件)

可定制的、升级安全的小部件

可用的简码和模板标签

显示个人资料页面链接的小部件特定选项

 

简码和模板标签

您可以使用带有以下选项的短代码[login-with-ajax] 或 [lwa] 和模板标签 login_with_ajax():

profile_link –(1 或 0)

如果值为 1(默认值),则会出现 wp-admin 的配置文件链接。

注册 –(1 或 0)

如果值为 1(默认),则会出现一个注册链接,前提是您在 WP 设置中启用了注册。

模板 –(模板名称/目录)

如果此模板目录存在,则将使用此模板。默认为“默认”模板。

记住——(1 或 0)

如果值为 1(默认),则会出现记住密码链接以恢复密码

重定向

成功登录将重定向到此 URL

多语言支持

我们在登录/注销重定向方面具有 WPML 兼容性。除了每种语言的自定义重定向链接,您还可以使用 %LANG% 占位符动态插入用于构建 URL 的语言片段,例如en表示英语或es表示西班牙语。

自定义小部件

您可以通过复制文件并在您的主题中编辑它们,以升级安全的方式自定义 html 小部件。首先,您需要了解 Login With Ajax 如何加载模板:

在查找文件/模板时,有一个优先顺序——活动子主题(如果适用)、活动父主题,最后是插件文件夹:

wp-content/themes/your-theme/plugins/login-with-ajax/

wp-content/themes/parent-theme/plugins/login-with-ajax/

wp-content/plugins/login-with-ajax/widget/

Login With Ajax 仅加载一个 CSS 和 JS 文件,其中包含所有模板的代码。该插件检查上面的位置并加载它首先找到的位置。默认文件是:

wp-content/plugins/login-with-ajax/widget/login-with-ajax.js

wp-content/plugins/login-with-ajax/widget/widget.css

JavaScript 文件的一个警告,如果您启用了 WP_DEBUG,那么 LWA 将查找名为 的文件login-with-ajax.source.js,这是普通 JS 文件的非缩小版本。

Login With Ajax 然后检查根据上面突出显示的首选项加载的模板文件夹。

当用户注销时,widget_out.php将使用 。

如果注销,widget_in.php则将被使用

如果您的模板中不存在这些文件中的任何一个,则将使用位于默认文件夹中的文件(您也可以在主题中覆盖)。

例子

如果你想改变默认主题一些文字,你可以简单地复制wp-content/plugins/login-with-ajax/widget/default到wp-content/themes/yourtheme/plugins/login-with-ajax/default需要和编辑文件。

如果您需要更改 CSS 文件,请将文件复制wp-content/plugins/login-with-ajax/widget/widget.css到wp-content/themes/yourtheme/plugins/login-with-ajax/widget.css并进行相应编辑。

JavaScript ajax魔法依赖于模板文件中的类名和层次结构,如果你想在不添加自己的JS的情况下修改模板,请确保保持这些类名和结构不变。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>