changer logo login

Comment modifier le Logo de la page de connexion WordPress

Publié par Soufiane Sabiri

Dans ce tutoriel, vous allez découvrir comment modifier l'image par défaut de WordPress qui se trouve dans toutes les pages de connexion et d'inscription de votre site web/blog utilisant le WordPress.

Vous pouvez dès maintenant, mettre votre propre lien à la place de WordPress.org et mettre un Logo de votre choix !

Et n'oubliez pas, que vous n'allez pas utiliser un Plugin pour faire cela :)

Allons-y !

Tutoriel :

Comment changer le Logo :

change logo

Il existe deux méthodes pour changer le logo WordPress, soit vous remplacez l'image par défaut, soit vous modifiez le code CSS.

Pour remplacer l'image par défaut, utilisez votre client FTP (FileZilla) et parcourir le dossier : /wp-admin/images et remplacez l'image logo-login.png par votre nouveau Logo sans changer le nom.

Si vous préférez ne pas modifier l'image de WordPress, et ne modifier que le code CSS.

Ouvrez le fichier "login.css" situé dans le dossier /wp-admin/css/ en utilisant le Notepad++.

Modifiez ce code (ou bien mettez le dans la fin du fichier login.css) :

NB : modifiez le "../images/logo-login.png" par le lien de votre logo

h1 a{background:url(../images/logo-login.png) no-repeat top center;width:326px;height:67px;text-indent:-9999px;overflow:hidden;padding-bottom:15px;display:block;}

Maintenant, modifiez le lien...

Comment changer le lien du logo :

change lien

Pour changer le lien wordpress.org, vous pouvez utiliser le Notepad++.

Ouvrez le fichier wp-login.php qui se trouve dans la racine "/" de votre WordPress en cliquant bouton droit > "Afficher/éditer" dans votre client FTP (FileZilla).

Cherchez ce code en utilisant Ctrl+F:

apply_filters('login_headerurl

Modifiez le "Wordpress.org" en "Votre-Site-Web.com" et "Powered by WordPress" en "Votre Site Web".

Enregistrez les changements et "uploadez" votre nouveau fichier !

Et voilà !

Vous avez modifié le Logo ennuyeux de WordPress :p

Vous pouvez partager vos nouveaux pages d'inscriptions dans les commentaires ;)


Ceux qui ont aimé cet article ont également apprécié ceux-là :


L'auteur : Soufiane Sabiri

Soufiane est un informaticien et connait pas mal de choses du monde informatique. Il est lauréat d'un Master Spécialisé en Big Data et Cloud Computing. Ce passionné aime aider les gens à innover et à en savoir plus du monde informatique...

Déjà 12 commentaires ! { Ajouter le vôtre ? }

  • sfsf dit :

    note: penser a verifier que le .min.css ne prend pas le dessu

  • Jinx dit :

    Bonjour,

    mauvaise idée de modifier directement les fichiers dans wp-admin, à la prochaine maj de WordPress vous perdrez toutes vos modifs.

    Il existe d'autres techniques plus sûres pour changer le logo et l'url de la page de login :)

  • Debray dit :

    Hello ! je me permet de poster un petit poste pour faire une petite correction concernant la modification du logo WP dans la page de connexion. En effet depuis le temps; WordPress a changé sa "technique" d'affichage. Ainsi le logo n'est plus du "PNG" mais du "SVG".

    Il faut donc créer un logo vectoriel (.SVG) (avec Inskape par exemple)... Puis le remplacer à la racine (.../wp-admin/image/wordpress-logo.svg).

    Bonne navigation et bonne prog les WordPressiens ! ^_^

  • Debray dit :

    Hello ! je me permet de poster un petit poste pour faire une petite correction concernant la modification du logo WP dans la page de connexion. En effet depuis le temps; WordPress a changé sa "technique" d'affichage. Ainsi le logo n'est plus du "PNG" mais du "SVG".

    Il faut donc créer un logo vectoriel (.SVG) (avec Inskape par exemple)... Puis le remplacer à la racine (.../wp-admin/image/wordpress-logo.svg).

    Voila ! bonne continuation ! ;)

  • justyn dit :

    Je vous salue ! Je serai dorénavant l’un de vos « followers » sur L’oiseau bleu. En effet, je constate que cet article est profitable. Jarod

  • hamza dit :

    vraiment N1 merci

  • Juliet dit :

    Bonjour Soufiane,

    Merci pour ce tutoriel, il est vraiment clair pour les novices comme moi!
    J'aurai souhaité aller plus loin et savoir comment il était possible d'ajouter des champs au formulaire d'inscription?
    Existe-t-il un plug-in? ou faut-il toucher au code de wordpress?
    Merci pour tes réponses!!

    • Soufiane Sabiri dit :

      Bonjour Juliet,

      Merci énormément pour votre question, c'est du lourd ! Et soyez le bienvenue sur Easytutoriel.com !

      Vous pouvez ajouter plusieurs champs à votre page d'inscription en utilisant l'extension Pie Register que vous pouvez le retrouver dans ce lien : http://wordpress.org/extend/plugins/pie-register/
      Ce Plugin permet aussi de changer le logo, facilement :D

      Bien amicalement,
      Soufiane

      • Juliet dit :

        Merci Soufiane pour ta réponse rapide et surtout efficace! C'est exactement ce que je cherchais!!
        Un grand merci à toi, et bonne continuation.

        • Soufiane Sabiri dit :

          Merci Juliet !
          N'hésitez pas à partager ce site :)

          • Sandra dit :

            Bonjour à tous,

            est-il possible d'insérer le formulaire d'inscription de Pie Register dans un article ou une page de mon blog?
            Grâce à votre tuto j'ai changé mon logo, mais je souhaiterais quand même que le formulaire apparaisse dans une page du blog et pas sur la page par défaut de wordpress.

            Si vous avez des réponses je suis preneuse!

          • Soufiane Sabiri dit :

            Bonjour Sandra,

            Je pense qu'il faut revenir faire des tutoriels sur le WordPress, j'ai plein d'idées qui coulent dans ma tête :lol:
            Pour rendre la page d'inscription plus attractive, et pousser WordPress à utiliser votre thème au lieu d'utiliser celui par défaut, vous pouvez utiliser le plugin : Theme My Login
            Il suffit de l'installer, le configurer et votre page d'inscription va être changée, et si vous utilisez le Pie Register avec, on dirait que votre site ne marche plus avec WordPress :D

            Merci d'avoir posé la question, cela peut servir à plusieurs gens :)
            Bien amicalement,
            Soufiane

  • Publier un commentaire

    xD oO ^_^ =] =) ;-( ;) :| :woot: :whistle: :sleep: :sick: :police: :p :o :ninja: :mm: :love: :lol: :kiss: :hmm: :evil: :bandit: :angel: :alien: :D :) :( 8)