WordPress用户登录框明码的暗藏与局部显示技巧

让WordPress登录页的明码框显示最初一个输出的字符
在通常状况下,网页的设计者们会将明码输出框中的一切字符暗藏成黑点,以避免有人在面前偷窥输出的明码,如:

这种明码输出模式尽管缩小了被偷窥的风险,然而给咱们的明码输出带来了很多费事,由于咱们不晓得到底输出了什么字符,所以常常招致输错明码的状况,糜费了很多工夫。

可能你也曾经留意到,如今智能手机的很多使用中,应用了这样一种明码框解决形式:对用户在明码框中输出的最初一个字符,会先让它显示2-3秒钟,而后再暗藏,这样能够让用户晓得刚刚输出了什么字符,缩小了输错的可能性,同时兼具防偷窥性能。如:

明天,我将给大家引见,在WordPress中如何完成这个的性能,步骤十分简略。

1、增加js
点此下载 需求用到的js,将此js文件放到以后应用主题的根目录下。

2、增加php代码
用文本编辑器关上以后主题的functions.php,增加以下php代码:

function ludou_dPassword() {
  wp_enqueue_script( 'dPassword', get_template_directory_uri() . '/jQuery.dPassword.js', array(), '1.0', true );
}
add_action( 'login_enqueue_scripts', 'ludou_dPassword' );

好了,这个性能就增加胜利了,就这么简略。

补充阐明
1、假如你要将js文件放在以后主题的js目录,那你需求将php代码第2行中的 /jQuery.dPassword.js 改成 /js/jQuery.dPassword.js
2、此性能在输出明码时,只能在最初输出或删除字符,曾经被暗藏成黑点的明码两头不能增加或删除字符。


让WordPress登录框显示/暗藏输出的明码
这能够让用户晓得刚刚输出了什么字符,缩小了输错明码的可能性,同时兼具防偷窥性能。

如今,咱们还有另外一种抉择,间接让用户自行依据需求抉择是全副暗藏输出的明码,还是全副显示输出的明码。在全副显示明码框的内容时,用户输错的可能性就大大升高,这也是微软推荐的一种明码框解决形式。成果如下:

全副暗藏明码,点击明码框左边的眼睛图标能够显示明码


全副显示明码,点击明码框左边的锁头图标能够暗藏明码

1、增加js

点此下载 需求用到的js,将此js文件放到以后应用主题的根目录下。

2、增加php代码

function ludou_prevue() {
  wp_enqueue_script("jquery");
  wp_enqueue_script( 'prevue', get_template_directory_uri() . '/jquery.prevue.min.js', array(), '1.0', true );
?>
<style type="text/css">
  .prevue-icon-eye:before { content: "\f177"; }
  .prevue-icon-eye-off:before { content: "\f160"; }
</style>
<?php 
}
add_action( 'login_enqueue_scripts', 'ludou_prevue' );
?>

好了,大功造成!

补充阐明

1、假如你要将js文件放在以后主题的js目录,那你需求将php代码第3行中的 /jquery.prevue.min.js 改成 /js/jquery.prevue.min.js
2、此性能需求1.9.0以上版本的jQuery支持。

以上就是安达网络工作室关于《WordPress用户登录框密码的隐藏与部分显示技巧》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: WordPress 登录框 密码 PHP编程
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
处理WordPress应用CDN后博文无奈评论的谬误

comments-ajax.js在cdn缓存后,很多人遇到无奈(应用ajax)回复的成绩。对此,我之前的做法只是制止cdn缓存...

WordPress导航菜单的滚动和淡入淡出成果的完成要点

滚动导航菜单 滚动菜单, 望文生义是以滚动的形式显示和暗藏菜单的. 其实跟淡入淡出菜单和滚动菜单的原理是一...

WordPress文章摘要小记

其实我集体并不是很喜爱这种摘要的显示形式,然而这个办法用起来比拟不便而已。   WordPress是有摘要性能...

WordPress 嵌套回复 (优缺陷对照)

1. 它能够进步用户体验, 调动访客回复的踊跃性, 从而添加评论的数量, 能让博客变得像社区一样活泼. 2. 博客...

Wordpress中上一篇与下一篇性能代码

本文实例讲述了Wordpress中上一篇与下一篇性能代码。分享给大家供大家参考。详细如下: 很多WordPress给文章...

几个优化WordPress中JavaScript加载体验的插件引见

WordPress 自身以及主题和插件通常需求加载一些 JavaScript 来完成某些非凡性能。为了最大限制地保障兼容性...

需求提交

客服服务