Astuce: comment intégrer un javascript à un article WordPress

| 10 commentaires

Partagez si vous aimez! Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInEmail this to someone

Dans la vie, rien n’est simple, mais la plupart du temps on arrive à surmonter nos problèmes à force de ténacité. Tiens, par exemple, quand j’ai dû intégrer un javascript à mon précédent article, j’ai bien dû chercher comment faire. J’ai trouvé et je vous fournis la réponse.


Quelque soit le problème (web) que j’ai, un autre internaute a probablement rencontré le même et trouvé la solution. Il ne restait plus qu’à chercher avec les bons termes. Et encore une fois, j’ai trouvé la réponse sur le site Digital Inspirations (merci!!!).

En réalité, vous pouvez intégrer certains javascripts directement via l’éditeur de WordPress, en passant en mode HTML et en collant votre script. En revanche, rien ne garantit que cette méthode fonctionnera (ça ne fonctionnait pas pour mon article précédent).

Pour un truc qui fonctionne à tous les coups, le mieux est de télécharger le plugin nommé Custom Fields Shortcode (au singulier, attention, car une autre extension existe avec un s à la fin). Une fois ce script activé, voici comment faire:

  1. Rendez-vous sur votre article
  2. Créez un Custom Field avec le nom que vous souhaitez (javastuce par exemple).

    Saisir un nouveau custom field

  3. Collez votre javascript dans la case Valeur

    Tout est dans l’image

  4. Il suffit ensuite de placer dans votre article le nom du Custom Field créé, entouré du shortcode cf

Et voilà le travail! Le rôle de l’extension est de substituer le code du Custom Field par sa valeur dans votre article. Il suffisait d’y penser.

 

Quelques livres sur le sujet
Partagez si vous aimez! Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInEmail this to someone

Auteur : Mathieu

Passionné et professionnel du web depuis 10 ans, je rédige Le Geek Pauvre depuis 2007. Le but de mon blog est de partager avec vous des outils gratuits, vous permettant de remplacer ou d'améliorer des logiciels ou services payants. En 2012, j'ai reçu la distinction de meilleur blog high-tech aux Golden Blog Awards.

10 Commentaires

  1. Ping : Astuce: comment intégrer un javascript à un article WordPress | Freewares | Scoop.it

  2. Je trouve pas Custom File

  3. Ping : Astuce: comment intégrer un javascript &...

  4. Merci ça fonctionne également pour moi ;)

  5. Cela fonctionne pour mettre une plublicité dans le corps de l’article. cependant il faut copier le code de la pub dans le « custom field » à chaque article. Y aurait il moyen d’avoir une valeur par défaut ?

  6. BOnjour,

    Je cherche à insérer le script suivant à ma page : Spicy Ibiza : http://www.swing-lifestyle-travels.com/festive-lifestyle-events/spicy-ibiza/

    Le script se trouve sur la page et ne s’affiche pas comme il le devrait. J’ai installé deux extensions :
    Custom fields shortcode
    HTML Javascript Adder

    mais je ne vois pas comment les utiliser.

    Pourriez-vous m’aider s’il vous plaît ?

    Merci d’avance,

  7. Intéressant et pratique ce plugin, merci.

  8. Finding Ideal Daddies Sugar Online

  9. Bonjour, je suis désolée de relancer la conversation.
    Je cherche un moyen d’ajouter manuellement des scripts pour les rich snippet de recette dans mon article. Ce sont des scripts comme ceux que l’on retrouve sur le site schema.org du type :

    {
    [email protected]: « http://schema.org »,
    [email protected]: « Recipe »,
    « cookTime »: « PT25M »,
    « datePublished »: « 2016-07-29 »
    }

    Du coup ça fait un script différent par article wordpress et je n’arrive pas à trouver un moyen d’intégrer ce code proprement à mes pages. Je suis débutante, j’arrive à créer mes codes d’après ceux du site schema.org mais pour l’intégration dans chaque article, je bug. J’ai essayé les plugins mais ils ne conviennent pas à mon thème et je n’aime pas trop le rendu. Pensez-vous que votre méthode peut s’appliquer à mon problème ?

    Merci pour votre aide !
    Mathilde

Laisser un commentaire

Champs Requis *.