Blogging

Comment ajouter une signature personnalisée sur son blog ?

25 août 2014
ajouter-signature-blog

Cela fait plusieurs mails que je reçois pour me demander comment ajouter une signature personnalisée à la fin ses articles wordpress. Pour tout te dire, ça se fait automatiquement. C’est très pratique mais il y a une petite manip à faire sur le blog. Voici donc un petit tuto !

Comment ajouter une signature personnalisée sur son blog ?

1 – Tout d’abord, il faut te crée une jolie signature. Tu peux utilser photoshop, Gimp ou un logiciel en ligne comme Picmonkey.

2- Ensuite, on va l’enregistrer sur le blog en l’important dans wordpress.

Dans la barre de navigation, onglet médias puis ajouter. Récupère le lien (l’adresse URL) de ton image avec un copier/coller.

3 – On va modifier le fichier des fonctions pour que la signature apparaisse au bas de chaque article.

Onglet Apparence – Editeur – on ouvre le fichier « fonction du thème » (functions.php). Attention, ce fichier est à manipuler avec prudence.

Commence par faire un copier coller de tout ce qui se trouve dedans et à le sauvegarder dans un fichier de ton ordi au cas où… Au cas où tu planterais ton blog, il suffirait de remettre le fichier via ton ftp.

Personnellement, je me sers plutôt des onglets de mon navigateur. J’ouvre mon fichier dans 2 onglets, un auquel je ne touche pas et qui me servira au cas où ça merdouillerait. Il me suffirait d’enregistrer la page non modifiée et d’actualiser.

Copie colle ce code à la fin de ton fichier, juste avant la balise de fermeture  « ?> » qui se trouve au bas de la page.

// Add Signature Image after single post
add_filter('the_content','add_signature', 1);
function add_signature($text) {
 global $post;
 if(($post->post_type == 'post')) 
    $text .= '<div class="signature"><img src="LIEN DE TON IMAGE"></div>';
    return $text;
}

Tu dois mettre le lien de ta signature à la place du texte, entre les guillemets.

4 – Enregistre tes modifications et retourne voir sur un billet du blog pour admirer le résultat. Si tu as une option de cache activée, il se peut que le résultat ne soit pas visible, il faudra vider le cache.

Et voilà, tu as une jolie signature à la fin de tes articles !

Et toi ? tu signes tes articles ?

Rendez-vous sur Hellocoton !

Commentaires

Commentaires

A lire aussi

