La p谩gina de conexi贸n de WordPress: c贸mo personalizarlo?

La p谩gina de conexi贸n de WordPress es una p谩gina por la cual puede conectarse a la oficina administrativa de su sitio web, es decir. a la parte de administraci贸n.

Una vez conectado, puede acceder a su panel de control, crear nuevos art铆culos, nuevas p谩ginas, actualizar sus temas, agregar nuevos complementos y mucho m谩s !聽En este art铆culo, veremos en detalle lo que se puede hacer …

p谩gina de conexi贸n de wordpress

1 / C贸mo encontrar su URL de conexi贸n de WordPress

Si es nuevo en WordPress y no tiene idea de c贸mo acceder a la parte de administrador de su sitio o si sus clientes siempre olvidan su URL de conexi贸n, aqu铆 hay una peque帽a explicaci贸n …

  • Caso n 掳 1 => conexi贸n a un sitio cl谩sico de WordPress :
    En un sitio t铆pico de WordPress, todo lo que tiene que hacer es agregar / iniciar sesi贸n / o / admin / al final de la URL de su sitio en la barra de b煤squeda de su navegador favorito. Por ejemplo: https://monsite.com/login/ o https://monsite.com/admin/
    Estas dos URL lo llevar谩n a su p谩gina de inicio de sesi贸n donde puede ingresar su nombre de usuario y contrase帽a. Una vez conectado, ser谩 redirigido directamente al 谩rea de administraci贸n de su sitio.
  • Caso n 掳 2 => conexi贸n a un sitio de WordPress instalado en un subdirectorio:
    Si su sitio est谩 instalado en una subcarpeta o subdirectorio, debe agregar / iniciar sesi贸n / o / wp-login.php al final de la URL de su sitio. Por ejemplo : https://monsite.com/mon-directory/login/ o https://monsite.com/mon-directory/wp-login.php
  • Caso n 掳 3 => conexi贸n a un sitio de WordPress instalado en un subdominio :
    Si su WordPress se ha instalado en un subdominio, su URL de conexi贸n deber铆a verse as铆: mon-subdomain.monite.com/login/ o mon-subdomain.monite.com/wp-login.php

Peque帽o consejo :
Si usted o su cliente no pueden memorizar la URL de conexi贸n, le aconsejo que cree una pesta帽a favorita a partir de las opciones de su navegador (signet o barra favorita). Esto le permitir谩 acceder a la p谩gina de conexi贸n de WordPress con un solo clic.

2 / P谩gina de conexi贸n de WordPress y seguridad

Ahora que sabe c贸mo conectarse a su sitio de WordPress, debe saber una cosa: miles de hackers y programas de malware tambi茅n lo saben ! No necesita tener un Bac + 12 para entender eso Todos los sitios de WordPress tiene la misma terminaci贸n de URL para conectarse a la oficina administrativa …

Solo tiene que intentar ver: tome la URL del blog de su colega y agr茅guela / wp-admin / al final. Que esta pasando ? Ciertamente caes en la p谩gina de conexi贸n …

Imagine si su identificador de conexi贸n es “ADMIN”, todo lo que queda es encontrar la contrase帽a. Ya ves de d贸nde vengo ?

Algunos programas de malware han sido dise帽ados para intentar conectarse a su sitio utilizando las pr谩cticas habituales que se acaban de ver. Estos programas intentar谩n un mont贸n de combinaciones de contrase帽as en un tiempo r茅cord, hasta que alcancen una conexi贸n v谩lida, esto se llama ataques Force Brute.

Algunas buenas pr谩cticas se implementar谩n tan pronto como se instale su sitio:

  • no use ADMIN como ID de inicio de sesi贸n: tambi茅n aseg煤rese de cambiar su nombre de usuario de la pesta帽a USUARIO para que el nombre del autor de un art铆culo no sea el mismo que el del identificador de conexi贸n.
    Identificador de conexi贸n diferente del pseudo usuario

    El identificador de conexi贸n debe ser diferente del pseudo usuario / autor que se mostrar谩

  • no use una contrase帽a demasiado f谩cil : 4gH?y13lMm2Kp!Qdt98 deber铆a hacer el truco; -)
  • modificar la URL de la p谩gina de conexi贸n : para que nadie pueda acceder a su p谩gina de conexi贸n de direcci贸n https://monsite.com/wp-admin/ simplemente tendremos que modificar esta URL. Por ejemplo, la URL https://monsite.com/couc-c-moi/ Ser铆a menos com煤n … Algunos complementos de seguridad ofrecen esto en sus opciones, si no, el complemento WPS Hide Login es perfecto y muy r谩pido de configurar.

3 / C贸mo personalizar la p谩gina de conexi贸n de WordPress manualmente ?

Si es desarrollador, ya sabe que es posible realizar muchas personalizaciones en la p谩gina de conexi贸n de WordPress, pero si comienza, aqu铆 hay algunas personalizaciones f谩ciles de hacer:

