Comment ajouter du code JavaScript dans un article WordPress ?

systématiquement appriscréer un site WebTechniqueSEOLes experts savent utiliser facilement les programmes JavaScript.

Il existe de nombreux codes JavaScript faciles à utiliser partagés par d'autres sur Internet.

si tu peuxhood.discountL'ajout de code JS à l'article rendra certainement l'article coloré.

Comment ajouter du code JS aux articles WordPress

Ajouter du code JavaScript à un article WordPress est très simple.

Prochain,Chen Weiliangpartagera avec vous :Comment ajouter du code JavaScript aux articles WordPress ?

Il existe généralement 2 façons d'ajouter du code JS :

1. Ajoutez du code JS directement aux publications WordPress
2. Appelez le code JS dans l'article WordPress après avoir écrit le fichier JS

1) Ajoutez le code JS directement à la publication WordPress

La première méthode, écrire du JavaScript directement dans le post WordPress.

Voici un exemple d'impression du texte "Hello World!" ▼

<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>

C'est dans un post WordPress qui affiche "Hello World!" après l'exécution de JavaScript ▼

2) Après avoir écrit le fichier JS, appelez le code JS dans l'article WordPress

La deuxième méthode consiste à écrire le code JavaScript dans un fichier séparé.

Ensuite, dans la publication WordPress où le JavaScript doit être inséré, appelez le fichier JavaScript via l'éditeur de texte WordPress.

L'exemple suivant est dans un article WordPress, imprimant le texte "Hello World" ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/hello.js">// <![CDATA[
// ]]></script>

Contenu du fichier JavaScript hello.js ▼

document.write("Hello World");

L'ajout de code JavaScript à un article WordPress affiche les résultats ▼

WordPress appelle le code JS pour la date d'aujourd'hui

Il y a beaucoup de code JavaScript amusant et utile sur Internet.

Donnez maintenant un exemple de la façon de les utiliser ?

Imprimez la date d'aujourd'hui dans les publications WordPress.

Insérez le fichier JavaScript date.js suivant dans votre article WordPress ▼

<script type="text/javascript" src="https://img.chenweiliang.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
     // call function if required.
// ]]></script>

Ci-dessous le contenu JavaScript du fichier date.js ▼

var calendarDate = getCalendarDate();

document.write("Today is: " + calendarDate);

function getCalendarDate()
{
   var months = new Array(13);
   months[0]  = "January";
   months[1]  = "February";
   months[2]  = "March";
   months[3]  = "April";
   months[4]  = "May";
   months[5]  = "June";
   months[6]  = "July";
   months[7]  = "August";
   months[8]  = "September";
   months[9]  = "October";
   months[10] = "November";
   months[11] = "December";
   var now         = new Date();
   var monthnumber = now.getMonth();
   var monthname   = months[monthnumber];
   var monthday    = now.getDate();
   var year        = now.getYear();
   if(year < 2000) { year = year + 1900; }
   var dateString = monthname +
                    ' ' +
                    monthday +
                    ', ' +
                    year;
   return dateString;
} // function getCalendarDate()

Voici le résultat de l'exécution de JavaScript à la date d'aujourd'hui dans un article WordPress ▼

Ci-dessous le résultat du fichier JavaScript date.js exécuté dans cet article ▼

注意 事项

Pour insérer du code JS dans un article, vous devez passer l'éditeur WordPress en mode texte.

attention particulière和之间不能有换行。

S'il y a un saut de ligne, WordPress le traitera automatiquement comme un paragraphe et ajoutera automatiquement une balise p qui entraînera l'échec du code de script JS.

Il y a plus d'articles sur le code JavaScript de WordPress ici ▼

🔗Comment spécifier les pages d'articles pour charger le code JavaScript/CSS dans WordPress ?

🔗Comment faire en sorte que WordPress retarde le chargement de JavaScript pour accélérer le rendu de la page ?

🔗Comment introduire correctement JavaScript dans WordPress ? Chargement personnalisé de fichiers JS et CSS