Cómo crear una página de inicio de sesión personalizada de WordPress (pasos simples)

¿Quiere aprender cómo crear una página de autenticación de WordPress personalizada para su sitio? Si conduce un sitio de membresía o una tienda en línea, sus usuarios necesitarán una página para iniciar sesión en su sitio web. Por lo tanto, personalizar el área de conexión de WordPress predeterminada lo ayudará a reflejar su marca y proporcionar una mejor experiencia de usuario. En este artículo, le mostraremos cómo crear fácilmente una página de conexión personalizada en WordPress.
Antes de comenzar, exploremos por qué es una idea brillante crear un área personalizada de autenticación de WordPress.
¿Por qué crear una página de inicio de sesión de WordPress personalizada? Dependiendo del alojamiento de WordPress, la página de autenticación predeterminada de WordPress muestra el logotipo de WordPress. También muestra campos de formulario para que los usuarios ingresen su nombre de usuario y contraseña. Esto es perfecto si usted es un pequeño blogger o un sitio de pequeñas empresas, porque probablemente sea la única persona con acceso a la conexión WP-Admin.

Pero si su sitio permite a los usuarios convertirse en usuarios registrados y conectarse al tablero, un diseño de conexión personalizado ofrece una experiencia de usuario mejor y más profesional.
Los usuarios se sienten más como en casa con un diseño y logotipo de conexión personalizados, porque reconocen su marca. Sin embargo, si envía a los usuarios a una pantalla de autenticación que no se parece a su sitio web, puede parecer sospechoso para los usuarios experimentados. Además, la pantalla de autenticación de WordPress predeterminada no tiene más que el formulario de conexión. Esto significa que no puede aprovechar el espacio para volver a iniciar sesión en su página inicial, promover otras páginas o crear un mensaje personalizado para sus usuarios, como el ejemplo a continuación. Tomando esto, exploremos diferentes formas de personalizar su página de autenticación de WordPress. Prometemos que no involucrará ningún CSS o HTML complicado.

contenido
Elegir un complemento para la página personalizada de WordPress
1. Cree una página de autenticación front-end personalizada de WordPress con SeedProd
2. Cree una página de conexión de WordPress personalizada con WPForms
3. Cree una página de inicio de sesión de WordPress personalizada sin un complemento
4. Mostrar el formulario de inicio de sesión de WordPress en cualquier lugar sin un complemento
Elegir un complemento para la página de inicio de sesión personalizada WordPress La forma más simple de crear una pantalla de conexión personalizada de WordPress es usar un complemento de WordPress. Los complementos de WordPress extienden la funcionalidad de su sitio, ayudándole a agregar funciones adicionales sin tener que contratar a un desarrollador o confundirse con el código.
Lo guiaremos creando una página de autenticación de WordPress personalizada utilizando los mejores complementos de WordPress, SeedProd y WPForms. 1. Cree una página personalizada de autenticación de WordPress front-end con SeedProdSeedProd es las mejores páginas de destino de WordPress, que pronto vendrán y la funcionalidad del modo de mantenimiento. Le permite crear cualquier tipo de página de destino en WordPress con su generador de arrastrar y soltar, amigable para principiantes. Con muchas plantillas de página de destino receptivas, puede crear sorprendentes:
Pronto páginas

Páginas de mantenimiento
Páginas de ventas
Páginas para registrarse en el seminario web
Conducir páginas para sujetar
404 páginas de error
Páginas de gratitud de WordPress
Páginas de inicio de sesión personalizadas
Y con la forma construida en la página de conexión y el bloque de formulario de conexión, puede transformar completamente su página de autenticación de WordPress. Los usuarios pueden conectarse y desconectarse rápidamente y trabajar con cualquier tema de WordPress.
Lo mejor, Seedprod es rápido y sin hinchazón para que no ralentice su sitio, a diferencia de otros complementos para crear sus páginas de destino, concéntrese en generar clientes potenciales y resultados para su negocio: hay una versión libre del complemento de Seedprod gratuito en WordPress.org. Sin embargo, utilizaremos SeedProd para funciones de personalización avanzada y modos de página de inicio de sesión. Siga los pasos a continuación para personalizar la página de inicio de sesión predeterminada de WordPress con la página de conexión personalizada desde SeedProd.
Si prefiere leer las instrucciones escritas, siga los pasos a continuación. Paso 1: Instale y active SeedProd El primer paso es descargar el complemento Seedprod e instalarlo en su sitio web de WordPress. Si no sabe cómo hacer esto, consulte esta guía de paso por paso para instalar un complemento de WordPress. Después de instalar y activar el complemento, verá la página de bienvenida de SeedProd en el tablero de WordPress. Aquí puede ingresar los detalles de la licencia y ver el video de inicio rápido. Después de ingresar la clave de licencia, haga clic en el botón Crear página para comenzar.
Paso 2: Edite su página de inicio de sesión de WordPress después de hacer clic para crear una nueva página en SeedProd, verá la siguiente presentación general:
Estos son los diferentes modos de página que puede activar en SeedProd. Para este tutorial, necesitamos la página de autenticación. Así que continúe y haga clic en Editar la página en el título de la página de inicio de sesión.

