Agregue Javascript a los temas de WordPress de la manera correcta

📑 Aquí podrás encontrar 👇

WordPress de la manera correcta

Existe una forma especial de agregación de javascript en el tema de WordPress para evitar conflictos con las adiciones o principios del tema de WordPress. El problema con los muchos "desarrolladores" laman en el archivo javascript directo en el archivo header.php o footer.php es que el formulario no es correcto.

En este caso debemos corregir nuestros archivos javascript usando las funciones de archivo.php para direccionar la etiqueta del Encabezado o Pie de Pí¡ Gina de Su Sitio. De esta forma, ha desarrollado un tema de distribución y ha utilizado la consulta final para modificar los scripts de un tema secundario. Y si está trabajando con un thema hijo, sus scripts se agregan de la manera correcta, sin copiar los archivos header.php ili footer.php en su hijo thema, lo que nunca debería ser necesario (cuando set trabaja con un thema bien codificado )

Integración incorrecta de Javascript en el tema de WordPress

Llamar al javascript en el archivo header.php o footer.php, que debe continuar, NO es la forma correcta y recomendación que no agrega haga pero menos causa conflictos con otros y lo convierte en un manual y nunca tiene una buena idea.

La forma correcta de agregar Javascript a los temas de WordPress

Lo mejor para agregar javascript a su tema de WordPress es hacerlo a través del archivo functions.php usando wp_enqueue_script. El uso de la acción wp_enqueue_scripts para cargar su javascript ayudará a mantener su tema fuera de problemas.

Ejemplo

wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array(), true );

El código anterior cargará el archivo my-script.js en su sitio. Como puede ver, solo he incluido $ handle, pero también n puede agregardependencias para su script, número de versión y si cargarlo en el encabezado o pie de pádžina (el predeterminado es el encabezado).

La función wp_enqueue_script () se utiliza para los temas técnicos y cualquier tema o archivo de la instalación complementaria, pero se cargan scripts globales, colocalo en colas y la función de archivo.php en el tema o en el archivo, por separado, specéficarente destinado a carina scripts en el sitio. Si está buscando un guión pero solo en un archivo específico de la obra (por ejemplo, en las publicaciones de la galería), puede ponerlo directamente en el archivo de la obra sin embargo y recomendar personalmente a todos que apoyen solo los guiones individuales necesarios.

Scripts Alojados en WordPress

Por ejemplo, si se usa en los Estados Unidos y en todos los proyectos, WordPress debe usar jQuery y reutilizarlo en el sitio de Google. Antes de agregar y personalizar el script en el proyecto, inicie sesión, revise los scripts como una lista de listas en la lista de lo que no está en WordPress y, si es necesario, súbalo al sitio para registrarlo.

Usa un gancho automático de WordPress

Anteriormente, ofrecemos la función de descargar un script en su sitio web sin embargo cuando trabaja con archivos que no son de la instalación, como en el archivo functions.php, pero para agregar esta función es la función de otras funciones y la función Die Los scripts para los scripts de WordPress se complementan con el tema principal utilizado en EE. UU. y el segundo tema.

WordPress puede realizar una variedad de acciones que se pueden usar para todos los scripts.

  1. wp_enqueue_scripts - acción se usa para cargar scripts en la interfaz
  2. admin_enqueue_scripts - acción utilizada para cargar scripts en el administrador de WP

Aquí hay un ejemplo (agregado en el archivo functions.php) para crear una función y usar la creación de WordPress para todos los scripts.

/**
 * Enqueue a script
 */
function myprefix_enqueue_scripts() {
    wp_enqueue_script( 'my-script', get_template_directory_uri() . '/js/my-script.js', array(), true );
}
add_action( 'wp_enqueue_scripts', 'myprefix_enqueue_scripts' );

Nota: ¿Podemos usar la función "get_template_directory_uri" para definir la ubicación del script? Esta es la función que crea la URL del tema. Si está trabajando en un tema, debe usar get_stylesheet_directory_uri. Aquí está el lugar donde necesita un tema no relacionado con el tema.

Agregar código JavaScript y línea

Si puede deshacerse del JavaScript de CILMENTS en cualquier forma que provenga del archivo adjunto de la etiqueta de secuencia de comandos, también puede tener una buena idea para usar nuestras palabras de WordPress para ayudar con eso, especialmente cuando Trata de un Complemento Central o Código t от темата . Continúe como scripts de ejemplo para resumir scripts en línea a su sitio:

function myprefix_add_inline_script() {
    wp_add_inline_script( 'my-script', 'alert("hello world");', 'after' );
}
add_action( 'wp_enqueue_scripts', 'myprefix_add_inline_script' );

Lo que tiene que hacer con él es obtener una vista previa de javascript registrado en la línea de script "my-script". Si usa wp_add_inline_script, solo puede crear un código en el año anterior o para que pueda registrar un script y no, puede usar wp_enqueue_script para descargar la versión de WordPress de jQuery.

Para usar este método, las personas pueden eliminar los objetivos de sus scripts en línea con un tema secundario de complementariedad, todo javascript personalizado, personalizado, organización perfecta y análisis de wordpress con los que puede contar. Al usar este tema, puede usar scripts y mover el archivo a functions.php y copiar el archivo a header.php o footer.php de este tema.

Dicho esto, si está trabajando en un tema hijo, no necesita hacer esto, simplemente puede volcar su código en su encabezado usando los ganchos wp_head o wp_footer Como el ejemplo a continuación:

add_action( 'wp_footer', function() { ?>
	




Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up