Cómo crear un formulario de conexión personalizado en WordPress

¿Desea usar WordPress para crear un formulario de inicio de sesión personalizado para su sitio? ¡Aprenda a crear un formulario de autenticación de WordPress que pueda agregar en cualquier lugar de su sitio!

Tiempo de lectura aproximado: 7.5 minutos Si desea crear un formulario de conexión personalizado en WordPress, no está solo. Tener un sitio web donde los usuarios puedan registrarse con un nombre de usuario y contraseña es una característica muy popular. Es una característica tan popular que está implícitamente integrada en WordPress. Probablemente haya visto la pantalla de autenticación de WordPress predeterminada con el logotipo de WordPress:

Formidable Forms es el mejor complemento de constructor de formulario de WordPress. ¡Tómelo gratis!
Esta es la página de conexión de WordPress con la que los administradores y usuarios se conectan a los sitios de WordPress. Aunque funciona bien en algunos casos, ¿desea que su sitio de WordPress sea personalizado? Si crea un sitio para miembro de WordPress, debe tener un formulario de autenticación WP personalizado. Para muchos sitios orientados a los usuarios, desea que los usuarios registren y editen su perfil desde su sitio, no desde el back-end (también conocido como administrador de WordPress o pintura de Board WordPress).
Invitar a los usuarios a WordPress Administrator es un poco como invitar a los invitados al restaurante a la cocina. ¡Puede haber algunas cosas que no querrías ver! Dependiendo del tipo de sitio que construya, podría ser una colina. En esta guía paso a paso, le mostraremos cómo agregar un formulario de conexión a WordPress de una manera simple. Pero primero, cubriremos algunos elementos básicos con respecto al registro de usuarios. ¡Vamos a eso! Suscríbete en YouTube
WordPress Forms de conexión personalizada con un complemento en la realidad, un formulario de autenticación es muy simple. No hay muchos elementos involucrados en la forma misma. Sin embargo, es un poco más complicado que todo el sistema de registro de usuarios que funcione correctamente.
Entonces, en este tutorial, lo mantenemos simple, mostrándole cómo configurar un formulario de autenticación personalizado con formularios formidables de WordPress. Formidable puede manejar cualquier otro formulario en su sitio de WordPress. Cree un formulario de conexión personalizado en WordPress sin un complemento, por supuesto, podría hacerlo de la manera difícil. WordPress incluye funciones de registro de usuarios de forma predeterminada. Pero sin un complemento, debe hacer un poco de bacalao si desea un formulario de conexión personalizado. En primer lugar, debe trabajar desde el archivo WP Login.php y otros archivos PHP de WordPress. Es un poco difícil si no sabe cómo codificar en el PHP … Además, podría terminar rompiendo su sitio si comete un error.
Y, dependiendo de su tema de WordPress, es posible que deba hacer una gran codificación para su formulario de autenticación personalizado de WordPress. No todos los temas se crean igual … entonces, es el problema de construir el formulario de conexión personalizado y configurarlo para permitir el registro y la autenticación del usuario. Hacer esto requiere aún más codificación y personalización. Finalmente, debe atacar el formulario para que coincida con su sitio con CSS personalizado … ¡es probable que comience a sonar como mucho trabajo! ¡O simplemente podría obtener formidable e instalar el suplemento de registro de nuestros usuarios! Y luego puede usar nuestro estilo de formularios visuales incorporados para que el formulario de autenticación coincida con su sitio.
Cómo crear formularios de inicio de sesión en WordPress Estos son los pasos necesarios para crear un formulario de conexión personalizado para su sitio de WordPress:

Instalar y activar formularios formidables
Instale y active el suplemento de registro del usuario
Crear y publicar formulario de inicio de sesión personalizado
Crear una página de restablecimiento de enlace y contraseña
Una cosa más antes de comenzar … este tutorial se refiere al formulario de conexión personalizado. Pero también es posible que deba crear una página de conexión personalizada de WordPress. Y si aún no lo ha hecho, también debe crear un formulario de registro en línea para que los usuarios puedan registrarse. Afortunadamente, tenemos ambas cosas cubiertas en algunas publicaciones separadas:
Cómo crear una página de autenticación de WordPress personalizada Cómo crear un formulario de registro de WordPress 1. Instale y active formularios formidables, para instalar formularios formidables. Tenemos un complemento gratuito fuerte, pero para acceder al suplemento de registro del usuario, deberá desbloquear el plan de negocios. Realmente queremos probar este tutorial. Así que facilité las cosas: puedes usar formidable sin riesgos durante 14 días. Si no le gusta, le reembolsaremos todo el dinero sin preguntas. Obtener un negocio formidable formidable puede hacer frente a todos los registros de sus usuarios, pero puede hacer más que eso. ¡Es una solución completa para formularios de construcción! Creemos que te gustará. 2. Instale y active el suplemento de registro del usuario Esta parte es muy fácil. Todo lo que tiene que hacer es acceder al administrador de WordPress, luego acceder a los complementos formidables → y haga clic en el botón “instal” para el suplemento de registro del usuario.
Hay muchas opciones que se pueden configurar con el suplemento de registro del usuario, por lo que no dude en explorar la sección de configuración formidable. Sin embargo, cubriremos algunos de ellos en los próximos pasos.
Obtenga más información: Formularios de registro de WordPress

