Vous venez d’installer votre nouvelle version de WordPress téléchargée sur wordpress.org sur votre hébergement ? Si c’est la première fois, vous vous demandez sûrement comment accéder à la page de connexion WordPress. Nous allons voir dans cet article comment vous connecter sur la page par défaut et comment la personnaliser pour assurer de se connecter en toute sécurité, mais aussi pour la rendre plus attrayante.
Où se trouve la page de connexion WordPress ?
Pour accéder à la page de connexion Worpdress par défaut il suffit d’indiquer « wp-admin » ou « wp-login.php » après l’url de votre site. Comme ceci :
https://monsite.fr/wp-admin ou https://monsite.fr/wp-login.php
vous serez alors redirigé vers le formulaire de connexion qui ressemble à ceci :
Quelles sont les informations que l’on trouve sur la page de connexion WordPress ?
Voici les différentes informations que vous pouvez trouver sur la page de connexion :
- Le logo WordPress : en cliquant dessus vous êtes redirigé vers wordpress.org, le site officiel sur lequel vous trouverez des thèmes, les extensions, l’actualité, le support et des compositions. Vous pouvez aussi contribuer à l’évolution de WordPress qui est un programme open source.
- Le formulaire de connexion : vous devez y inscrire les identifiants que vous avez choisis lors de l’installation de WordPress
- Une case à cocher « se souvenir de moi » : si vous cochez cette case, vous n’aurez plus besoin d’indiquer votre identifiant et votre mot de passe, ceci sera indiqué automatiquement dans les champs correspondants.
- Le bouton « se connecter » : une fois votre identifiant et votre mot de passe indiqués, cliquez sur ce bouton pour accéder à l’interface d’administration de WordPress.
- Le lien « inscription » : permets à des utilisateurs de créer un compte si cette option est permise dans les réglages de WordPress. La confirmation de l’inscription est envoyée par mail.
- Le lien « mot de passe oublié » : en cliquant sur ce lien, vous recevez vos identifiants pour vous connecter à l’adresse mail indiquée si celle-ci existe.
- Un lien pour revenir sur la page d’accueil : vous êtes redirigé vers la page d’accueil du site sans être connecté.
Comment sécuriser la connexion WordPress ?
Pour éviter que la page soit facilement accessible, une bonne pratique consiste à changer l’url de cette page. De ce fait vous personnalisez l’adresse URL qui permet de se connecter.
Pour cela, vous pouvez utiliser une extension gratuite. Celle que je vous recommande se nomme WP Hide Login.
Elle est disponible en téléchargement directement depuis l’interface de WordPress. Pour cela, sélectionnez l’onglet « extensions » puis cliquez sur « ajouter une extension ». Il vous suffit d’indiquer « WP Hide Login » dans la barre de recherche et de valider. Cliauez ensuite sur le bouton « installer maintenant » puis « valider » pour activer le plugin.
L’extension est ensuite disponible en cliquant sur l’onglet « réglages » de l’administration de WordPress.
En bas de la page, il suffit d’indiquer L’URL de connexion que vous désirez. Attention à bien retenir le nom que vous indiquez, sans quoi vous ne pourrez plus vous connecter.
Remplacer le mot « login » par le mot de votre choix. Ne mettez pas de caractères spéciaux ni d’espace à cet endroit.
Pensez aussi à utiliser un mot de passe complexe pour augmenter la sécurité de votre site.
Changer l’apparence de la page de connexion
Si vous le voulez, vous pouvez changer le design de la page de connexion Worpdress. Pour cela vous pouvez utiliser une extension ou ajouter du code dans le fichier function.php.
Utiliser une extension pour changer le design
Le plugin que vous pouvez utiliser se nomme « loginPress ». Il permet de créer une jolie page de connexion.
Le plugin est en français et vous disposez d’une vidéo pour vous guider.
Utiliser du code pour changer le design de la page connexion de WordPress
Voici le code que vous pouvez utiliser pour l’insérer dans le fichier function.php.
function personnaliser_logo_connexion() {
?>
<style type="text/css">
/* Modifier le logo */
#login h1 a {
background-image: url('URL_DE_VOTRE_IMAGE'); /* Remplacez par l'URL de votre image */
width: 320px;
height: 84px;
background-size: contain;
background-repeat: no-repeat;
}
/* Modifier le style du formulaire */
.login form {
border: 2px solid #3498db; /* Couleur de la bordure */
border-radius: 8px; /* Arrondi des angles */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre légère */
background-color: #f4f4f4; /* Couleur de fond du formulaire */
}
/* Modifier la couleur de fond de la page */
body.login {
background-color: #2c3e50; /* Couleur de fond générale */
}
</style>
<?php
}
add_action('login_enqueue_scripts', 'personnaliser_logo_connexion');
function personnaliser_url_logo_connexion() {
return 'https://monlien.fr/'; /* URL personnalisée pour le logo */
}
add_filter('login_headerurl', 'personnaliser_url_logo_connexion');
function personnaliser_title_logo_connexion() {
return 'Mettre le texte à afficher'; /* Texte au survol du logo */
}
add_filter('login_headertitle', 'personnaliser_title_logo_connexion');
Étapes à suivre :
- Téléchargez votre logo :
- Allez dans « Médias« puis cliquez sur « Ajouter« .
- Téléversez votre logo.
- Copiez l’URL de l’image.
- Remplacez
URL_DE_VOTRE_IMAGE:
Collez l’URL de votre logo à la place deURL_DE_VOTRE_IMAGE. - Sauvegardez et testez :
- Enregistrez le fichier
functions.php. - Rechargez la page de connexion pour voir le logo rediriger vers
l'URL choisie.
- Enregistrez le fichier
Résultat :
- Fond de la page : Couleur définie (
#2c3e50que vous pouvez personnaliser). - Formulaire : Bordure colorée, angles arrondis, et couleur de fond claire.
- Logo cliquable : Dirige les utilisateurs vers
votre lien personnalisé. - Texte au survol du logo : Affiche
le texte que vous avez indiqué.