Personnaliser le logo de connexion de WordPress sans plugin

Mis à jour le :

Envie de personnaliser le logo de connexion à votre administration WordPress ? C’est possible en insérant quelques lignes de code dans le fichier functions.php de votre thème.

Le logo par défaut de WordPress est présent sur votre page de connexion lorsque vous y accédez par l’URL classique : https://example.com/wp-login.php

Guère très professionnel, vous pouvez le remplacer par celui de votre choix en intervenant au niveau de votre thème ou en créant un mu-plugin (méthode recommandée). Voici ce que vous obtiendrez à l’issue de ce tutoriel :

La page de connexion de WP channel

En ayant recours aux filtres et aux actions – les fameux hooks de WordPress, nos modifications seront conservées même après une mise à jour de WordPress.

À l’aide de votre éditeur de code favori, insérez les lignes de code suivantes après une balise PHP ouvrante dans le fichier functions.php présent dans votre thème ou dans un mu-plugin.

/* Custom Login Logo */
function wpc_custom_login_logo() {
$custom_logo_url = get_stylesheet_directory_uri() . '/assets/img/wpchannel-logo.svg';
$custom_logo_width = 260;
$custom_logo_height = 130;

if ($custom_logo_url) {
echo
'<style>
h1 a{
background-image:url("'.$custom_logo_url.'")!important;
background-size:'.$custom_logo_width.'px '.$custom_logo_height.'px!important;
}
.login h1 a {
height:'.$custom_logo_height.'px;
width:'.$custom_logo_width.'px;
}
</style>';
}
}
add_action('login_head', 'wpc_custom_login_logo');

Passons en revue le code ci-dessus que vous devez impérativement adapter à vos besoins :

  1. La variable $custom_logo_url vous permet d’indiquer l’URL du logo de votre choix. Dans mon cas, j’ai indiqué le chemin vers un fichier SVG (vectoriel) présent dans mon thème sur-mesure ;
  2. Les variables $custom_logo_width et $custom_logo_height vous permettent de définir respectivement la largeur et la hauteur du logo ;
  3. Le code CSS saisi entre les balises <style> apportent les modifications nécessaires pour la page de connexion ;

Pour aller plus loin, vous pouvez injecter vos propres styles CSS afin d’obtenir une page de connexion en accord avec votre charte graphique. Voici par exemple les styles que j’ai utilisé pour ce site :

/* Custom Login CSS */
function wpc_login_css() {
echo '<style>
#backtoblog{display:none}#login{margin:0 auto;padding-top:2%;width:440px}#wp-submit.button-primary{background-color:#11d1e2;border-color:#11d1e2;border-radius:2rem;box-shadow: 5px 5px 0 #283765;color:#fff;font-family:brandon-grotesque,sans-serif;font-weight: 700;padding:1rem 2.8rem;text-transform:uppercase}.login #nav{display:none}.login .message{background-color:#333;border-color:#fff;color:#fff;margin-top:15px}.login form{background:none repeat scroll 0 0 #fff;border:none;border-radius:.5rem;box-shadow:none;margin-top:3rem;padding:2rem}.login form .input{-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;background-clip:padding-box;background-color:#f4f6fc;border:2px solid rgba(33,25,75,0.36);border-radius:.5rem;color:#333;display:block;font-size:1rem;font-weight:400;height:calc(1.5em .75rem 4px);line-height:1.5;margin-top:.5rem;padding:.375rem .75rem;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;width:100%}.login form input:focus{border-color:#7debf5;box-shadow:0 0 0 .2rem rgba(17,209,226,0.25)}.login form input[type="checkbox"]{background-color:rgba(33,25,75,0.36);border:2px solid rgba(33,25,75,0.36)}.login h1 a{display:block;margin:0 auto;outline:0;overflow:hidden;text-indent:-9999px}.login input[type="text"]{background-color:#f4f6fc;border:2px solid rgba(33,25,75,0.36)}.login label{color:#6e799a;display:inline;font-weight:700;}.privacy-policy-page-link{display:none}.submit{margin:0;text-align:center}html{height:100%}body{background:linear-gradient(176deg, #6639e9 0%, #6639e9 450px,#f4f6fc 450px,#f4f6fc 100%) no-repeat}button.button-primary:hover{color:#000;text-shadow:none}div.error{display:none;visibility:hidden}div.updated{background-color:#333;border-color:#fff;color:#fff;margin-top:15px}input#wp-submit{-moz-user-select:none;-ms-user-select:none;-webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1);-webkit-user-select:none;background-color:transparent;border:1px solid transparent;border-color:transparent;border-radius:0;display:inline-block;font-family:arimo,sans-serif;line-height:1.5;padding:.5rem 1.8rem;text-align:center;transition:all .2s cubic-bezier(0.165,0.84,0.44,1);user-select:none;vertical-align:middle}input#wp-submit:focus{background:none repeat scroll 0 0 transparent;border-color:#fff;border-width:2px;color:#FFF}input#wp-submit:hover{background-color:#0fb9c8;border-color: #11d1e2;box-shadow:none;color:#fff;transform: translateX(0.2rem) translateY(0.2rem)}input.button-primary:hover{color:#000;text-shadow:none}.dashicons-visibility::before{color:#fff}.dashicons-visibility::before{color:#333}.wp-pwd{position:relative}.wp-hide-pw{background:none;border:0;box-shadow: none;height: 90%;padding: .5rem 1rem;position:absolute;right:1%;top:5%}.user-pass-wrap{margin-bottom:1rem}</style>';
}
add_action('login_head', 'wpc_login_css');

