Un JavaScript de WordPress es una forma de agregar funciones adicionales a un sitio web sin ralentizarlo. JavaScript representa un lenguaje de programaci\u00f3n que se ejecuta en el navegador del usuario. Este tipo de programaci\u00f3n ofrece a los desarrolladores la posibilidad de agregar todo tipo de funciones a sus sitios, como reproductores de video integrados, calculadoras u otros servicios. La pieza de c\u00f3digo JavaScript simplemente debe copiarse y pegarse en el c\u00f3digo del sitio web.<\/p>\n
\u00bfPor qu\u00e9 deber\u00eda agregar JavaScript personalizado en WordPress?<\/h2>\n
Existen m\u00faltiples razones por las que debe agregar JavaScript a WordPress, pero para hacerlo, debe saber c\u00f3mo est\u00e1 codificado el sitio web. Al codificar un sitio web de WordPress, hay tres elementos que pueden ayudarlo:<\/p>\n Para crear una base muy s\u00f3lida para el sitio de WordPress, puede usar HTML y CSS. Aunque son excelentes para sentar las bases del sitio web, son limitados en t\u00e9rminos de alterar el comportamiento del sitio. Cuando desee que su sitio act\u00fae de una manera espec\u00edfica, puede usar JavaScript para realizar una de las siguientes acciones:<\/p>\n Todo esto, y m\u00e1s, se puede hacer usando JavaScript.<\/p>\n Al agregar JavaScript a WordPress, simplemente debe copiar y pegar el bloque de c\u00f3digo JavaScript en el sitio web. Esta simple acci\u00f3n agrega una herramienta de terceros al sitio web, ya sea un reproductor de video u otro elemento. Estos fragmentos de c\u00f3digo se agregaron justo debajo de la secci\u00f3n del encabezado o justo antes de la etiqueta en el c\u00f3digo principal del sitio web. Esto influye en d\u00f3nde se colocar\u00e1 el elemento. Para activar este complemento que se llama Insertar encabezados y pies de p\u00e1gina, primero debe instalarlo.<\/p>\n Para activarlo despu\u00e9s de la instalaci\u00f3n, simplemente debe acceder a Configuraci\u00f3n y luego a la p\u00e1gina Insertar encabezados y pies de p\u00e1gina. Hay dos casillas diferentes que puede marcar: una para el encabezado y otra para el pie de p\u00e1gina. Una vez que haya activado este complemento, puede simplemente pegar el fragmento de c\u00f3digo JavaScript y hacer clic en guardar. Debido a que el complemento est\u00e1 activado, el fragmento de c\u00f3digo que peg\u00f3 se cargar\u00e1 autom\u00e1ticamente para todas las p\u00e1ginas de su sitio web. Este es el conocimiento m\u00e1s b\u00e1sico que necesita tener para agregar JavaScript a WordPress.<\/p>\n Cuando use JavaScript en WordPress, tambi\u00e9n debe deshabilitar el bloqueo de etiquetas de secuencias de comandos de JavaScript. Esta configuraci\u00f3n se puede encontrar en wp-config.php, que se encuentra en el directorio web ra\u00edz. Para habilitar las etiquetas personalizadas, agregue esta l\u00ednea de c\u00f3digo all\u00ed:<\/p>\n Una vez que vaya a la p\u00e1gina functions.php, copie y pegue este fragmento de c\u00f3digo en su c\u00f3digo base:<\/p>\n Consejo adicional: el uso de este m\u00e9todo significa que deshabilita la funci\u00f3n de seguridad en su sitio web, para cualquier nivel de permiso de usuario. Use este m\u00e9todo solo si conf\u00eda profundamente en sus autores. Habilitar la etiqueta del script a veces es arriesgado de esta manera.<\/p>\n Puede agregar JavaScript a WordPress usando un complemento. Normalmente, tendr\u00eda que cargar JavaScript dentro de las etiquetas y. Para cargar JavaScript globalmente, se puede usar un complemento. Uno receptivo es Script n Styles. Puede incluir scripts en todo el sitio web o incluirlos en la p\u00e1gina o incluso en el nivel de publicaci\u00f3n. Tambi\u00e9n puede modificar los permisos de los usuarios. Los autores pueden publicar publicaciones y activar JavaScript y los colaboradores pueden guardar las publicaciones sin publicarlas.<\/p>\n Si se pregunta c\u00f3mo agregar JavaScript a WordPress de la manera m\u00e1s f\u00e1cil, este complemento podr\u00eda ser la soluci\u00f3n. Una vez que instale y active el complemento, puede acceder a la opci\u00f3n Campos personalizados en el men\u00fa administrativo. Luego, puede hacer clic en Agregar nuevo. El objetivo es agregar un campo al que puedan acceder los administradores y que pueda incrustar un archivo fuente JavaScript o un c\u00f3digo JavaScript dentro de las etiquetas.<\/p>\n Esto debe agregarse antes.<\/p>\n Esto debe agregarse antes.<\/p>\n La p\u00e1gina se publicar\u00e1 con el JavaScript agregado. Los Campos personalizados avanzados son una opci\u00f3n adecuada si desea m\u00e1s funcionalidad para los usuarios, p\u00e1ginas que ya est\u00e1n publicadas, etc.<\/p>\n wpDataTables<\/a> puede hacerlo de esa manera. Hay una buena raz\u00f3n por la que es el plugin de WordPress n.\u00ba 1 para crear tablas y gr\u00e1ficos receptivos.<\/p>\n Un ejemplo real de wpDataTables en la naturaleza<\/p>\n Y es muy f\u00e1cil hacer algo como esto:<\/p>\n Y no solo es bonito, sino tambi\u00e9n pr\u00e1ctico. Puede crear tablas grandes con hasta millones de filas<\/a>, o puede usar filtros y b\u00fasquedas avanzados<\/a>, o puede volverse loco y hacerlo editable<\/a>.<\/p>\n \u00abS\u00ed, pero me gusta demasiado Excel y no hay nada de eso en los sitios web". S\u00ed, lo hay. Puede usar formato condicional<\/a> como en Excel o Google Sheets.<\/p>\n \u00bfTe dije que tambi\u00e9n puedes crear gr\u00e1ficos<\/a> con tus datos? Y eso es solo una peque\u00f1a parte. Hay muchas otras caracter\u00edsticas<\/a> para ti.<\/p>\n Estos consejos deber\u00edan ser suficientes para ense\u00f1arle c\u00f3mo agregar JavaScript a WordPress de una manera f\u00e1cil, sin encontrar ning\u00fan problema. Despu\u00e9s de hacerlo una vez, la segunda vez ser\u00e1 mucho m\u00e1s f\u00e1cil y requerir\u00e1 menos tiempo.<\/p>\n Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo agregar JavaScript a WordPress, debe consultar este sobre c\u00f3mo restablecer WordPress<\/a>.<\/p>\n Tambi\u00e9n escribimos sobre algunos temas relacionados, como c\u00f3mo cambiar la URL de WordPress<\/a>, c\u00f3mo incrustar un video en WordPress<\/a>, c\u00f3mo editar HTML en WordPress<\/a>, c\u00f3mo duplicar una p\u00e1gina en WordPress<\/a>, c\u00f3mo editar los roles de usuario de WordPress<\/a> y c\u00f3mo agregar una imagen destacada de WordPress<\/a>. .<\/p>\n![\"Agregar](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec0aa4ee.jpg\")
<\/a><\/p>\n\n
\n
Uso de Insertar encabezados y pies de p\u00e1gina<\/a> para agregar JavaScript<\/strong><\/h2>\n
<\/a><\/p>\nDeshabilitar el filtrado de WordPress<\/strong><\/h2>\n
define( 'CUSTOM_TAGS', true );<\/code><\/p>\nfunction add_scriptfilter( $string) {global $allowedtags;$allowedtags['script'] = array( 'src' => array() );return<\/code> $string;}add_filter( 'pre_kses', 'add_scriptfilter' );<\/code><\/p>\nAprenda a<\/strong> usar el complemento Script n Styles<\/a><\/h2>\n
<\/a><\/p>\nUsar campos personalizados avanzados<\/a><\/h2>\n
<\/a><\/p>\n\n
<?php the_field('header_script'); ?><\/code><\/p>\n<?php the_field('footer_script'); ?><\/code><\/p>\n\n
Oye, \u00bfsab\u00edas que los datos tambi\u00e9n pueden ser hermosos?<\/h3>\n
<\/a><\/p>\n\n
Pensamientos finales sobre c\u00f3mo agregar JavaScript a WordPress\u00a0<\/strong><\/h2>\n