演示视频:

主要步骤:

创建模板页:

在主题目录下创建模板页面page-sing-in.php,页面里的代码:

创建新页“登录页面”

登录wordpress后台,创建新的页面,页面标题可以是“登录页面”,重要的是页面别名为sign-in。这样该页面才能自动使用上面创建的页面模板。

编写相关样式

页面加载时,表单淡入效果的相关js脚本

主题functions.php中需要添加的代码

上面定义的ajax-login-script.js文件中代码,用于结合ajax的请求结果做出不同动作

其他:

loading效果图标文件:

本篇文章相关标签: