从WordPress站点到非WordPress站点的自定义登录表单

时间:2015-12-01 作者:mik9090

我正在基于Wordpress为客户建立一个新网站。他们已经有了一个非Wordpress站点,登录的访问者可以访问该站点(在不同的域上)。上个月左右,我一直在寻找解决方案,但似乎找不到解决方案。

我需要的是在Wordpress站点上的菜单项中添加一个弹出式登录表单,将成功登录重定向到非Wordpress站点。

我唯一能找到的就是自定义Worpress登录,但这不是我需要的。

我找到了可以添加到登录中的不同表单。Wordpress上的php文件,但同样,这可以提供Wordpress站点的登录(我不想要),而不是非Wordpress站点的登录。

有人知道我如何做到这一点,并可能提供说明和代码吗?除了一些基本的HTML和CSS之外,我还不是一个真正的程序员,所以我觉得我一直在兜圈子,没有找到任何解决方案。

所以基本上我需要的流程是这样的:

用户单击Wordpress站点上的登录菜单项,登录表单弹出ion lightbox/modal,用户输入用户名和密码,然后单击Submit,如果登录成功,将重定向到非Wordpress站点

非常感谢ion advance

3 个回复
SO网友:Kvvaradha

所以你想访问非WordPress网站。如果正确,则单击菜单上的登录时,应显示登录表单,但表单操作应为非WordPress站点的登录页面操作。而不是每当用户输入登录凭据时。它会将其转发到非WordPress站点,然后在那里验证密码,如果用户有访问权限,则会继续。比如说像这样创建

    <?php 
     /** Tempate Name : Login page */
      get_header();  ? >
   <form action="non-wp site login action url" method="post">
     <! --- here your form components -->
         <div>
        User name: <input name="log" type="text" />
         </div>
         <div>
           Password: <input name="pwd" type="password" />
         </div>
         <div>
              <input type="submit" value="Login" />
               <input type="hidden" name="action" value="my_login_action" />
          </div>
   </form>
    <?php get_footer();?>
因此,您的表单操作将自动将其提交给非WordPress站点登录操作。它将在那里验证。

作为第二个问题,在活动主题内创建一个文件并添加上述代码。保存它。然后转到wp-admin 然后创建一个新页面并将其命名为Login,然后在发布页面之前选择模板Login Page. 而不是保存它

现在转到Appearances -> Menu 在这里,将登录页面添加到菜单中,然后保存并转到前端。它将显示链接。一旦你点击它。它将显示登录表单。

然后尝试填写非WordPress站点用户凭据并提交。它会把你带到非WordPress网站的登录操作,如果它得到授权,它将在那里工作。

SO网友:mik9090

@Akeyla是的,这正是我需要的。那么在Wordpress中,为了添加您发送给我的代码和登录表单,我需要编辑哪些文件?例如,我有以下表单代码:

    <div>
        User name: <input name="log" type="text" />
   </div>
   <div>
    Password: <input name="pwd" type="password" />
  </div>
  <div>
    <input type="submit" value="Login" />
    <input type="hidden" name="action" value="my_login_action" />
  </div>
我会在你发给我的标签之间加上这个。现在的问题是,我在Wordpress中的何处添加此代码,以及如何将其链接到已创建的菜单项(登录)?

抱歉,如果我听起来很无知,我就是想不明白这是怎么回事

再次感谢

SO网友:mik9090

@阿克利亚

非常感谢您一步一步的详细介绍,我真的很感激!最后一个问题,我应该将文件另存为什么?什么分机?

我将其保存在哪个文件夹中有关系吗?我正在使用一个子主题来定制主题的一些元素,我想我应该把它保存在那里?

编辑:我已经设法添加了表单,并在模式iframe中打开了它。我的最后一个问题是,我应该在哪里添加CSS来设置表单的样式?因为我创建的文件是为模板文件创建的,所以它显然不需要任何CSS。我是否只是将其添加到子主题中的样式表中?

再次感谢您的帮助

相关推荐

快捷代码返回转义的HTML标记

为了把事情放在上下文中,我正在使用WordPress上的龙门架,它与木材和树枝捆绑在一起。我有这个密码,基本的,make-your-text-bold 短代码// Add Shortcode function bold_text_shortcode( $atts , $content = null ) { return \'<strong>\' . $content . \'</strong>\'; } add_shortcode( \'b\