Paso 3: Elija un patrón de inicio de sesión de WordPress personalizado en la siguiente pantalla, verá el semilla de los patrones de destino. Cada plantilla es multifuncional y puede personalizarla en el generador de páginas visual.

Incluye plantillas de mensajes de error 404, plantillas de página de ventas, páginas pronto y muchas más.

Al hacer clic en el botón de inicio de sesión, todas las plantillas de página de conexión que puede usar. Pase con el mouse sobre la plantilla que más le guste y haga clic en el icono BIF.

Para esta guía, elegiremos la conexión de la página 8. Después de haber elegido la plantilla de página de inicio de sesión de WordPress, verá una ventana emergente que le pedirá que ingrese un nombre de página y una URL personalizada. Desde allí, haga clic en el botón Guardar y comience a editar la página para iniciarlo en el deslizamiento y Editor de colocación.
Paso 4: Personalice su editor de página de sesión de inicio de sesión de WordPress, arrastrar y soltar Al Seedprod tiene 2 secciones distintas. A la izquierda, verá los bloques y secciones de la página que puede usar. Y en el lado derecho hay una vista previa de su página de destino.

Para agregar nuevo contenido a la página de autenticación, dibuje un bloque desde la izquierda y colóquelo en su página haciendo clic en cualquier bloque que ya esté en su página, le permite personalizar el contenido. Por ejemplo, al hacer clic en el formulario de conexión, la configuración de conexión SeedProd se muestra en el panel izquierdo.

En esa área, puede personalizar las etiquetas del formulario de conexión, mostrar y ocultar los campos y personalizar el texto del botón. Si hace clic en la pestaña Plantilla, puede elegir entre varios estilos diferentes del formulario de conexión.

Esta es una manera fácil de personalizar su formulario sin necesidad de conocimientos técnicos. Simplemente elija el estilo que prefiera y se agregará instantáneamente en el formulario. Los bloques de página de destino agregan contenido adicional a la página de autenticación es tan simple. Puede usar cualquier bloque estándar para agregar botones, columnas, imágenes y otros elementos centrados en el aspecto.
Por otro lado, Advanced Blocks ayuda a generar clientes potenciales para su negocio con unos pocos clics, puede incorporar:

Obsequios

Formularios de contacto

Optin Forms

Cronómetros con innumerables cargos

Barras de progreso
Botones de perfil social
Compartir botones en las redes sociales
Y otra.
Esta es una forma fantástica de convertir su página de autenticación en un automóvil potencial generador de clientes. Por ejemplo, puede mostrar a los usuarios un regalo en su página de inicio de sesión para hacer crecer sus seguidores en las redes sociales, aumentar el conocimiento de su marca e incluso aumentar su lista de correo electrónico. Las secciones de la página de destino además de los bloques individuales, Seedprod también tiene secciones de la página de destino. Estas son áreas de página que no debe construir manualmente, bloque con bloque. Puede ver las diferentes secciones haciendo clic en la pestaña Secciones.
Desde allí puedes elegir un nuevo:
ENCABEZAMIENTO
El área de los héroes
Llamada a la acción
La sección de preguntas frecuentes