3.1 / C贸mo agregar un fondo personalizado ?

Cambie la imagen de fondo de la p谩gina de conexi贸n

Para mi ejemplo, coloqu茅 una foto de arena en “fondo” en mi p谩gina de conexi贸n.

Cree un archivo LOGIN en el tema de los ni帽os
Para esto, necesitaba un tema para ni帽os en el que creara un archivo con nombre “Inicio de sesi贸n”Puse una imagen all铆 (en mi ejemplo lo es. beach.jpg) y un archivo login-style.css en el que entr茅 :

/* changement de l'image de fond de ma page de connexion WordPres */
body.login { 
 background-image: url('plage.jpg'); 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center; 
}

Luego en el archivo functions.php del tema de mis hijos, agregu茅 estas pocas l铆neas que permitieron que el tema de mis hijos tuviera en cuenta mi nueva hoja de estilo (la hoja de estilo del tema de los ni帽os no se tiene en cuenta):

//prise en compte de ma nouvelle feuille de style par mon th猫me enfant
function my_login_stylesheet() {
 wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/login/login-style.css' );
}
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );

Si usa estos c贸digos, aseg煤rese de cambiar sus propios par谩metros (en rojo).

3.2 / C贸mo reemplazar el logotipo de WordPress con un logotipo personalizado ?

Cambie el logotipo de la p谩gina de conexi贸n de WordPress con un logotipo personalizado

Aqu铆 tendr谩 dos soluciones. Si ha cambiado la imagen de fondo de su p谩gina de inicio de sesi贸n, entonces solo tendr谩 que agregar el archivo de su logotipo en la carpeta nombrada “Inicio de sesi贸n” (logo.png, por ejemplo), as铆 como el siguiente c贸digo para colocar en el archivo con nombre login-style.css creado un poco antes :

.login h1 a { 
 background-image: url('logo.png'); 
}

Si no necesita cambiar la imagen de fondo de su p谩gina de inicio de sesi贸n y solo desea cambiar su logotipo, entonces puedes eliminar paso 1 de este tutorial y seguir Las recomendaciones del c贸dice de WordPress con respecto al cambio de logotipo, simplemente agregue las siguientes l铆neas al archivo functions.php del tema de tus hijos. Por lo tanto, esto le impide crear un archivo con nombre “Inicio de sesi贸n” as铆 como una hoja de estilo nombrada login-style.css (mientras se asegura de colocar su archivo logo.png en la ra铆z del tema de sus hijos).

// modification du logo sur la page de connexion de WordPress
function my_login_logo() { ?>
 <style type="text/css">
 #login h1 a, .login h1 a {
 background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/logo.png);
 height:65px;
 width:320px;
 background-size: 120px 120px;
 background-repeat: no-repeat;
 padding-bottom: 60px;
 }
 </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

Aseg煤rese de cambiar los elementos indicados a rojo para que coincida con sus necesidades y configuraci贸n.

3.3 / Personalice la apariencia del formulario de conexi贸n y los otros elementos

Cambie la apariencia del formulario de p谩gina de conexi贸n de WordPress

Del mismo modo, podr谩 personalizar todos los elementos presentes en la p谩gina de conexi贸n de su sitio de WordPress. Para ayudarlo, aqu铆 est谩n las clases CSS que pueden serle 煤tiles:

body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}

3.4 / Cambiar la URL del logotipo de conexi贸n

Por defecto, se refiere al logotipo WPFR pero puede modificarlo para que el logotipo apunte a su propio sitio. Para hacer esto, agregue el siguiente c贸digo al archivo functions.php del tema de tus hijos:

// changer l'URL du logo de la page de connexion afin qu'elle pointe vers votre site
function my_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {
return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );

4 / Complementos para personalizar la p谩gina de conexi贸n

Bueno, es verdad, el m茅todo manual es bueno … pero hay complementos que ofrecen una funcionalidad mucho m谩s avanzada sin tener que poner mis manos en el c贸digo … Hice una peque帽a selecci贸n para ti :

En conclusi贸n…

Supongo que ahora la p谩gina de conexi贸n de WordPress casi no tiene secretos para ti ^^

Ya sea que sea un principiante o confirmado, seguramente deber谩 personalizar esta p谩gina tarde o temprano ! Adem谩s, si su sitio est谩 destinado a acomodar a usuarios que se conectan regularmente, vale la pena personalizar su p谩gina de conexi贸n: le permitir谩 destacarse de sus competidores.

Tenga cuidado, tan pronto como cambie el c贸digo en WordPress, incluso si es un tema para ni帽os, es mejor probar una versi贸n local de su sitio …

Te puede interesar:  12 se帽ales confiables que han demostrado su val铆a en los sitios de WordPress

Deja una respuesta

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *

Share This