¿Cómo agregar código JavaScript dentro de una publicación de WordPress?

aprendido sistemáticamenteconstruir un sitio web的SEOLos expertos saben cómo usar los programas de JavaScript fácilmente.

Hay muchos códigos JavaScript fáciles de usar compartidos por otros en Internet.

si puedesWordPressAgregar código JS al artículo definitivamente hará que el artículo sea colorido.

Cómo agregar código JS a los artículos de WordPress

Agregar código JavaScript a una publicación de WordPress es muy simple.

Próximo,chen weiliangCompartirá contigo:¿Cómo agregar código JavaScript a las publicaciones de WordPress?

Por lo general, hay 2 formas de agregar código JS:

1. Agregue código JS directamente a las publicaciones de WordPress
2. Llame al código JS en el artículo de WordPress después de escribir el archivo JS

1) Agregue el código JS directamente a la publicación de WordPress

El primer método, escribir JavaScript directamente en la publicación de WordPress.

Aquí hay un ejemplo de cómo imprimir el texto "¡Hola mundo!" ▼

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

Esto está en una publicación de WordPress que muestra "¡Hola mundo!" después de ejecutar JavaScript ▼

2) Después de escribir el archivo JS, llame al código JS en el artículo de WordPress

La segunda forma, escribe el código JavaScript en un archivo separado.

Luego, en la publicación de WordPress donde se debe insertar JavaScript, llame al archivo JavaScript a través del editor de texto de WordPress.

El siguiente ejemplo está en una publicación de WordPress, imprimiendo el texto "Hello World" ▼

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

Contenido del archivo JavaScript hello.js ▼

document.write("Hello World");

Agregar código JavaScript a una publicación de WordPress muestra los resultados ▼

WordPress llama al código JS para la fecha de hoy

Hay mucho código JavaScript divertido y útil en Internet.

Ahora da un ejemplo de cómo usarlos?

Imprime la fecha de hoy en las publicaciones de WordPress.

Inserte el siguiente archivo JavaScript date.js en su publicación de WordPress ▼

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

A continuación se muestra el contenido de JavaScript del archivo 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()

Aquí está el resultado de JavaScript ejecutando la fecha de hoy en una publicación de WordPress ▼

A continuación se muestra el resultado del archivo JavaScript date.js ejecutado en este artículo ▼

注意 事项

Para insertar código JS en una publicación, debe cambiar el editor de WordPress al modo de texto.

atención especial和之间不能有换行。

Si hay un salto de línea, WordPress lo procesará automáticamente como un párrafo y agregará automáticamente una etiqueta p que hace que el código del script JS falle.

Hay más artículos sobre el código JavaScript de WordPress aquí ▼

¿Cómo especifica WordPress que las páginas de artículos carguen código JavaScript/CSS?

Al crear un tema de WordPress, si hay un código JavaScript o CSS específico que aparece en una página específica de WordPress, solo se utilizará una vez.¿Dónde se debe colocar el código? ¿Estilo.css o base.js?Pero el costo de hacerlo es un poco alto. ...

¿Cómo hacer que WordPress cargue de forma diferida JavaScript para acelerar la representación de la página?

WordPress carga de forma diferida JavaScript para acelerar los métodos de representación de páginas.¿Qué es la propiedad Defer de JavaScript?Probablemente todo el mundo se haya encontrado con esta situación: hay N scripts en el encabezado y, cuando se cargan los scripts, se bloquea la visualización de la página, que suele estar en blanco. ...

¿Cómo introduce correctamente WordPress JavaScript?Carga personalizada de archivos JS y CSS

Los programadores que crean sitios web con WordPress se refieren a algunos recursos de secuencias de comandos de JavaScript y CSS cuando desarrollan complementos de WordPress o personalizan temas de WordPress.Por lo general, las personas usan enlaces, etiquetas de secuencias de comandos directamente para HTML.De hecho, dentro de WordPress…