Quand on se connecte à l’administration de WordPress, le moins que l’on puisse dire est que le formulaire est assez austère.
Pour le rendre un peu plus sympa, vous pouvez modifier le logo WordPress par le logo de votre site en utilisant le snippet suivant.
Copiez-collez ce code dans le fichier functions.php
de votre thème enfant:
Dans cet exemple, le logo est dans le dossier votre-theme-enfant/images
. Adaptez ce chemin suivant la localisation de votre nouveau logo.
Voici ce que cela peut donner :
Si vraiment vous n’avez pas envie de mettre les mains dans le cambouis, vous avez toujours la possibilité d’arriver à ce résultat avec le plugin Custom Login Page Customizer (regardez aussi le tutoriel vidéo).
Bonjour,
J’ai essayé ce bout de code en faisant toutes les modifications nécessaires.
ça ne fonctionne pas pour moi. Mon thème enfant est dénommé child-theme. Est-ce qu’il y a un incidence ?
Merci d’avance
Bonjour,
Si ton theme a un nom différent tu dois remplacer le nom de celui-ci dans le chemin du fichier. Il faut également bien mettre ton logo dans un dossier nommé ‘images’.
Bonjour Merci pour ton commentaire Julien.
J’ai essayé de remplacer ?>/images/nouveau-logo.png par ?>/images/logo-officiel.png : ça ne fonctionne pas.
J’ai également essayé d’ajouter le nom du dossier enfant ?>/Divi-Child/images/logo-officiel.png puis ensuite l’url entière /www/……/Divi-Child/images/logo-officiel.png
ça ne fonctionne pas et ma page de log est toute blanche..
Salut, ici le nom du theme n’a aucune incidence, en revanche as-tu bien créé un dossier “images” dans le dossier de ton thème enfant?
Oui, j’ai créé un dossier “images” dans mon Divi-Child. Je ne comprends pas pourquoi ça ne fonctionne pas. Je pense que je vais regarder ailleurs pour un bout de code plus fonctionnel.
Est-ce que ça fonctionne chez toi ?
Oui ça marche sur tous mes sites. Tu as bien modifié le nom de ton logo dans le chemin de l’URL également?
Normalement il n’y a quasiment rien à faire pour que ça fonctionne.
Oui, j’ai bien modifié le nom de mon logo dans le chemin.
Ce que je ne comprends pas c’est le code ?>/images/… Est-ce-que je dois laisser le ” ?> ” ?
Peux-tu me montrer comment est formé ton lien ?
Merci
Oui. Copie le code au dessus tel quel en modifiant uniquement le nom de ton image. Donc ici nouveau-logo.png est à remplacer par le nom de ton image.
Le code correspond aux balises ouvrantes et fermantes du PHP. Il fait absolument les laisser sous peine d’avoir une erreur dans ton code.
Bonjour,
Je crois que dans le code de changement de logo, il manque quelques espaces : “background-image: url(https://u9m4v4n3.rocketcdn.me/images/nouveau-logo.png);” aura bien du mal a être compris par php.
D’autres-part, le code (une fois corigé) ne fonctionne pas. Tout s’affiche et le lien sur le logo est fait mais le logo WP est remplacé par rien.
J’avoue que là je sèche….
Bonjour, peux-tu me copier coller ton code car ce snippet fonctionne sur mes sites. Il doit y avoir une coquille dans le tiens.
Bonjour et merci pour ce tuto. Je voudrai aussi changer l’url du logo simplement ne mettre aucun url
Bonjour, tu peux regarder ici dans ce cas: https://www.wpbeginner.com/wp-tutorials/how-to-change-the-login-logo-url-in-wordpress/
Bonne journée
Bonjour,
pour que le code fonctionne il faut ajouter un espace sur la ligne de code suivante :
<?phpechoget_stylesheet_directory_uri(); …
devient
<?php echo get_stylesheet_directory_uri(); …
Merci pour tous ces snippets, génial <3
Bonjour,
Je tombe pas hasard sur cette publication. Sur un autre site, j’avais trouvé le code suivant, qui me semble plus sympa (il va chercher automatiquement le logo déjà utilisé dans la personnalisation du thème.
function customizer_login_logo() {
if ( ! has_custom_logo() ) {
return;
}
$custom_logo_id = get_theme_mod(‘custom_logo’);
$logo = wp_get_attachment_image_url($custom_logo_id, ‘full’);
echo ‘
#login h1 a {
background-image: url(‘ . esc_url( $logo ) . ‘);
background-size: contain;
width: auto;
height: 120px;
}
‘;
}
add_action( ‘login_head’, ‘customizer_login_logo’ );
En revanche, que ce soit dans l’exemple de l’article ou dans le code fourni dans mon commentaire, il doit y avoir le même souci. Le logo pointe toujours vers la page wordpress (au lieu de renvoyer à la page d’accueil du site par exemple).
Peut-on modifier ce détail ?
Salutations,
Laurent
Merci !