Très important d’un point de vue marketing, la personnalisation du logo n’est qu’une première étape dans la création de votre image de marque.

À l’aide vos propres styles, vous pouvez modifier l’intégralité de cette page et aller plus loin dans ce que les anglo-saxons appellent communément le branding. Indispensable pour vos clients notamment !

Avatar de Aurélien Denis

Protégez votre site WordPress

Vos données sont précieuses,
ne prenez pas le risque de tout perdre.
Confiez-moi votre maintenance !

Ces articles devraient t’intéresser…

74 réponses
  1. Avatar de Cerise
    Cerise

    Bonjour !
    J’ai testé ce tuto (10 ans après…) et ça semble fonctionner.
    Par contre, si l’on souhaite laisser le lien « mot de passe oublié », comment faire ?
    Merci si jamais vous repassez par ici ! 🙂

  2. Avatar de francescosadi
    francescosadi

    bonjour j’ai essayé cette méthode mais je ne trouve pas l’image de wordpress à remplacer par mon logo personnel

  3. Avatar de Pierre
    Pierre

    Bonjour et merci pour cet article….
    Une question qui n’est pas liée au logo mais à la barre d’administration de votre site (la fameuse toolbar) : je n’arrive pas à obtenir ce que vous avez fait : centrer les items de la barre d’administration (ils restent désespérément à gauche ou à droite, selon).
    Pourriez-vous nous donner quelques indications sur ça svp ? je crois que ça aiderait pas mal de lecteurs….
    Merci d’avance

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Bonjour Pierre,

      je ne vois pas bien à tu fais référence… En CSS, tu peux centrer des éléments en appliquant un margin:0 auto si l’élément parent dispose d’une width définie.

  4. Avatar de Slayde
    Slayde

    Comment fait-on lorsque l’URL de connexion a été modifiée ?

    1. Avatar de Aurélien Denis
      Aurélien Denis

      L’URL de connexion n’a aucun impact sur l’application de cette technique qui repose sur un hook. Exemple : une utilisation conjointe avec le plugin SF Move Login est parfaitement fonctionnelle.

      1. Avatar de Slayde
        Slayde

        Merci pour votre réponse 🙂

  5. Avatar de Bastien
    Bastien

    Bonjour,

    Pour ma part ça marche bien, mais ça me fait planter les feuilles de styles du site.

    Sur les navigateurs récents, mon graphisme est pousser de 30px vers le bas.
    Pour ie9, les feuilles de styles sont accessible via le html, mais elles ne s’applique pas, le site deviens 100% que html.

    Help, il y a quelqu’un pour m’aider ?

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Pour utiliser une astuce quasi-équivalente au quotidien, cela devrait fonctionner dans tous les navigateurs. Sans doute une erreur d’intégration…

  6. Avatar de Simon Wyckaert (@simwyck)
    Simon Wyckaert (@simwyck)

    Bonjour,

    Merci pour ce tuto qui permis de mieux appréhender ma modification du logo.

    Pour info, je n’ai pas réussi avec le code dans l’article mais j’ai trouvé dans le Codex (http://codex.wordpress.org/Customizing_the_Login_Form) ce code qui fonctionne :

    function my_login_logo() { ?>

    body.login div#login h1 a {
    background-image: url(/images/site-login-logo.png);
    padding-bottom: 30px;
    }

    <?php }
    add_action( 'login_enqueue_scripts', 'my_login_logo' );

  7. Avatar de korpus
    korpus

    merci pour ces informations !

  8. Avatar de Erick
    Erick

    Juste pour info je suis sur google chrome (derniere version) et l’encart « Partager » est vide juste en dessous de l’article, les boutons n’apparaissent pas cependant ils sont present juste en dessous du textarea ou j’ecris ce message.
    Cordialement

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Possibilité de vider votre cache et de me faire parvenir une capture d’écran par mail si le problème persiste ([email protected]) ? Merci.

  9. Avatar de ital2013
    ital2013

    Voici le fichier qui fonctionne : login.css

    #login h1 a {background-image:url(« http://VOTRE_SITE/wp-content/themes/VOTRE_THEME/images/logo-perso.png ») !important;}
    #login h1 a { background-size:269px 62px;width:269px;height:62px;}

    Merci Aralar
    PS : les deux fichiers login.css+functions.php sont dans le répertoire de VOTRE_THEME
    Merci Aurélien aussi !!

  10. Avatar de aralar
    aralar

    Bonjour

    Je me trouve face à un problème un peu bête. J’avais changé sur la page de connexion d’un de mes sites le logo, en suivant la fonction sugerie par Enmanuel (message 11 de ce fil). Cela à très bien marche, sauf qu’après une des dernières mises à jour de WordPress, le logo apparait ridiculement comprimé.

    http://www.berrocales.org/wp-login.php?redirect_to=http%3A%2F%2Fwww.berrocales.org%2F

    J’ai fait la preuve en changeant la taille de l’image png, rien n’y fait.

    Quelqu’un a trouvé le même petit problème ?

    Quelqu’un connait une solution ?

    D’avance merci à tous les amis de WordPress Channel.

    1. Avatar de aralar
      aralar

      Rebonjour

      Bon, j’ai compris que la fenêtre pour le logo a changé. WordPress a évolué vers un logo plus petit et circulaire. La fenêtre, donc, est plus petite et carrée. Certains fureteurs compriment le logo complet dans la fenêtre, autres montrent seulement une partie du logo avec sa véritable taille.

      Ma question, en conséquence, est plus simple encore. Comment modifier la taille de la fenêtre ? J’ai vu que WordPress Channel montre en sa page de connexion un logo bien plus grand que le logo WordPress d’origine. Il doit y avoir un procédé.

      D’avance merci.

      1. Avatar de aralar
        aralar

        J’ai fini par trouver.

        Je donne le lien (anglais).

        http://wordpress.org/support/topic/38-wordpress-logo-login

        Peut-être qu’il servira à quelqu’un d’autre.

        Bonne continuation.

  11. Avatar de Constantin
    Constantin

    Bonjour, le poste date un peu et j’ai essayé de trouver dans les commentaires quelque chose qui pourrait m’aider un peu mais malheureusement pas.

    Tout d’abord merci pour votre site sur lequel on trouve énormément d’informations très très utiles à la bonne utilisation de wordpress. Trouvant la plupart du temps la réponse à mes questions, je n’ai pas encore eu l’occasion de commenter.

    Voilà, je sèche aujourd’hui sur la modification du logo de la page d’accueil Admin.
    Mon thème utilise une première page « fonction.php » visible via « éditeur/apparence » dans laquelle il n’y a que des liens qui redirigent vers une autre page « functions.php » dans un sous dossier du thème, dans laquelle on trouve toutes les fonctions.
    J’ai essayé d’ajouter la fonction permettant de changer le logo de plusieurs façons mais sans résultat. Directement dans le 2eme function.php – mu-plugin – thème enfant mais rien ne se passe 🙁

    comment dois-je m’y prendre dans ce cas ?

    Merci,

    1. Avatar de Aurélien Denis
      Aurélien Denis

      L’emplacement importe peu… à voir si une autre fonction ne prend pas le dessus. Un mu-plugin me semble plus pertinent ici.

  12. Avatar de aamara
    aamara

    Moi j’ai modifier le lien d’image dans (wp-admin.min.css).
    Avant c’été .login form .input,.login input[type= »text »]{ ../images/wordpress-logo.png?ver=123xxx’ ( j’ai juste supprimer le bazard ?ver=??????)..
    biensur il faut modifier l’image avec un éditeur d’image)

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Il ne faut jamais modifier les fichiers du coeur de WordPress… jamais !

  13. Avatar de coco777123
    coco777123

    Bonjour,
    Tout d’abord merci bcp de ces codes.
    Malheureusement je n’arrive pas faire les fonctionner.
    Je travaille sous 127.0.0.1 .J’ai un thème enfant dans lequel j’ai un fichier fonctions.php et c’est là que je crée le fichier login.css
    Mon logo se trouve dans le thème enfant (dans le dossier images).
    Dans mon fichier css j’ai fait le chemin suivant:

    #login h1 a {background-image:url(« http://127.0.0.1/Projet/blog2/wp-content/themes/Theme_fils_twentyten/images/logoP.png ») !important;}

    Le problème c’est que il se passe rien quand je vais sur la page de connexion.
    Je me demande si le chemin que je fait c’est le bon???
    Merci d’avance de votre aide

  14. Avatar de GraphicMB
    GraphicMB

    Bonsoir,
    Je vous remercie, votre article ma aider à compléter mon code 🙂

    // logo personnalise
    function childtheme_custom_login() {
    echo  »;
    }
    add_action(‘login_head’, ‘childtheme_custom_login’);

    // Filtre qui permet de changer le lien sous le logo
    function connection_logo_link()
    {
    return get_bloginfo( ‘siteurl’ );
    }
    add_filter(‘login_headerurl’, ‘connection_logo_link’);

    // Filtre qui permet de changer le titre
    function connection_login_title()
    {
    return get_option( ‘blogname’ );
    }
    add_filter(‘login_headertitle’, ‘connection_login_title’);

  15. Avatar de Ludovic
    Ludovic

    Bonjour,
    d’abord merci pour ce post qui m’a bien aidé. Reste un dernier souci : le titre. Lorsque je laisse trainer ma souris sur le nouveau logo, j’ai toujours l’ancien titre qui apparait, que dois-je rajouter dans le code ici pour le changer ?
    Merci de votre réponse,
    Amicalement,
    Ludovic

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Un tutoriel paraîtra bientôt là-dessus ! 😉

  16. Avatar de achkar
    achkar

    Vraiment votre blog est un bon référence pour les débutants
    Merci bien

  17. Avatar de Antoine
    Antoine

    Merci bien 🙂

  18. Avatar de gnuoulipo
    gnuoulipo

    J’ajoute que l’éditiondu style dans l’éditeur html de wordpress pose un autre problème car si l’on passe en mode visuel tout ce qui avait été édité balise et style est effacé.

  19. Avatar de gnuoulipo
    gnuoulipo

    J’arrive un peu tard et peut-être hors sujet…En fait je ne veux pas modifier le logo de connexion admin mais tout simplement rajouter un style dans la feuille de style de mon thème : style.css. Vous écrivez vous-même qu’il y a deux méthodes et que vous aviez utilisé, personnellement, la première : «Ajouter les styles nécessaires pour la page de connexion ».
    Personnellement je cherche à rajouter un style dans le fichier style.css que je vousdrais utiliser dans des articles ou des pages. Ce style est une classe .cattention que j’ai testé dans une page html créée sur un site perso fait main. Il fonctionne.
    Je l’ai donc intégré au fichier style.css. J’ai vérifié le code source produit par wordpress ; il y a bien un lien dans head qui pointe sur le fichier style.css. Si, en passant par le code source, html, de l’éditeur, je crée un paragraphe , cela ne fonctionne pas. Si dans ce même éditeur je place en tête de ma page copie du style intégré à style.css, cela fonctionne mais n’a pas grand intérêt…
    Une idée ?
    Merci.

  20. Avatar de n3o51
    n3o51

    Salut
    En faite ce qui ce passe , oui l’url fonctionne mais depuis que je l’ai activer je me retrouve avec une redirection fausse seulement sur le lien de déconnection donc je vois ou le modifier mais c’est dans les fonction de wordpress donc mise a jour faut recommencer.Alors je me tournai vers toi savoir si y avait pas un moyen de contourner sa dans le function du thème avec un filtre si je ne me trompe pas.Sinon o pire je refait un encart méta dans la sidebar et je met le bon lien si y a rien d’autre a faire.

    Par avance merci.
    n3o51

  21. Avatar de n3o51
    n3o51

    Bonjour j’ai activer il y a peut la réécriture d’url via wordpress et lorsque je me déconnecte après les modification j’ai droit a une erreur 404.
    Le bouton de déconnection me redirige vers http://monsite/wordpress/wordpress/?logout=true

    Hors mon site est seulement dans wordpress peut modifier le lien de déconnection ou y a t’il une solution plus propre

    @dimitri : vérifier bien que vous allez chercher l’image dans le bon dossier.

    1. Avatar de Aurélien Denis
      Aurélien Denis

      En supprimant les permaliens personnalisées, cela fonctionne-t-il ?

      Je ne comprends pas vraiment ton problème mais vérifie que ton serveur dispose de l’url_rewriting.

  22. Avatar de dimitri
    dimitri

    Hello!
    Je n’y arrive pas. Pour le moment, le logo « wordpress » sur la page admin a disparu mais je n’affiche pas le mien. Dois-je intégrer le code du fichier « login.css » dans mon fichier « style.css » (en modifiant les chemins) ? Dois-je plutôt créer un « styles.css » comme suggéré par guy40800 ? Merci

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Difficile de t’indiquer une solution sans avoir un accès au fichier functions.php.

      Sinon, essaies ceci :

      function wpc_logo_perso() {
      echo '<style type="text/css">
      h1 a { background-image:url(https://wpchannel.com/wp-content/themes/wordpress-channel/images/logo-login.png) !important; }
      </style>';
      }
      add_action('login_head', 'wpc_logo_perso');

      Il te suffit de changer l’URL de l’image. 😉

  23. Avatar de actutechno
    actutechno

    oui mais pouvez vous le dire les dimention svp car la je suis sur mon iPad

    1. Avatar de Aurélien Denis
      Aurélien Denis

      326×56 pour le logo WordPress Channel…

      1. Avatar de actutechno
        actutechno

        merci et pouvez vous faire un tuto sur comment modifier le http://www.monsite.com/wp-admin en http://www.monsite.com/admin ??

        1. Avatar de SamSoul
          SamSoul

          Pour ce faire il te faut ajouter au début de ton fichier « .htaccess » à la racine de ton site la ligne suivante:
          RewriteRule ^admin/?$ /wp-login.php [NC,L]

          Tu peux changer « admin » par ce que tu veux.
          Ainsi, lorsque tu tapes http://monsite.com/admin, tu es automatiquement redirigé vers http://monsite.com/wp-login.php

          Pour ma part j’ai mis la chose suivante:
          RewriteRule ^login/?$ /wp-admin [NC,L]

          En effet, en appliquant le tuto, lorsque je tape http://monsite.com/login, la page de connexion reste celle de WP alors que si je rentre http://monsite.com/wp-admin les modifications apparaissent correctement… Donc je ne redirige pas directement vers wp-login.php mais vers wp-admin qui fait le reste
          Quelqu’un aurait-il une explication? Une objection peut-être sur cette façon de procéder?

          1. Avatar de Aurélien Denis
            Aurélien Denis

            La page wp-admin correspond à celle du tableau de bord de WordPress. Si tu n’es pas connecté c’est normal d’être redirigé vers la page de connexion wp-login.

            Le reste n’est que réécriture d’URLs…

          2. Avatar de SamSoul
            SamSoul

            Redirection oui, c’est le but de la manœuvre… Et au passage une réponse à actutechno.
            Elle fonctionne très bien, que ce soit avec ou sans la modification de l’apparence de la page de connexion.
            Seulement, pour que la modification de l’apparence de la page de connexion soit appliquée partout (login et wp-login.php) je dois rediriger login vers /wp-admin et non vers /wp-login.php
            C’est ça qui me paraissait étrange.
            -> je redirige login vers /wp-login.php: les modifications d’apparence ne sont pas prisent en compte
            -> je redirige login vers /wp-admin: les modifications d’apparence sont visibles partout.

            Je cherche juste à comprendre pourquoi je dois « ruser » pour arriver à mes fins…

  24. Avatar de Badabouum
    Badabouum

    De la même taille que le logo WordPress d’origine. V pas me compliquer la vie ! D’autant que la taille d’origine, me semble personnellement très correct.

  25. Avatar de actutechno
    actutechno

    salut toi tu l’a mis en quel taille exactement ton logo la sur ton site ?

  26. Avatar de Badabouum
    Badabouum

    Voila le code en entier à mettre dans le footer de functions.

    Il reste le blem du Title, propulsé par…
    Bref,

    <?php // logo personnalise
    function my_custom_login_logo() {
    echo '
    h1 a { background-image:url(‘.get_bloginfo(‘template_directory’).’/images/logo-login.gif) !important; }
    ‘;
    }
    add_action(‘login_head’, ‘my_custom_login_logo’); function custom_login_url() {
    return ‘http://www.monsite.com’;
    }
    add_filter(‘login_headerurl’, ‘custom_login_url’);
    ?>

  27. Avatar de fred
    fred

    Merci

    Mais j’ai toujours se soucis.

    1. Avatar de Aurélien Denis
      Aurélien Denis

      As-tu vérifié que l’URL était correcte ?

  28. Avatar de fred
    fred

    Merci j’aurais voulu savoir les dimension du logo perso (car moi a la place du logo c blanc

    merci beaucoup

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Utilises les outils de ton navigateur. 😉

  29. Avatar de Eric
    Eric

    Merci Aurélien … mais bon. En fait, ce qu’il se passe est qu’il me redirige vers « …wp-admin%2F&reauth=1 » si cela t’en dit plus ? Merci !

  30. Avatar de Eric
    Eric

    Bjr,
    Pas moyen … Je comprends pas pour l’avoir fait sur d’autres sites et sans problèmes. Pour ce site, j’utilise GENESIS de ThemeForest
    Si quelqu’un avait une idée …
    Merci 😉

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Chaque thème ses spécificités…

  31. Avatar de serge
    serge

    pour thesis framework le code tout prêt : http://creersitepro.com/page_login_wordpress/

    merci pour l’article @wp-channel

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Avec plaisir et merci de l’info ! 😉

  32. Avatar de Emmanuel
    Emmanuel

    Il y a aussi la solution présentée par http://wpmu.org/daily-tip-how-to-customize-your-wordpress-login-logo-in-under-a-minute
    sauf que cette fois il n’y a pas besoin de second fichier css.

    Et si on ajoute la fonction de http://www.geekeries.fr/snippet/modifier-hyperlien-logo-connexion-wordpress

    On arrive un morceau de code comme ça :

    function custom_login_logo() {
    echo '
    h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo.png) ; }
    ';
    }
    add_action('login_head', 'custom_login_logo');

    function custom_login_url() {
    return 'http://www.monsiteperso.com';
    }
    add_filter('login_headerurl', 'custom_login_url');

    Maintenant il ne reste plus que le title= »Propulsé par WordPress »

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Oui il y a en pour tous les goûts ce qui permet aux utilisateurs celle qui fonctionne dans leur situation.

      Merci ! 😉

  33. Avatar de VahnS
    VahnS

    Bonsoir

    Un  » ‘tit plugin  » bien pratique qui répond notamment à la question de Hadrien:

    Bonne route

  34. Avatar de Roberto
    Roberto

    Je vous remercie infiniment pour votre aide.

    Sinon, chez, cela pose des problèmes de redirections. Ce n’est pas grave, j’ai enlevé le code.

    Merci encore pour toute votre aide,
    Au revoir.

  35. Avatar de Roberto
    Roberto

    Je vous remercie énormément. Mais, maintenant ce problème corrigé, un autre se pose. J’ai beau chercher dans Google,je n’y trouve aucun solution : maintenant, c’est le message Parse error: syntax error, unexpected T_IF in /dns/com/olympe-network/LE NOM DE MON SITE/wp-content/themes/twentyten/functions.php on line 1 qui s’affiche. Voici également le début du code :

    <?php/** * TwentyTen functions and definitions * * Sets

    Merci,
    Au revoir.

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Sans le fichier complet je ne peux t’aider davantage. Le plus simple est que tu écrases ce dernier (en faisant une copie du mauvais fichier au préalable) par le plus récent contenu dans l’archive de TwentyTen.

  36. Avatar de Roberto
    Roberto

    Le Problème est que je n’ai plus accès à mon site; car, comme je l’ai dis vaguement en haut, lorsque je vais sur mon site, j’ai droits au fameux message …

    Merci,
    Au revoir

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Dans ce cas, passes directement par ton serveur FTP en allant dans /wp-content/themes/NOM-DU-THEME/functions.php et édites ce dernier.

      La plupart des clients FTP dont FileZilla disposent d’une fonction d’édition intégrée.

  37. Avatar de Roberto
    Roberto

    Bonjour,

    J’ai un p’tit problème, depuis que j’ai fais la manip’ : j’ai une erreur qui empêche la navigation dans mon site :

    Parse error: syntax error, unexpected ‘<' in /dns/com/olympe-network/LE-NOM-DE-MON-SITE/wp-content/themes/twentyten/functions.php on line 484

    Pourriez-vous m'aidez s'il vous plaît, je suis un novice.

    Merci,
    Au revoir

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Comme l’indique l’erreur, le caractère ‘<' ne doit pas être présent à la ligne 484. Vérifies qu'il ne soit pas présent en double. Sinon, tu peux supprimer les lignes de code que tu viens d'ajouter pour supprimer le problème. Vu que tu utilises le thème TwentyTen, je te conseille de placer les lignes de code du tutoriel tout à fait en haut du fichier.

  38. Avatar de jmd
    jmd

    tout est la, simplement
    site/wp-admin/css/login.css

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Attention ! Ne modifies jamais les fichiers du coeur de WordPress car toutes tes modifications s’effaceront à la moindre mise à jour.

      C’est tout l’intérêt de passer par un fichier functions.php qui va outrepasser les fichiers de base de WordPress. 😉

  39. Avatar de Hadrien
    Hadrien

    C’est pas très cadré tout ça ^^ (si on va sur ta page wp-admin), j’ai fait la même chose sur mon site mais avec le tutos de geekeries donc je sais pas si il diffère…
    Cela dit ça reste une bonne modification à faire quand même.
    Au passage quand on clique sur le logo dans wp-admin, on est redirigé sur WordPress.org, donc faudrait changer ça ^^.

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Arf, non il ne faut aller sur ma page de login car j’ai fais un test très rapide…

      Et pour le lien, il faut que je regarde car c’est un point négatif que j’aimerais moi aussi changer. 😉

    2. Avatar de Valentin
      Valentin

      Easy !
      J’avais regardé pour trouver le filtre et j’ai trouvé 🙂 –> http://www.geekeries.fr/snippet/modifier-hyperlien-logo-connexion-wordpress

      1. Avatar de Aurélien Denis
        Aurélien Denis

        Je me disais bien que tu devais avoir ce filtre en stock ! 😉

  40. Avatar de Claude
    Claude

    Merci beaucoup, c’est nickel ! je démarre juste avec WordPress et je galère un peu mais je ne désespère pas !

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Bonne continuation alors ! 😎

    2. Avatar de David
      David

      Tu vas voir, ça viens au bout d’un moment 🙂 Faut pas trop forcer au début a mon avis. Parfois je laisse mariner les infos quelques semaines après avoir bien galéré dessus, et quand je reprends, pof, je comprends tout bien mieux et bien plus vite 🙂

  41. Avatar de guy40800
    guy40800

    Une petite erreur :
    le fichier css se nomme styles.css et non pas login.css (ou alors changer le nom dans functions.php)

    1. Avatar de Aurélien Denis
      Aurélien Denis

      Bonne remarque ! C’est corrigé ! 😉

  42. Avatar de iDorian
    iDorian

    Excellent tutoriel, très utile pour personnaliser son blog jusqu’au bout des ongles ! ^^

    Merci beaucoup !