WordPress enqueue external script

Wp_enqueue_script

Contents

Sage 9 tenía asset_path() para generar PATHTOMYMAPBUNDLE y dependía de las funciones de enqueue de WordPress. ¿Cuál es la forma correcta de hacer esto en Sage 10? ¿Existe un equivalente a asset_path()? ¿Debería crear puntos de entrada separados para los scripts basados en componentes o cargarlos en el punto de entrada de mi aplicación de alguna manera?

Si estás usando Sage 10 moderno con Bud y Acorn, ellos pueden manejar esto por ti. Sin embargo, deberías estructurar tus entradas de manera diferente: lo ideal sería cargar una sola entrada por página, ya que Bud y Acorn pueden resolver las dependencias por sí mismos y minimizar lo que realmente se carga. Supongo que la aplicación es scripts y estilos utilizados en todo el sitio, pero el mapa es probablemente sólo se utiliza en (por el bien del argumento) una sola página. En ese caso, es posible que desee hacer algo más como

Gracias. La dependencia de la biblioteca externa es bastante importante en este caso. Cargar una sola entrada por página también tiene sentido, aunque definir múltiples puntos de entrada que agrupen los mismos scripts sería un poco engorroso si algunos de los scripts se basan en componentes y no en páginas (¿Qué pasa si necesito un componente de mapa y un componente de filtro de entrada en la misma página, y también quiero usar el componente de filtro de entrada en otra página?)

Wp_enqueue_script prioridad

Afortunadamente, puedes usar la función enqueue en WordPress para añadir estilos y scripts que el CMS se encarga de hacer por ti. Todo el desorden se maneja por ti. Aunque no es tan sencillo como pegar directamente el script o los estilos que quieres en la cabecera o el pie de cada página, es la forma correcta de manejarlo. WordPress no es terriblemente opinable, definitivamente hay una serie de mejores prácticas que debes conocer

La razón principal por la que querrá usar wp_enqueue es para mantener su sitio funcionando sin problemas y rápidamente. La velocidad de la página es importante y usar los mismos scripts y estilos una y otra vez no ayuda. En absoluto.

Aún más impresionante, usar el método enqueue hace que el propio WordPress inserte las etiquetas _script_ en la cabecera y el pie de página donde deben estar automáticamente, cargándolas sin tener que introducirlas en cada página por separado.

En una etiqueta script típica, usted importará el archivo .js externo directamente o pegará todo el largo fragmento de código entre las propias etiquetas. (Esto es también lo que estás haciendo si pegas algo en el módulo de código de Divi o en los widgets de texto o HTML personalizados de WP).

Wp_localize_script

Los plugins son nuestros fieles ayudantes mientras usamos WordPress. También puedes añadir tus códigos con un plugin como Insert Headers and Footers. Es una gran manera de añadir tus códigos a tu sitio web y funciona de la misma manera que nuestra función incorporada. Lo bueno de este plugin, es que puedes seleccionar si quieres añadir tu código al pie de página o a la zona de la cabecera, lo que a veces es crucial para algunas integraciones.

Usar el Child Theme es lo que recomendamos si quieres hacer algunas personalizaciones de mediano a gran tamaño porque es la forma más segura de personalizar tu sitio web. Con el Child Theme, podrás mantener tus códigos y actualizar los archivos del tema principal fácilmente.

Añade ese archivo en wp-content/themes/jupiter-child a través de FTP, y luego crea un archivo functions.php. A continuación, añada el código anterior y cambie el ‘/myexternalcode.css’ por ‘custom.css’ o el nombre que tenga su archivo. Por último, tienes que añadir tu functions.php a tu tema hijo también.

Si quieres hacer cambios rápidos o personalizaciones, las Opciones de Tema serán la mejor opción para ti. Sin embargo, si quieres más flexibilidad y control sobre tu código y la ubicación del mismo, y todavía tienes pequeñas o medianas personalizaciones, Insertar encabezados y pies de página funcionará bien para ti.

WordPress enqueue script

Enqueueing es una forma de añadir scripts y estilos a los sitios web de WordPress. Al poner en cola los scripts, le dices a WordPress los activos que quieres añadir y él se encargará de enlazarlos en la cabecera y el pie de página.

Sus hojas de estilo CSS se utilizan para personalizar la presentación de su tema. Una hoja de estilo es también el archivo donde se almacena la información sobre su tema. Por esta razón, el archivo style.css es necesario en cada tema.

A veces necesitas añadir tu estilo personalizado después de un estilo específico. Por ejemplo, usted tiene un estilo personalizado que su estilo debe incluir después del estilo de origen. Para hacer esto, tienes que establecer el parámetro $deps.