Lo que quizás no sepas de WordPress es que puedes personalizar la página de inicio de sesión de WordPress. Esto es algo de lo que muy pocos se preocupan pero es una característica importante que deberías mirar.
En este artículo, vamos a destacar la aplicación de la página de inicio de sesión de WordPress, por qué es importante y cómo personalizarla. Esto será a la vez una pieza divertida e informativa de la escritura para usted.
Así que, ¡empecemos!
Qué es la página de inicio de sesión de WordPress
Una página de inicio de sesión es algo a lo que el administrador del sitio web o los usuarios acceden para saltar a los servicios backend del sitio. WordPress tiene una interfaz de inicio de sesión por defecto por la misma razón.
Para acceder a esa página, debe añadir palabras específicas al final de la dirección del enlace de su sitio web. Por ejemplo, www.mysite.com/wp-admin.
Normalmente, sólo el administrador puede acceder a esta página. En el caso de un sitio web multiusuario, muchos más usuarios pueden acceder a esta página.
De todos modos, debería haber 2 razones para personalizar la página de inicio de sesión:
- Por razones de seguridad: La página de inicio de sesión de cualquier sitio web es un punto de acceso directo para cualquiera. Por supuesto, se trata de una interfaz protegida por contraseña. Por lo tanto, no importa quién sea, no puede acceder a ella a menos que conozca los códigos de seguridad. Pero, una vez que los hackers empiezan a adivinarlo, su sitio web puede enfrentarse a una situación muy peligrosa. Por lo tanto, es importante cubrir esa parte.
- Para la marca: Un sitio web presenta la imagen misma de una empresa. Cuanto mayor es la marca, más cuidada es la estructura del sitio. Por lo tanto, un sitio web con una buena marca en WordPress puede optar por personalizar la página de inicio de sesión con fines de marca.
En realidad, puede personalizar la página de inicio de sesión sin ningún plugin de terceros. Esta es una tarea para desarrolladores. Pero usted puede hacerlo si usted sabe qué hacer exactamente. Y le mostraremos que aquí.
Algunos ejemplos de páginas de inicio de sesión
La mayoría de los sitios web de marca tienen interfaces de acceso personalizadas. Cada una tiene su propia personalidad y estilos únicos.
Echa un vistazo a la página de inicio de sesión de Amazon. Tiene el logotipo de la marca, las interfaces de inicio de sesión y registro, y algo de información. Presenta el mismo ambiente de fondo blanco que su sitio web principal.
En el caso de Facebook, su página de inicio de sesión tiene un encabezado junto con el cuerpo del contenido. La página indica a los visitantes exactamente de qué se trata.
Ahora ya sabes lo que hacen las marcas famosas con su página de inicio de sesión. Adentrémonos en la personalización.
Personalizar para mayor seguridad
Aunque un pirata informático no pueda penetrar en su sitio web sin el código de acceso, eso no significa que los ataques vayan a dejar de producirse.
Cuando alguien intenta acceder a la página de inicio de sesión del sitio, se generan y ejecutan varios scripts en el backend. Un hacker puede desencadenar varias solicitudes de acceso en cuestión de segundos. Como resultado, su sitio puede tambalearse y volverse lento.
Aunque la mayoría de los sitios tienen un sistema de bloqueo de IP para prevenir esto, no es suficiente contra un ataque distribuido. Por lo tanto, para evitar que esto suceda, es necesario personalizar la página de inicio de sesión de WordPress.
Puede cambiar la URL de la página de inicio de sesión de wp-admin a anything-login. De esta forma, producirás una URL única que los hackers no podrán adivinar.
Deja que te enseñe cómo hacerlo.
Seguir el proceso
Ir a Panel de control> Apariencia> Editor de temas
Seleccione su tema de trabajo y haga clic en el botón Tema Función archivo.
function redirect_to_null_page(){
$new_login= 'logmein';
if(strpos($_SERVER['REQUEST_URI'], $new_login) === false){
wp_safe_redirect( home_url( 'Not Found' ), 302 );
exit(); } }
add_action( 'login_head', 'redirect_to_null_page');
function redirect_to_actual_login(){
$new_login = 'logmein';
if(parse_url($_SERVER['REQUEST_URI'],PHP_URL_QUERY) == $new_login&& ($_GET['redirect'] !== false)){
wp_safe_redirect(home_url("wp-login.php?$new_login&redirect=false"));
exit(); } }
add_action( 'init', 'redirect_to_actual_login');Añada estas líneas en el archivo function.php para terminar de personalizar la página de inicio de sesión de WordPress.
Ahora, los usuarios pueden ir a la página de inicio de sesión a través del enlace: yourwebsite.com/wp-admin.php?logmein en lugar de yourwebsite.com/wp-admin.
El código redirigirá la interfaz de inicio de sesión real a la ruta recién añadida y enviará el enlace anterior a una página en blanco. De esta forma, tu página de inicio de sesión estará a salvo de ataques DDoS.
Personalizar la página de inicio de sesión de WordPress para Branding
La interfaz predeterminada de la página de inicio de sesión está bien para cualquier sitio web normal. Pero un sitio web de marca que incorpora usuarios con frecuencia necesita una interfaz de inicio de sesión personalizada.
Hay algunas cosas que puedes personalizar en la página de inicio de sesión sin ningún plugin de terceros. Puedes cambiar el logo, el fondo de la página, los campos de entrada, añadir enlaces de información, etc. Aquí, le mostraremos cómo insertar el logotipo y cambiar la imagen de fondo de la página de inicio de sesión.
Cambiar logotipo
function wpb_login_logo() { ?>
#login h1 a, .login h1 a {
background-image: url(http://logo.png);
altura:100px; anchura:300px;
background-size: 300px 100px;
background-repeat: no-repeat;
padding-bottom: 10px; }
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );Añada estas líneas de código dentro del archivo tema function.php archivo. Seleccione el archivo PNG del logotipo y súbalo a los archivos multimedia de su panel de control. A continuación, copie la URL de ese archivo y péguela en el campo background-image: url(http://logo.png); URL del logotipo.
Ahora, verá desaparecer el logotipo predeterminado de WordPress y, en su lugar, verá el logotipo de su marca.
Cambiar la imagen de fondo
function login_background_image() {
echo '
body.login{
background-image: url( "http://bgimage.png" )!important;
}
';
}
add_action('login_head', 'login_background_image');Similar a la forma de cambiar el logotipo, puede cambiar la imagen de fondo mediante la adición de estas líneas en que function.php archivo. Como antes, sube la imagen a la biblioteca multimedia y pega su enlace en el código. Y ya está.
Por lo tanto, puede crear una página de inicio de sesión de WordPress personalizada por su cuenta. Por cierto, si usted quiere construir una página de inicio de sesión personalizado, usted puede tomar la ayuda de este blog aquí. Cuenta con las palabras de los desarrolladores que desarrollaron WordPress.
Bonificación: Si tampoco se siente cómodo con este tipo de códigos personalizados, puede utilizar simplemente Complementos Elementor para personalizar todas sus páginas de WordPress como inicio, productos, pago utilizando widgets y plantillas avanzadas prediseñadas.
Conclusión
Personalizar cualquier sitio web no es muy difícil cuando se tiene WordPress. Somos parte de la comunidad que ayuda a los nuevos usuarios a entender mejor WordPress. Es por eso que publicamos estos consejos y tweaks blogs teniendo en cuenta el beneficio de nuestros queridos espectadores.
Gracias por seguir con nosotros y apoyarnos con tu sincera opinión. Si tiene un minuto más en la mano, visite nuestro Element Pack creado para Elementor Creador de páginas. Incluye más de 180 widgets esenciales para diseñar el sitio web de tus sueños.
Gracias de nuevo por leer este blog.
