Cómo agregar JavaScript correctamente y estilos a WordPress

En este artículo veremos cómo agregar JavaScript correctamente y los estilos a WordPress. Hay muchos desarrolladores nuevos de WordPress a los que les gusta escribir código y desarrollar complementos exclusivamente para sus propios sitios web o venderlos en varios mercados y obtener una buena ganancia. Hay diferentes formas de escribir un código, pero solo hay algunas formas seleccionadas de escribir el código eficiente. Si puede escribir un código de dos líneas en lugar de diez, guarde mucho procesamiento, así como memoria. Si no cuente para un sitio pequeño y fácil, pero para un sitio duro, podría significar mucho.
Si no escribe un código claro y usa los recursos disponibles de manera efectiva, creará muchos conflictos para otros programas. Por ejemplo, hay diferentes formas de cargar JavaScript externo listos en WordPress para su complemento, pero si no cumple con el estándar apropiado, todos los complementos activados se pueden bloquear severamente. Este artículo se dirige principalmente a los nuevos desarrolladores de WordPress que desean desarrollar temas y complementos de WordPress. Si no codifica correctamente, su código no será profesional y cualquier producto que haya hecho sin importar cuán bueno sea el concepto, nunca será aceptado.
Por lo tanto, es mejor saber cómo agregar JavaScript correctamente y los estilos a WordPress.

Errores para agregar JavaScript Algunos de ustedes pueden ser conscientes de que WordPress tiene una función llamada wp_head que lo ayuda a cargar cualquier cosa en la sección del encabezado. Todo lo que tiene que hacer es agregar las siguientes líneas de código a su archivo de script y lo que sea y todo aparecerá en el encabezado.add_action (‘wp_head’, ‘wpb_bad_script’);
Función wpb_bad_script () {
echo ‘jQuery va aquí’;}
Este es un atajo para agregar cosas, pero no es la mejor manera. Debe seguir el estándar apropiado, renunciar a los atajos y este es el propósito de esta ilustración.
Por ejemplo, cargue manualmente a JQuey en su complemento y otro desarrollador también cargue el mismo manual jquey o por el estándar apropiado. Si una persona ha activado ambos complementos, entonces JQuey se cargará dos veces en la memoria, lo cual es un desperdicio. Además, si la jQuery cargada difiere en la versión, entonces habría muchos errores en arados debido a conflictos. Debe saber cómo agregar JavaScript correctamente y los estilos en WordPress antes de escribir cualquier código. ¿Cómo evitar tales errores: el concepto de función de cola? Como probablemente sepa, la comunidad de desarrolladores de WordPress es grande y fuerte. Hay literalmente miles y miles de desarrolladores que desarrollan nuevos temas y complementos todos los días.
Pero lo que hacen para asegurarse de que nunca haya un conflicto con el método de codificar el otro es por la función del script en la cola.
Esta es la función responsable de la adición correcta de JavaScripts y estilos a WordPress para que nunca haya ningún conflicto y bloqueo de memoria innecesaria. Asegura una forma sistemática de cargar JavaScripts y estilos. La función QP_ENQUE_FUNTION dice sin palabras cuando se carga esos javascript y estilos, dónde cargarlos y especialmente en qué condiciones. Con su ayuda, no tiene que manejar a Jquey manualmente y, por lo tanto, nunca será una condición de bloquear la memoria debido a cargar los mismos archivos una y otra vez. El motivo para esto es el hecho de que la función Enqueue le permite Use las bibliotecas construidas que vienen con WordPress. También reducirá la carga del tiempo de carga lenta de la página debido a la ausencia de carga manual de JavaScripts. Pasos para agregar JavaScript correctamente y estilos en WordPress-

1. Coloque los scripts en WordPress Las siguientes líneas de código Cargan el paquete JavaScript construido que viene con WordPress. Debe colocar estas líneas en el archivo de complementos al crear complementos o debe colocarlas en funciones.php si crea un tema.

Wpb_adding_scripts function () {

wp_register_cript (‘my_amazing_script’, plugins_url (‘amable_script.js’, __file__), array (‘jquey’), ‘1.1’, true);
wp_enqueue_script (‘scriptul_meu_uimitor’);
}
add_action (‘wp_enqueue_scripts’, ‘wpb_adding_scripts’);
La explicación del script está registrada por la función wp_registr_cript () que tiene cinco parámetros diferentes. 1. $ Handle – es un nombre único para el script. Aquí está “my_amazing_cript”. 2. $ SRC: define la ubicación de su script. La función de biblioteca Plugins_URL se hace cargo de la URL adecuada de su carpeta de complementos. Después de que se tome, comenzará a buscar el archivo Amazing_Script.js dentro de él.3. $ DEPS – Define la adicción. Tengo que agregarlo cuando le pide a WordPress que cargue el script de la biblioteca como jquey. Si las Escrituras ya están cargadas en la memoria, no se cargarán nuevamente y se llevará a cabo una nueva carga. Esto no proporciona conflicto, ni bloqueo de memoria ni pérdida de tiempo. 4. $ ver: define el número de la versión del script. No es obligatorio. 5. $ in_footer: se usa para cargar el script en el sótano. Si desea cargar el script en el encabezado, debe mantenerlo en el falso. Una vez que todo está definido, solo tiene que llamar al script con wp_enqueue_script ().
2. WordPress Styles en WordPress Al igual que JavaScript, debe poner las hojas de estilo en la cola. Use el siguiente código en el archivo de complemento o el archivo Functions.php para crear el tema.ff_adding_styles () {
wp_register_cript (‘my_stylesheet’, plugins_url (‘my-stylesheet.css’, __file__));
wp_enqueue_script (‘my_stylesheet’);
}
add_action (‘wp_enqueue_scripts’, ‘wpb_adding_styles’);
Los códigos anteriores son adecuados al crear un complemento. Al crear un tema, debe cambiar plugins_url () en get_template_directory_uri (). El resto de las cosas seguirá siendo exactamente lo mismo.
Wpb_adding_scripts function () {
wp_register_cript (‘my_amazing_script’, get_template_directory_uri (). ‘/js/amable_script’, array (‘jquey’), ‘1.1’, true); wp_enqueue_cript (‘scriptul_meu_uimitor’);
}
add_action (‘wp_enqueue_scripts’, ‘wpb_adding_scripts’);
Si crea un tema infantil, debe usar get_stylesheet_direct () en lugar de get_template_directory_uri ().Esta es la forma estándar de corregir JavaScript y estilos a WordPress.Si su complemento o tema se enfrenta a errores, debe cambiar su código con las líneas de código mencionadas anteriormente y tal vez los errores se resuelvan.
Siempre siga los estándares de codificación seguidos en todo el mundo para estar en la misma página con otros desarrolladores exitosos.