El área de las características
Sótano
Y agréguelos a su página automática. Es probable que la personalización global desee cambiar el fondo de la página de autenticación, fuentes y colores. Lleva mucho tiempo hacer este individuo para cada bloque en su página. Afortunadamente, Seedprod le permite controlar estas configuraciones a nivel mundial. Simplemente haga clic en el icono de la rueda en la esquina inferior derecha de la pantalla para ver el panel de configuración global.
En la pestaña de fuente, puede cambiar el encabezado para el encabezado y el cuerpo, la fuente y el peso. Simplemente elija un nuevo tamaño o peso de la fuente de los menús desplegables.
Si lo prefiere, puede navegar por la biblioteca de combinaciones de fuentes de Seedprod haciendo clic en el botón del tema de la fuente. Esto mostrará qué fuentes se ven mejor juntas para que pueda hacer clic una vez y agregarlas a su página con la herramienta seleccionando colores, puede seleccionar diferentes colores Para enlaces globales, encabezados, texto, botones y fondos.
O puede hacer clic en el botón Color Pale para elegir entre más de 20 esquemas de color.
La sección de fondo ofrece una manera fácil de personalizar los antecedentes de la página de autenticación. Puede establecer un color o gradiente de fondo sólido o cargar un fondo de ancho completo. Para eliminar la imagen existente, haga clic en el icono de basura en el panel de configuración de fondo.
Desde allí, puede hacer clic en su propio botón de imagen para seleccionar una nueva imagen de su computadora o desde la biblioteca de medios de WordPress.

También puede agregar un fondo de video o una presentación de diapositivas de fondo seleccionando el interruptor para cada configuración.


Recuerde hacer clic en Guardar para almacenar la configuración de personalización. Paso 5: Configure su configuración de página de inicio de sesión de WordPress con el diseño de su página de autenticación, es hora de configurar algunas configuraciones requeridas. Integración de marketing de correo electrónico Primero, conecte su servicio de marketing por correo electrónico. Esto es útil si tiene un formulario de inscripción en su página de inicio de sesión y desea recopilar las direcciones de correo electrónico de los usuarios. Para hacer esto, haga clic en la pestaña Conexión en la parte superior de la pantalla, elija su correo electrónico preferido y siga los pasos para conectar su cuenta.

Seedprod se integra con los servicios populares populares del boletín que incluyen: Activecampaign

Asombro

Monitor de campaña

Contacto constante

Convertkit

Soltar

Obtener una respuesta
Yo contacto
Mimi loco
Sendy
Mailchimp
Si aún no tiene un proveedor de correo electrónico, no tiene que preocuparse. Puede continuar recopilando direcciones de correo electrónico con la función de gestión de suscriptores de SeedProd.
Cada vez que alguien se reduce a través de su página de destino, sus detalles se almacenan automáticamente en su sitio web de WordPress. Luego puede ver a sus suscriptores yendo a los suscriptores de SeedProd »desde el tablero de WordPress. Configuración de la página de destino El siguiente paso es hacer clic en la pestaña Configuración en la parte superior de la pantalla.
En esta página, puede cambiar la siguiente configuración en su página de destino:
Detalles generales. Cambie el nombre de la página, URL y estén como un boceto o publicado.
SEO-edit el título de SEO de la página, Meta Descripción, etc., a través de un complemento todo en un SEO.
Análisis: vea el rendimiento de su página de conexión con un complemento de análisis, como MonsterInsights.
El seguimiento de las Escrituras y redirige los scripts, como las cookies o píxeles de seguimiento de Facebook.
Recuerde hacer clic en el botón Guardar antes de pasar al siguiente paso. Paso 6: Verifique que su página de inicio de sesión sea compatible con dispositivos móviles, cualquier página web que publique debe estar adaptada para dispositivos móviles. Si no es así, es más difícil para los usuarios de teléfonos móviles navegar y usar su sitio además de nuestras páginas de destino adaptables a dispositivos móviles, SeedProd tiene una práctica opción de vista previa móvil. Esto le permitirá asegurarse de que la página de inicio de sesión se vea genial en todos los dispositivos. Para ver la vista previa de la página de conexión de WordPress en la página móvil, haga clic en el icono de vista previa en la parte inferior de la pantalla. Esto muestra su página de conexión como lo verían los usuarios de dispositivos móviles. A partir de ahí, puede editarlo como lo haría con la vista de escritorio, y SeedProd guardará los cambios en ambas vistas.

Paso 7: Publique su página de inicio de sesión de WordPress personalizada ahora que ha creado su página de autenticación de WordPress personalizada y la ha revisado en dispositivos móviles, es hora de hacerlo en vivo. Para hacer esto, haga clic en la flecha hacia abajo junto al botón Green Guardar y seleccione Publicación.

