Cómo crear correctamente una página de inicio de sesión personalizada en WordPress (paso a paso)

Cómo crear una página de inicio de sesión personalizada en WordPress


Alguna vez se preguntó si podría crear una página de inicio de sesión personalizada en WordPress?

Crear una página de inicio de sesión personalizada lo ayuda a mostrar una marca consistente a sus usuarios, lo que le da a su sitio una apariencia más profesional.

En este artículo, le mostraremos cómo crear una página de inicio de sesión personalizada en WordPress.

Crear una página de inicio de sesión personalizada de WordPress – Tabla de contenido

Por qué crear una página de inicio de sesión personalizada?

Si está ejecutando un sitio web impulsado por la comunidad, como un foro, un sitio de membresía, una red social de nicho o cualquier otro sitio web que requiera que los usuarios registren una cuenta e inicien sesión, entonces deberán crear una página de inicio de sesión personalizada.

La página de inicio de sesión predeterminada de WordPress parece genérica y aburrida. Con una página de inicio de sesión personalizada, puede personalizar todos los elementos en la página alrededor del formulario.

Si tiene una página de inicio de sesión personalizada, puede ocultar la página de inicio de sesión predeterminada si lo desea. Puede reducir el spam de inicio de sesión y mantener seguro su sitio de WordPress.

Elegir el complemento adecuado para crear una página de inicio de sesión personalizada

En el repositorio oficial de complementos de WordPress, puede encontrar docenas de complementos diferentes que lo ayudan a crear fácilmente una página de inicio de sesión personalizada. En este artículo, veremos 2 complementos diferentes: WPForms y Theme My Login.

Elija WPForms si necesita un complemento de formulario de WordPress con todas las funciones que lo ayude a crear cualquier tipo de formulario en línea con facilidad, incluidos formularios de registro, formularios de pago, formularios de contacto, etc..

Algunos beneficios de WPForms son:

  • Personalice su formulario de inicio de sesión de la manera que desee sin restricciones.
  • Publique su formulario de inicio de sesión en cualquier publicación o página.
  • Incruste su formulario de inicio de sesión en la barra lateral o incluso en el pie de página widgetizado.

Elegir tema Mi inicio de sesión si desea crear una página de inicio de sesión sencilla con facilidad.

A continuación se presentan algunas características de Theme My Login:

  • No se requiere configuración para crear una página de inicio de sesión personalizada.
  • Oculta automáticamente la página de inicio de sesión predeterminada y redirige a la página de inicio de sesión recién creada.
  • Agregue un enlace a la página de inicio de sesión en su barra lateral con un widget de inicio de sesión personalizado.

La desventaja es que, a diferencia de WPForms, Theme My Login no le permite incrustar su formulario de inicio de sesión en ningún lugar de su sitio, y se mostrará exclusivamente en su página de inicio de sesión. Debido a que no es un complemento de formulario con todas las funciones como WPForms, la capacidad de personalizar su formulario de inicio de sesión es limitada.

Método 1: uso de WPForms para crear una página de inicio de sesión

WPForms

Echemos un vistazo a cómo crear una página de inicio de sesión con WPForms.

Paso 1: Instale WPForms en su sitio

Lo primero que debe hacer es instalar y activar el complemento WPForms. Asegúrese de verificar su clave de licencia navegando a WPForms »Configuración. Puede obtener la clave de licencia de su cuenta en el sitio web de WPForms.

Para poder crear una página de inicio de sesión personalizada con WPForms, deberá instalar el Complemento de registro de usuario yendo a WPForms »Complementos. Hacer clic Instalar complemento junto al Complemento de registro de usuario y luego haga clic en Activar.

Una vez que se activa el complemento, puede continuar y crear un formulario de inicio de sesión de usuario con WPForms.

Paso 2: crea un formulario de inicio de sesión personalizado

Con el potente generador de arrastrar y soltar de WPForms, puede crear un formulario de inicio de sesión en solo unos minutos, no horas, sin escribir una sola línea de código.

Para crear un formulario de inicio de sesión, visite WPForms »Agregar nuevo. En la página de configuración del formulario, deberá elegir el Formulario de inicio de sesión del usuario plantilla para crear un formulario de inicio de sesión.

plantilla de formulario de inicio de sesión de usuario

Ahora verá el generador de formularios donde puede agregar, personalizar y eliminar campos de formulario de inicio de sesión. De forma predeterminada, la plantilla de formulario de inicio de sesión agrega los siguientes campos de formulario: Nombre de usuario y Contraseña.

formulario de inicio de sesión de usuario en wordpress

Puede personalizar cualquier campo haciendo clic en él en el generador de páginas. Luego, puede realizar las personalizaciones deseadas en el panel izquierdo.

Paso 3: configuración del formulario

Para configurar ajustes generales, puede ir a Configuración »General. En esta página, puede personalizar el nombre del formulario, la descripción, el texto del botón de envío, etc..

formulario de inicio de sesión de configuración general

No tienes que hacer nada en el Notificaciones pestaña para su formulario de inicio de sesión personalizado. De forma predeterminada, las notificaciones están desactivadas, por lo que no recibirá un correo electrónico cada vez que alguien inicie sesión en su sitio.