67 Comments

  • Reply Sophie Mum 25 août 2014 at 7 h 54 min

    C’est top et joli. Et merci pour l’info au cas ou qu’un jour je fasse ma signature…

    • Reply Milie 25 août 2014 at 13 h 44 min

      De rien 😉

  • Reply bsricard 25 août 2014 at 7 h 55 min

    Alors moi je rajoute manuellement l’image a chaque fois à la fin de mon article je fais au plus simple j’essayerais mais je suis pas sur que je puisse moi comme je suis en version gratuite sous wordpress … bises

    • Reply Milie 25 août 2014 at 13 h 45 min

      Oui on peut le faire aussi manuellement 😉
      Sur la version gratuite, je crois que tu n’as pas accès aux fichiers de configuration…

  • Reply nessa 25 août 2014 at 8 h 46 min

    tu as une tres jolie signature 🙂
    pas sur worpress mais je pourrais demain sur le forum d’aide ob kiwi si on peut faire:) en tout cas pour celui qui mettait une signature manuellement il faudra qu’il réédite tous ses articles pour éviter la double signature…
    bonne journée 🙂

    • Reply Milie 25 août 2014 at 13 h 46 min

      Merci 😉
      Oui si on en ajoutait une manuellement, ça fait doublon, j’ai ce soucis sur d’anciens billets.

  • Reply cindy bouchez-roussel 25 août 2014 at 9 h 45 min

    oh zut je ne suis pas sous wordpress :/
    cindy bouchez-roussel Dernier article de..1Robe.fr pour nos noces d’étain! [article sponsorisé]My Profile

    • Reply Milie 25 août 2014 at 13 h 46 min

      Ca doit être possible chez blogger aussi (mais je ne sais pas comment)

  • Reply Delph Dolce 25 août 2014 at 10 h 25 min

    Hello 😉

    pour ceux qui ne connaissent pas le langage php, ils ne verront pas de guillemets 😉
    Merci en tout cas, je n’y pensais pas vraiment à signer mes articles 😉

    D.

    • Reply Milie 25 août 2014 at 13 h 47 min

      Hein ? quoi ?

      • Reply Flying-mama 25 août 2014 at 17 h 30 min

        ça doit être ça mon soucis, je ne les vois pas les guillemets!

        • Reply Milie 26 août 2014 at 17 h 18 min

          Voilà ! Mon code avait sauté 😉

      • Reply Hélène Citrouille 25 août 2014 at 20 h 35 min

        Coucou, merci de l’astuce ! Mais effectivement moi qui ne connais pas le php je ne sais pas exactement où mettre le lien tu peux écrire de quels guillemets tu parles ? J’aurais tendance à le mettre entre ‘add-signature’ c’est juste ?

        Merci :*
        Hélène Citrouille Dernier article de..Le Parc Majolan Nos vacances #3My Profile

        • Reply Milie 26 août 2014 at 17 h 34 min

          C’est parce que le code sur mon billet avait sauté.
          Regarde, ça devrait fonctionner 😉

  • Reply bernieshoot 25 août 2014 at 11 h 03 min

    je ne suis pas sur WordPress mais voici une belle astuce, tiens peut-on ajouter sa signature au bas d’un commentaire ?
    bernieshoot Dernier article de..Flower Monday- gérer vos mails-astuces-coachingMy Profile

  • Reply Emeraude de Darlingest 25 août 2014 at 15 h 17 min

    Merci pour ce tuto! Dis moi, quel est le nom de la police que tu as utilisée pour écrire le mot « signature » dans ton image de présentation en haut de l’article?

    • Reply Milie 26 août 2014 at 15 h 17 min

      Euh franchement aucune idée, j’en teste plusieurs à chaque fois et je garde celle qui me plait ! J’en ai des centaines…

  • Reply fannyfans 25 août 2014 at 17 h 00 min

    nan, je ne rajoutais pas..mais grâce à toi,p’tre que oui, un jour…mais y’a tellement à faire au quotidien avec nos blogs!…
    fannyfans Dernier article de..{samedi en musique} retour de vacances!My Profile

    • Reply Milie 26 août 2014 at 15 h 18 min

      L’avantage, c’est que tu le fais juste une fois 😉

  • Reply Coline 25 août 2014 at 17 h 17 min

    Merci pour ce tuto miss!

    http://Fashioneiric.blogspot.com
    Coline ♥

    • Reply Milie 26 août 2014 at 17 h 18 min

      De rien 😉

  • Reply celine 25 août 2014 at 18 h 12 min

    Super je n’y avais pas pensé mais pk pas 🙂 merci je ne sais pas si je vais y arriver mdrrrr

    • Reply Milie 26 août 2014 at 17 h 33 min

      Comme certains blogs sont à plusieurs mains, je trouve ça sympa de signer 😉

  • Reply Chloé 27 août 2014 at 10 h 53 min

    Merci pour ces info !! 🙂 Je vais essayer de me faire une jolie signature 🙂

    • Reply Milie 27 août 2014 at 15 h 38 min

      De rien 😉

  • Reply Laura HANTZ 27 août 2014 at 11 h 17 min

    Coucou,

    Grrr j’ai essayé mais j’ai toujours ma watermark qui se mets dessus :/
    Pourtant je l’ai désactivée :/

  • Reply Confidences de maman 27 août 2014 at 17 h 15 min

    Merci pour ce tuto ! Je vais en faire une (quand je trouverai un peu de temps 🙂 )
    Bisous
    Confidences de maman Dernier article de..Les livres ardoises effaçables de BORDASMy Profile

    • Reply Milie 28 août 2014 at 10 h 02 min

      Tu nous montreras 😉

  • Reply Isabelle Dessine-moi un prénom 27 août 2014 at 21 h 12 min

    Ah voilà, avec img src plutôt que texte ça a des chances de fonctionner ^^

    • Reply Milie 28 août 2014 at 10 h 02 min

      Yes 😉

  • Reply Rach'l LH 28 août 2014 at 0 h 31 min

    ça fait un moment que je me demande comment tu fais, maintenant je sais, enfin presque :-p
    Malheureusement je pense que je ne vais encore pas pouvoir puisque j’ai la version gratuite de WordPress. Merci quand même Miss Milie.
    Rach’l LH Dernier article de..Montre moi tes ongles #21My Profile

    • Reply Milie 28 août 2014 at 10 h 03 min

      Et oui, avec la version gratuite, pas d’accès à l’éditeur mais tu peux l’ajouter manuellement après chaque billet 😉

  • Reply MyNameIsOr 1 septembre 2014 at 14 h 23 min

    Oui, ça peut être sympa 🙂
    MyNameIsOr Dernier article de..It’s cool to be a fan !My Profile

    • Reply Milie 1 septembre 2014 at 17 h 32 min

      Oui parfois il y a plusieurs auteurs sur un blog 😉

  • Reply Maman d'amour (conboudu) 7 septembre 2014 at 18 h 20 min

    Merci beaucoup pour cet article.
    Bon après, ça fait une bonne demi-heure que je suis dessus et ça ne fonctionne pas, je dois me tromper mais j’en profite pour te remercier de ce tuto que j’aime.
    Bonne soirée.
    Maman d’amour (conboudu) Dernier article de..Entre fin des vacances et rentrée, le projet 52 – 2014 est tirailléMy Profile

    • Reply Milie 8 septembre 2014 at 9 h 40 min

      Tu as bien mis le lien de ton image ?
      Essaie de vider le cache, ça t’empêche peut-être de voir le résultat 😉
      Sinon, on en discute sur fb si tu veux 😉

      • Reply Maman d'amour (conboudu) 10 septembre 2014 at 20 h 56 min

        Coucou, ça y est, j’ai enfin 1 minute pour te répondre et merci de ton aide, tu dois être tellement occupée.
        J’ai tout fait sauf le cache car je ne vois pas à quoi cela correspond et où il se trouve.:)
        Merci beaucoup

        • Reply Milie 10 septembre 2014 at 21 h 11 min

          le cache de ton navigateur 😉
          Mais je suis allée sur ton blog, je ne vois pas non plus la signature donc il doit y avoir un couac quelque part !

  • Reply Lovebeautydream 3 octobre 2014 at 9 h 07 min

    J’ai essayé de le faire mais je ne sais pas ce qu’il se passe, je ne peux plus aller dessus ni sur mon tableau de bord ! Grr
    T’as une solution ?

    • Reply Milie 6 octobre 2014 at 18 h 59 min

      Tu as dû ajouter une ligne vide ou un espace dans ton fichier. C’est pour ça qu’il faut bien garder la sauvegarde dans les onglets 😉
      Tu as réussi depuis ?

  • Reply Nathalie 4 février 2015 at 16 h 08 min

    Merci pour cet article très utile!! Je suis en plein dans la création d’un blog de voyage et ça pourrait s’avérer très utile! Petite question, je voudrais utiliser une signature sur la majorité de mes articles mais avoir la possibilité de la modifier ponctuellement sur un article, est-ce possible avec cette fonction? Merci d’avance et à bientôt sur ce blog!

    • Reply Milie 6 février 2015 at 22 h 22 min

      Non si tu mets en place ce système, tu l’auras sur tous les billets.

  • Reply Miss K'ty 8 février 2015 at 20 h 01 min

    super, ça m’a l’air simple, je devrai m’en sortir, merci 😉
    Miss K’ty Dernier article de..Petite fleur…My Profile

    • Reply Milie 9 février 2015 at 11 h 45 min

      Mais oui ! Pense juste à bien garder les 2 pages ouvertes au cas où !

      • Reply Miss K'ty 9 février 2015 at 11 h 48 min

        juste que je trouve plusieurs fois le ?> dans mon css, du coup je ne sais pas après lequel je dois insérer la signature…
        Miss K’ty Dernier article de..Petite fleur…My Profile

        • Reply Milie 9 février 2015 at 12 h 38 min

          Ce n’est pas dans le fichier css (la mise en page) mais dans le fichier functiuns.php. Tu cherches la balise de fermeture.
          Attention à bien garder tes onglets ouverts au cas où. C’est un fichier très sensible !

          • Miss K'ty 9 février 2015 at 12 h 41 min

            merci, j’essaierai de trouver, pour le moment, je l’ai mise en média comme une image simple 🙂
            Miss K’ty Dernier article de..Le soleil brille sur la neige…My Profile

  • Reply Jenny 27 février 2015 at 9 h 28 min

    Merci pour ce tuto ! Dis-moi comment tu as fais pour ajouter des liens vers tes réseaux sociaux dans ta signature ? 🙂

    • Reply Milie 28 février 2015 at 17 h 29 min

      Pfiou alors là il faudrait un tuto beaucoup plus long 😉

  • Reply Neurones en Eventail 2 avril 2015 at 14 h 23 min

    Pas déçue d’être tombée sur cet article, merci !!!
    Neurones en Eventail Dernier article de..Une loi psycho-atmosphérique ?My Profile

    • Reply Milie 2 avril 2015 at 15 h 14 min

      de rien 😉

  • Reply LaLu 27 juin 2015 at 16 h 22 min

    Coucou Milie !
    Grâce à toi, j’ai réussi à intégrer ma signature perso en bas de chacun de mes articles, MERCIIIIII !

    Cependant je n’y connais rien en CSS et j’ai voulu aligner cette signature à droite de mon bloc…Résultat : j’ai flingué tout mon blog ( après quelques grosses larmes, j’ai trouvé comment effacer mon erreur….hébergeur, client FTP, fichiers, erreur retrouvée…)

    BREF, tout ça pour te demander si tu pourrais me dire comment aligner à droite cette jolie signature ?

    D’avance merci <3

    Lucie

    • Reply Milie 28 juin 2015 at 10 h 33 min

      Non, j’aurais peur de te dire des bêtises parce qu’il faut l’aligner dans le css avec une balise d’alignement (ok ça c’est facile) mais il faut surtout identifier la signature dans le CSS et ça je ne suis pas sûre de savoir… un div signature peut-être ?
      J’ai aligné la mienne en utilisant un visuel centré à droite au moment de la création.

      • Reply LaLu 29 juin 2015 at 12 h 07 min

        OK pas de soucis, je pense ne pas me risquer à ca ( j’ai trouvé une super astuce pour identifier les éléments dans un code CSS ceci dit, je peux te la donner si tu veux ? ) Merci pour ta réponse sincère !

        Je note cependant l’astuce de l’alignement à droite au moment de la création 😉

        Là je suis en train de chercher comment traduire tous mes « comments » et « categories » en français… Je ne lâche rien, le CSS c’est tabou on en viendra toutes à bout ^^
        LaLu Dernier article de..( SO’BIO ETIC ) Il fait chaud ? Mise à l’eau pour mon museau !My Profile

        • Reply Milie 29 juin 2015 at 13 h 13 min

          En fait j’ai simplement fait mon image avec du blanc à gauche il me semble 😉 Du coup, je ne me suis pas vraiment posé la question 😉

  • Reply Mlle Cocotte 20 août 2015 at 17 h 39 min

    Merci beaucoup pour cette astuce, j’aime beaucoup le résultat ! ça me donne très envie de faire de même sur mon blog 😉
    Mlle Cocotte Dernier article de..Tuto : comment se faire un chignon en 3 minutes top chrono ?My Profile

    • Reply Milie 20 août 2015 at 22 h 28 min

      Fonce 😉 mais fait bien attention avec les fichiers.

  • Reply poitevin 31 mars 2016 at 10 h 54 min

    Merci pour ce tuto Milie! Par contre, ma signature apparait à gauche et je l’aurais voulu à droite comme toi… Comment je fais? Merci 😉
    poitevin Dernier article de..PROJET 52 # NostalgieMy Profile

    • Reply Milie 1 avril 2016 at 22 h 42 min

      Soit tu la places avec des balises, soit tu t’embêtes pas et tu laisses un fond blanc sur ton image en mettant la signature sur la droite 😉

    Leave a Reply

    Coche cette case pour qu’un lien vers ton dernier article apparaisse