Después de eso, verá una ventana emergente que le indica que su página está en vivo.
Continúe y haga clic en el botón Ver página para ver cómo se ve.
Lo último que debe hacer es activar la página de inicio de sesión en su área de administración de WordPress.Desde allí, haga clic en el icono “X” para salir del generador de página y vea la página Seedprod de la página de destino.Luego, bajo el título de la página de conexión, cambie el conmutador del inactivo al activo.Ahora, cualquiera que visite su página de autenticación de WordPress verá su diseño personalizado.2. Cree una página de conexión de WordPress con WPForms la segunda forma de personalizar la pantalla de inicio de sesión de WordPress que cubriremos hoy implica el uso del popular complemento WPForms.
WPFORMS es el mejor arrastre y caída para el generador de formulación de WordPress. Y lo que quizás no logre es que puede usar su suplemento útil para registrar a los usuarios para crear una página de inicio de sesión para su sitio con más de 3 millones de propietarios de sitios web que usan WPForms para crear formularios y encuestas más inteligentes, puede tener confianza sabiendo que está en buen lugar. manos. Por lo tanto, si no necesita un complemento dedicado a crear páginas de conexión, siga este paso a paso sobre cómo crear un formulario de conexión personalizado de WordPress. La guía también le indicará cómo agregar un enlace para una contraseña perdida al formulario y mostrar el formulario de autenticación utilizando un código corto. 3. Cree una página de inicio de sesión de WordPress personalizada sin un complemento si prefiere hacer un estilo personalizado en su página de autenticación existente en lugar de crear una nueva página de autenticación o usar un complemento de inicio de sesión de WordPress. Este método implica agregar código al archivo functions.php del tema o en un complemento específico para el sitio. Si es nuevo en esta área, puede consultar esta guía sobre cómo agregar fragmentos de código a WordPress. Esto es para que no rompa su sitio accidentalmente. Ahora agregue el siguiente código a las funciones del archivo.php de su tema: // función de página de inicio de sesión personalizada CLP_LOGIN_EAD () {echo ”; // Comenzar estilos personalizados echo ‘.login #nav a, .login #backtoBlog a {color: #! Importante; } ‘; // Enlace de página de inicio de sesión Color echo ‘.login h1 a {fondo: url (“‘. Get_bloginfo (‘stylelheet_directory’
). ‘/Images/Image Goes aquí “); ancho: px; altura: px;}’; // logotipo de página de inicio echo ‘.login .button-imprimary {background:#; border-color:#;}; // login Color del botón de página echo ”; // finalizar los estilos personalizados} add_action (‘Iniciar sesión estilo personalizado de su inicio de sesión de WordPress, puede agregar este código al archivo de plantilla de su tema <y opciones adicionales, entonces puede usar este código : True,’ redirect ‘=>’ http://wpsnipp.com ‘,’ form_id ‘=>’ loginform ‘,’ etiqueta_username ‘=> __ (‘ username ‘),’ label_password ‘=> __ (‘ contraseña ), ‘Label_rember’ => __ (‘Remember Me’), ‘Label_log_in’ => __ (‘Log in’), ‘Id_username’ => user_login ‘,’ id_password ‘=> user_pass’, ‘id_rember’ => ‘ RememberMe ‘,’ id_submit ‘=>’ wp-submit ‘,’ recordatorio ‘=> true,’ value_username ‘=> null,’ value_remember ‘=> false); wp_login_form ($ args); ?>
Con frecuencia, preguntas sobre WordPress Página de inicio de sesión personalizada No puedo encontrar mi página de autenticación de WordPress Puede encontrar su área de conexión de inicio de sesión de WordPress usando Word-login.php wppress.paying.: //Example.com/wp-login.php.

O agregar wpadmin al final de la URL, como http://example.com/wpadmin.

Si sigue olvidando los detalles de conexión, siempre puede verificar la casilla “Recuérdame”, para que no necesite autenticarse cada vez. ¡Eso es todo! Esperamos que este artículo lo haya ayudado a aprender cómo personalizar la página de inicio de sesión de WordPress para su sitio de WordPress. Ahora puede mantener a su sitio un aspecto profesional y brindar una excelente experiencia de uso para sus clientes, entonces, ¿a qué está esperando? Haga clic aquí para comenzar a usar Seedprod hoy. Y no olvide seguirnos en Facebook y Twitter para obtener consejos más útiles y tutoriales.