Vous êtes ici : Accueil | Snippets WordPress | Administration | Modifier le logo de la page de connexion de WordPress sans plugin

Modifier le logo de la page de connexion de WordPress sans plugin

securite snippet

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:

// Modifier le logo sur la page de connexion à l'administration
function wpm_login_style() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(<?phpechoget_stylesheet_directory_uri(); ?>/images/nouveau-logo.png);
        }
		
		/*Vous pouvez ajouter d'autres styles CSS ici */
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpm_login_style' );

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 :

login wpmarmite

Logo de l’administration avant/après

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).


Et si vous souhaitez que je vous apprenne à personnaliser toute l’administration de WordPress, rendez-vous sur cette page.

Arrivez-vous à vivre de vos prestations WordPress ?

Trouver les bons clients, leur vendre des prestations et bien communiquer avec eux n'est pas inné. Évitez les galères et gagnez du temps en vous formant aux côtés de ces 7 professionnels.

Commencer maintenant

8 commentaires Ajoutez le vôtre

  1. 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

    Répondre
    • 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’.

  2. 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..

    Répondre
    • 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?

  3. 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 ?

    Répondre
    • 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.

  4. 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

    Répondre
    • 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.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La Marmite ne peut malheureusement pas fournir de support. Merci d'en tenir compte dans votre commentaire 😉

Si vous ne lui en voulez pas, donnez-lui un j'aime sur Facebook :



Pourquoi vous devez travailler avec un thème enfantVoir la vidéo
+ +
Share
Tweet
Share