欢迎您光临TI下载,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!

Wechat Social Login 插件登录注册页面修改

相信很多站长在当初建站得时候都想选择一款既好看又好用的关于登录注册插件,这时候Wechat Social Login就出现了,这个款插件不仅符合国人的操作习惯,而且免费的功能就足够我们用了。即使这样我们也许还会认为默认的页面不足够个性化,想要定制属于自己的个性化页面。今天,小编就来和大家说说怎么定制属于自己的登录注册页面。

下面以重置密码页面为例子:

小编也去过该插件的官网,找过相关教程(https://www.weixinsocial.com/doc.html#newregistpage)但是不管怎么尝试,都没能成功。所以小编又想了另一种办法,即简单,又高效。

  1. 在/wechat-social-login/assets/css/目录下上传一个CSS文件。
  2. 在/wechat-social-login/add-ons/login/templates/account/这个目录下找到登录、注册、重置密码的PHP模板文件,我们可以发现每个页面有两个对应的文件findpassword.php(主体文件)和findpassword-content.php(中间白色区域)。
  3. 在主体文件中调用自定义的CSS文件
    <link media=”all” type=”text/css” rel=”stylesheet”href=”<?phpprintXH_SOCIAL_URL?>/assets/css/thmic.css”>。
  4. 对于自己不想要的页面元素呢,我们就采用CSS元素隐藏的方式:
    display:none:元素将不会再占用页面空间,其占用的空间会被其他元素所占有,从而会引起浏览器的重排和重汇。
    visibility: hidden:能够隐藏元素,但是该元素仍会占用页面空间,因此只会导致浏览器的重汇而不会引起重排。
    opacity:0:设置元素透明度属性为0,也可以隐藏页面元素,但是会占据页面空间。
  5. 最后就是备份与还原了,我们将自定义的CSS文件,以及修改的模板文件备份一份。等后面插件更新时,我们只需要将相应的文件和代码应用上去就可以了。

本站重置密码页面效果图:

Wechat Social Login 插件登录注册页面修改插图

 

本网站所有源码、软件和资料均为软件作者提供和网友推荐收集各大资源网站整理而来,仅供学习和研究使用,请勿用于商业用途.下载后请24小时内删除。不得使用于非法商业用途,不得违反国家法律。否则后果自负!
TI下载 » Wechat Social Login 插件登录注册页面修改

发表评论