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 ?

Image Map
Rendez-vous sur Hellocoton !

Recherches :

creer une signature sur wordpress (2)

Commentaires

Commentaires

67 Comments on Comment ajouter une signature personnalisée sur son blog ?

  1. Sophie Mum
    25 août 2014 at 7 h 54 min (2 années ago)

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

    Répondre
    • Milie
      25 août 2014 at 13 h 44 min (2 années ago)

      De rien 😉

      Répondre
  2. bsricard
    25 août 2014 at 7 h 55 min (2 années ago)

    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

    Répondre
    • Milie
      25 août 2014 at 13 h 45 min (2 années ago)

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

      Répondre
  3. nessa
    25 août 2014 at 8 h 46 min (2 années ago)

    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 🙂

    Répondre
    • Milie
      25 août 2014 at 13 h 46 min (2 années ago)

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

      Répondre
    • Milie
      25 août 2014 at 13 h 46 min (2 années ago)

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

      Répondre
  4. Delph Dolce
    25 août 2014 at 10 h 25 min (2 années ago)

    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.

    Répondre
    • Milie
      25 août 2014 at 13 h 47 min (2 années ago)

      Hein ? quoi ?

      Répondre
      • Flying-mama
        25 août 2014 at 17 h 30 min (2 années ago)

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

        Répondre
        • Milie
          26 août 2014 at 17 h 18 min (2 années ago)

          Voilà ! Mon code avait sauté 😉

          Répondre
      • Hélène Citrouille
        25 août 2014 at 20 h 35 min (2 années ago)

        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

        Répondre
        • Milie
          26 août 2014 at 17 h 34 min (2 années ago)

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

          Répondre
  5. Emeraude de Darlingest
    25 août 2014 at 15 h 17 min (2 années ago)

    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?

    Répondre
    • Milie
      26 août 2014 at 15 h 17 min (2 années ago)

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

      Répondre
    • Milie
      26 août 2014 at 15 h 18 min (2 années ago)

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

      Répondre
    • Milie
      26 août 2014 at 17 h 18 min (2 années ago)

      De rien 😉

      Répondre
  6. celine
    25 août 2014 at 18 h 12 min (2 années ago)

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

    Répondre
    • Milie
      26 août 2014 at 17 h 33 min (2 années ago)

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

      Répondre
  7. Chloé
    27 août 2014 at 10 h 53 min (2 années ago)

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

    Répondre
    • Milie
      27 août 2014 at 15 h 38 min (2 années ago)

      De rien 😉

      Répondre
  8. Laura HANTZ
    27 août 2014 at 11 h 17 min (2 années ago)

    Coucou,

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

    Répondre
    • Milie
      28 août 2014 at 10 h 02 min (2 années ago)

      Tu nous montreras 😉

      Répondre
    • Milie
      28 août 2014 at 10 h 02 min (2 années ago)

      Yes 😉

      Répondre
  9. Rach'l LH
    28 août 2014 at 0 h 31 min (2 années ago)

    ç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

    Répondre
    • Milie
      28 août 2014 at 10 h 03 min (2 années ago)

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

      Répondre
    • Milie
      1 septembre 2014 at 17 h 32 min (2 années ago)

      Oui parfois il y a plusieurs auteurs sur un blog 😉

      Répondre
    • Milie
      8 septembre 2014 at 9 h 40 min (2 années ago)

      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 😉

      Répondre
      • Maman d'amour (conboudu)
        10 septembre 2014 at 20 h 56 min (2 années ago)

        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

        Répondre
        • Milie
          10 septembre 2014 at 21 h 11 min (2 années ago)

          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 !

          Répondre
  10. Lovebeautydream
    3 octobre 2014 at 9 h 07 min (2 années ago)

    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 ?

    Répondre
    • Milie
      6 octobre 2014 at 18 h 59 min (2 années ago)

      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 ?

      Répondre
  11. Nathalie
    4 février 2015 at 16 h 08 min (2 années ago)

    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!

    Répondre
    • Milie
      6 février 2015 at 22 h 22 min (2 années ago)

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

      Répondre
  12. Miss K'ty
    8 février 2015 at 20 h 01 min (2 années ago)

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

    Répondre
    • Milie
      9 février 2015 at 11 h 45 min (2 années ago)

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

      Répondre
      • Miss K'ty
        9 février 2015 at 11 h 48 min (2 années ago)

        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

        Répondre
        • Milie
          9 février 2015 at 12 h 38 min (2 années ago)

          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 !

          Répondre
  13. Jenny
    27 février 2015 at 9 h 28 min (2 années ago)

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

    Répondre
    • Milie
      28 février 2015 at 17 h 29 min (2 années ago)

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

      Répondre
    • Milie
      2 avril 2015 at 15 h 14 min (2 années ago)

      de rien 😉

      Répondre
  14. LaLu
    27 juin 2015 at 16 h 22 min (1 année ago)

    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

    Répondre
    • Milie
      28 juin 2015 at 10 h 33 min (1 année ago)

      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.

      Répondre
      • LaLu
        29 juin 2015 at 12 h 07 min (1 année ago)

        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

        Répondre
        • Milie
          29 juin 2015 at 13 h 13 min (1 année ago)

          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 😉

          Répondre
    • Milie
      20 août 2015 at 22 h 28 min (1 année ago)

      Fonce 😉 mais fait bien attention avec les fichiers.

      Répondre
  15. poitevin
    31 mars 2016 at 10 h 54 min (8 mois ago)

    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

    Répondre
    • Milie
      1 avril 2016 at 22 h 42 min (8 mois ago)

      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 😉

      Répondre

Leave a Reply

Your email address will not be published. Required fields are marked *

Comment *






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