Emprendedor Innovador

Cómo iniciar un negocio en línea

  • Principal
  • Crear un sitio con WordPress
  • Hospedar un sitio web
    • Web Hosting España
    • Análisis de SiteGround.es
    • Guía de web hosting completa para sus sitios
  • Códigos de cupones
  • Recursos
Usted está aquí:: Principal / Guía / WordPress / Crear una página de inicio de sesión de WordPress personalizada

28 junio, 2016

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

Cuando vas a iniciar sesión en tu sitio web de WordPress, se te presenta una página en blanco con un espacio para introducir tu nombre de usuario y contraseña. Esto puede ser suficiente si eres la única persona que tiene privilegios para iniciar sesión en tu sitio web. ¿Pero qué pasa si permites iniciar sesión a múltiples usuarios? Podría ser mejor crear una página de inicio de sesión personalizada en su lugar.

Piensa en el desarrollador de WordPress que diseña y publica sitios web pero que, después, cede las responsabilidades del blogging diario al cliente. Ese cliente puede asignar a varios empleados para que contribuyan sus propias entradas del blog varias veces al mes. Podría estar bien, con fines de branding, crear una página de inicio de sesión personalizada que sea vista por todos los bloggers.

WPMU DEV, una empresa que crea plugins y temas de WP personalizados, ofrece un tutorial muy detallado para personalizar tu página de inicio de sesión de WordPress. No vamos a examinarlo en su totalidad, aunque vamos a destacarte y a resumirte el proceso básico. Realmente no es difícil para cualquiera que tenga un conocimiento básico de hojas de estilo en cascada.

Crea tu carpeta de inicio de sesión

El primer paso es crear una carpeta de inicio de sesión en el directorio principal de tu tema; ponle de nombre “login”. Después, crea un nuevo archivo de texto llamado “custom-login-styles.css”. Editarás este archivo en tu ordenador y luego lo subirás a la carpeta de inicio de sesión cuando esté completo. Después, necesitarás añadir algo de código al archivo functions.php para indicarle a tu sitio web de WordPress que cargue la página de inicio de sesión personalizada en lugar de la opción predeterminada. Esto es lo que hay que hacer:

  • Ve a tu panel de control de WordPress
  • Sitúa el cursor sobre “Apariencia” y haz clic en “Editor”
  • En la ventana del editor, haz clic en el archivo “php” en la barra lateral derecha.

Esto cargará el archivo en el editor para que puedas añadir el siguiente código:

function my_custom_login() {

echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/custom-login-styles.css" />';

}

add_action('login_head', 'my_custom_login');

Estarás preparado y listo una vez que guardes el archivo modificado.

Tus opciones de personalización

Como explica el tutorial de WPMU DEV, hay varias opciones diferentes que puedes personalizar en tu página de inicio de sesión por medio de una programación muy simple. Por ejemplo, puedes añadir un logotipo usando la etiqueta “background-image” a una imagen en tu biblioteca de medios. Otras opciones de personalización incluyen:

  • Fondo de la página de inicio de sesión
  • Colores y fuentes de la página
  • Apariencia del enlace “contraseña perdida”
  • Apariencia del enlace “volver a“
  • Ocultar el mesaje de “error de inicio de sesión”
  • Modificar la animación de la página de inicio de sesión
  • Cambiar la URL de redirección
  • Modificar la casilla “Recordarme”

Al modificar y personalizar tu página de inicio de sesión de WordPress, puedes añadir más fuerza de marca a tu sitio web. Cada vez que los visitantes vean tu sitio web, se les recuerda lo que significa para ellos en términos decalidad de los productos y servicios que ofreces. Personalizar con tu marca la página de inicio de sesión proporciona ese algo especial que de otro modo no presentarías a tus visitantes cada vez que visitan tu sitio web.

CompartirloShare on facebook
Facebook

Artículo de carlito / WordPress

Plugins y herramientas de WordPress imprescindibles

DinaHosting - Instalar y ejecutar un sitio WordPress es fácil con DinaHosting. Y también recibirás un precio más bajo
Genesis Framework y Themes - Usamos un tema de WordPress de Genesis por StudioPress en todos nuestros sitios web
Gravity Forms - Si necesita crear formas simples o complejas hermosas, recomendamos Gravity Forms - lo usamos
OptinMonster - La mejor manera de aumentar su lista de correo electrónico gracias a OptinMonster innovadora forma de captura de correo electrónico
MailChimp - El software de email marketing más sencillo disponible - y puede configurar sus campañas de correo electrónico en español con MailChimp

¿Quieres crear un sitio de WordPress? Recomendamos el uso de dinahosting

wordpress

DinaHosting -- Usted recibirá un un precio más bajo a través de este enlace. Es un alojamiento barato, pero confiable para tu blog.

dinahosting

Ofrece una instalación de WordPress en un solo clic y sus precios de alojamiento web son los más bajos de la industria. Nuestra recomendación para alojar un blog de WordPress.

ENTRADAS RECIENTES

  • 7 razones para elegir WooCommerce en lugar de Shopify
  • Los 5 mejores sitios para vender tus fotos online
  • Cómo funciona la herramienta de análisis de riesgos de Shopify
  • Cómo comprar online de forma segura: 5 estrategias clave
  • ¿Qué son los asides en WordPress y cómo se usan?

PÁGINAS POPULARES

  • Análisis de SiteGround.es
  • Códigos de cupones de web hosting
  • Cómo crear un blog con WordPress
  • Cómo hospedar un sitio web
  • Contacto
  • Emprendedor Innovador – Iniciar un negocio en línea
  • Guía de web hosting completa para sus sitios
  • Hospedaje Web México
  • Recursos para iniciar un negocio en línea
  • Web Hosting España
20% de descuento
Elegant Themes

Cupón Elegant Themes

Utilice este cupón especial de Elegant Themes para recibir un descuento del 20% en el plan acceso anual de Temas WordPress ofrecido por ElegantThemes.com!
Reclama esta oferta

© Derechos de autor 2017 Emprendedor Innovador · Reservados todos los derechos

  • ¿Está haciendo una de estas 8 errores con su sitio de WordPress?
    Descarga nuestra guía educativa sobre los 8 errores comunes que cometen los nuevos bloggers con WordPress y cómo solucionarlos. ¡Es gratis!