Cuando un usuario inicia sesión a través de su formulario de inicio de sesión personalizado, aterrizará en la página de inicio de su sitio web. Puede cambiar la URL de redireccionamiento, si lo desea, en el URL de redireccionamiento de confirmación campo.

configuración de confirmación página de inicio de sesión personalizada

Paso 4: publique su formulario de WordPress

Una de las principales ventajas de usar WPForms para crear un formulario de inicio de sesión es que le permite incrustar su formulario en cualquier lugar de su sitio, incluidas publicaciones, páginas, widgets de barra lateral o áreas de pie de página con widgets.

Veamos cómo publicar su formulario en publicaciones o páginas..

Cree una nueva publicación o página en WordPress y luego haga clic en el + icono en el editor de bloques de Gutenberg. Puede buscar el bloque WPForms y hacer clic en él..

Agregar formularios

Luego, seleccione su formulario de inicio de sesión en el bloque WPForms y se cargará automáticamente en su publicación / página.

Seleccionar formulario de inicio de sesión

Después de agregar el formulario, puede publicar su publicación / página.

También puede agregar el formulario de inicio de sesión a su widget de barra lateral de la siguiente manera. Dirigirse a Apariencia »Widgets y agregue el widget WPForms a su barra lateral.

Widget de formulario de inicio de sesión

Seleccione su formulario de inicio de sesión personalizado en la configuración del widget y haga clic en el Salvar botón para guardar cambios.

Método 2: Usar Theme My Login para crear una página de inicio de sesión

tema mi complemento de inicio de sesión

los Theme My Login El complemento hace que sea muy fácil publicar un formulario de inicio de sesión personalizado en su sitio de WordPress. Para crear una página de inicio de sesión simple, todo lo que tiene que hacer es instalar y activar el complemento Theme My Login.

El complemento funciona de fábrica sin ninguna configuración adicional.

Sin embargo, si necesita personalizar la configuración del complemento, puede hacer clic en el menú Tema Mi inicio de sesión en su panel de WordPress.

tema mi configuración de inicio de sesión

Luego puede cambiar los tipos de inicio de sesión y registro. También puede ajustar los slugs de URL para las páginas de inicio de sesión, cierre de sesión, registro, contraseña perdida y restablecer contraseña.

Método 3: Personalice la página de inicio de sesión de WordPress existente sin un complemento

Si prefiere hacer cambios o agregar un estilo personalizado a su página de inicio de sesión existente en lugar de crear una nueva, aquí le mostramos cómo hacerlo..

Simplemente agregue este código al archivo functions.php de su tema o en un complemento específico del sitio:

Si es la primera vez que agrega fragmentos de código en WordPress, consulte nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompa accidentalmente su sitio.

// Página de inicio de sesión personalizada
función clp_login_head () {

eco ”; // Comienza estilos personalizados
echo ‘.login #nav a, .login #backtoblog a {color: #! important; } ‘; // Color del enlace de la página de inicio de sesión
echo ‘.login h1 a {background: url ("’. get_bloginfo (‘stylesheet_directory’). ‘/ images / IMAGEN VA AQUÍ"); ancho: px; altura: px; } ‘; // Logotipo de la página de inicio de sesión
echo ‘.login .button-primary {background: #; color del borde:#; } ‘; // Color del botón de la página de inicio de sesión
eco ”; // Finalizar estilos personalizados

}
add_action (‘login_head’, ‘clp_login_head’);

Puede cambiar el CSS y la URL de la imagen en el código anterior para agregar su estilo personalizado para la página de inicio de sesión de WordPress.

Método 4: mostrar el formulario de inicio de sesión de WordPress en cualquier lugar sin un complemento

Si desea mostrar el formulario de inicio de sesión de WordPress en cualquier página, barra lateral o área de pie de página, puede agregar este código al archivo de plantilla de su tema:

Al igual que con el método anterior, si agrega fragmentos de código a WordPress por primera vez, consulte nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompa accidentalmente su sitio.

<?php
wp_login_form ();
?>

El código anterior solo mostrará la página de inicio de sesión general de WordPress en la ubicación donde agrega el código. En caso de que pueda agregar una página de formulario de WordPress personalizada con campos y opciones adicionales, puede usar este código:

<?php $ args = array (
‘echo’ => cierto,
‘redirect’ => ‘http://wpsnipp.com’,
‘form_id’ => ‘loginform’,
‘label_username’ => __ (‘Nombre de usuario’),
‘label_password’ => __( ‘Contraseña’ ),
‘label_remember’ => __( ‘Recuérdame’ ),
‘label_log_in’ => __( ‘Iniciar sesión’ ),
‘id_username’ => ‘inicio de sesión de usuario’,
‘id_password’ => ‘contraseña de usuario’,
‘id_remember’ => ‘Recuérdame’,
‘id_submit’ => ‘wp-submit’,
‘recordar’ => cierto,
‘value_username’ => NULO,
‘value_remember’ => falso);
wp_login_form ($ args);
?>

Eso es!

Esperamos que esta guía te haya ayudado a crear una página de inicio de sesión personalizada en WordPress. Si le gustó este artículo, también puede leer nuestro artículo sobre los mejores complementos de formulario de contacto para WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map