3. Cree y publique el formulario de conexión personalizado Ahora debemos crear un formulario de conexión personalizado para su sitio de WordPress. Aquí está la mejor parte … ¡ya está hecho! El suplemento de registro de usuarios de Formidable viene con el formulario de autenticación incluido. Sin embargo, la estilización de la forma de conexión personalizada es algo que puede hacer: elegante la forma con el estilo visual. Esta es la forma en que puede asegurarse de que el formulario de autenticación coincida con el estilo de su sitio para comenzar con él, acceda a estilos formidables → Debido a que realiza cambios visuales, no debe conocer ninguna codificación para que los formularios se vean geniales.

Obtenga más información: Personalice el aspecto del formulario con el estilo de formulación que publica el formulario de conexión Una vez que haya realizado los ajustes, hay una cosa más. Con formidable, puede colocar sus formularios en cualquier lugar del sitio y redirigir a otras páginas. El estilo de formas visuales le permite tener un estilo diferente para cada forma. Con un formulario de conexión, es posible que desee colocar un formulario de conexión en una barra lateral o un widget de sótano. Y es posible que desee un estilo diferente para su widget o formulario de inicio de sesión. Por lo tanto, debe crear estilos para cada área donde desee colocar los formularios de autenticación.

Cuando es hora de publicar su formulario de inicio de sesión, esto se puede hacer de diferentes maneras:
Ingrese el código de inicio de sesión corto con un bloque

Ingrese su inicio de sesión corto manualmente

Use el formulario de autenticación del bacalao corto para publicar el formulario de conexión en formidable es siempre el mismo: [frm-login] En formidable, hay muchas formas de formar el código corto anterior agregando parámetros. El parámetro más importante es el utilizado para establecer el estilo de la forma de autenticación. Para elegir el estilo correcto para cada formulario de inicio de sesión corto, vuelva a formidable → Styings y copie la clase CSS para el estilo que desea usar.
Luego agregue esa clase CSS al formulario de inicio de sesión corto, de la siguiente manera: ¡Eso es todo! Obtenga más información: Cómo agregar un formulario de conexión en su sitio web 4. Cree un enlace y restablezca la contraseña. A menos que tenga una memoria robótica, probablemente tenía que restablecer una de las contraseñas antes. Y probablemente hayas tomado esta buena característica … ¡hasta ahora! Afortunadamente, esto no es demasiado difícil en formidable. Se necesitan algunos detalles necesarios para que funcione un sistema de restablecimiento de contraseña. En primer lugar, debemos incluir un enlace de restablecimiento de contraseña en el formulario de conexión personalizado. Si usa un widget para mostrar el formulario de inicio de sesión, el enlace se puede agregar marcando una casilla desde las opciones de widget.
Si usa un código corto para mostrar el formulario, puede agregar un parámetro al código corto, como: Una vez que haya configurado todo su sistema de conexión de usuario, querrá diseñar esta página para que coincida con su sitio por el momento, simplemente copie y pegue este código corto en la página de la página: Contraseña] Después de eso, vaya a Formidable → Configuración global → Registro. En la sección “Páginas globales”, establezca la “página de restablecimiento de contraseña” en la página que acaba de crear. Luego haga clic en Actualizar opciones. ¡Ahora todos los formularios de inicio de sesión tendrán un enlace de restablecimiento de contraseña! Al hacer clic en el enlace, los usuarios desconectados llegarán a la página de restablecimiento de contraseña. Luego, los usuarios pueden restablecer su contraseña de la misma manera que lo han hecho en otros sitios un millón de veces antes. Obtenga más información: Cree una página de restablecimiento de contraseña sobre esto es. Aunque hubo algo de tiempo de configuración, crear un formulario de autenticación de WordPress personalizado con formularios formidables es mucho más fácil que aprender a codificar. Esperamos que te haya gustado este tutorial. Para obtener más consejos de WordPress, consulte el blog formidable. Lea más sobre el registro del usuario
Cómo construir una conversación de formulario en WordPress (¡nuevo!) Lea más
Las mejores maneras de evitar la grabación de spam de WordPress Leer más
Cómo activar el registro de usuarios en WordPress Leer más