{"id":254136,"date":"2022-04-03T17:28:00","date_gmt":"2022-04-03T14:28:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254136"},"modified":"2022-05-16T14:53:11","modified_gmt":"2022-05-16T11:53:11","slug":"la-forma-mas-facil-de-agregar-javascript-a-su-sitio-de-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/la-forma-mas-facil-de-agregar-javascript-a-su-sitio-de-wordpress\/","title":{"rendered":"La forma m\u00e1s f\u00e1cil de agregar Javascript a su sitio de WordPress"},"content":{"rendered":"

Me alegra que estes aqui.<\/p>\n

Si no es un desarrollador de WordPress con experiencia, agregar Javascript a su sitio puede ser bastante intimidante. Peor a\u00fan\u2026<\/p>\n

Podr\u00edas estropear seriamente tu sitio si no tienes cuidado.<\/p>\n

En este tutorial, aprender\u00e1 la forma m\u00e1s r\u00e1pida y segura de agregar un nuevo Javascript a su sitio de WordPress.<\/p>\n

Agregar nuevo Javascript a WordPress<\/h2>\n

Normalmente, agregar\u00eda un tema secundario<\/a> o un complemento que luego cargar\u00eda un nuevo archivo Javascript en su sitio.<\/p>\n

Sin embargo, esto es mucho trabajo si solo necesita agregar un fragmento o dos de c\u00f3digo JS. La soluci\u00f3n m\u00e1s sencilla es utilizar el complemento Simple Custom CSS y JS<\/a>.<\/p>\n

\"La<\/a><\/p>\n

Instale y active este complemento en su sitio, y ver\u00e1 un nuevo elemento de men\u00fa CSS y JS personalizado agregado a su tablero. Despl\u00e1cese sobre el nuevo elemento del men\u00fa y haga clic en la opci\u00f3n "Agregar JS personalizado" para comenzar a agregar su javascript.<\/p>\n

\"La<\/a><\/p>\n

Agregar el Javascript<\/h3>\n

En la p\u00e1gina siguiente, ver\u00e1 un editor de c\u00f3digo donde puede ingresar el JS que desea agregar a su sitio.<\/p>\n

\"La<\/a><\/p>\n

Los comentarios en el editor tambi\u00e9n son bastante \u00fatiles.<\/p>\n

Dale un t\u00edtulo a tu JS para que sea f\u00e1cil recordar por qu\u00e9 lo agregaste y luego ingresa tu c\u00f3digo en el editor a continuaci\u00f3n. Aseg\u00farese de eliminar los comentarios primero, ya que no es necesario que se agreguen a su sitio.<\/p>\n

Prueba el Javascript<\/h3>\n

Si desea asegurarse de que est\u00e9 funcionando, puede agregar este JS a su sitio:<\/p>\n

jQuery(document).ready(function( $ ){\n    $('.logged-in').on('click', function(){\n        alert('The code is working!'); \n    });\n});<\/code><\/pre>\n
As\u00ed es como se ver\u00e1 en el editor.<\/p>\n
\"La<\/a><\/p>\n
Todo lo que hace este c\u00f3digo es mostrar un cuadro de alerta cuando hace clic en cualquier lugar del sitio, como este:<\/p>\n
\"La<\/a><\/p>\n
Solo afecta a los usuarios registrados, por lo que no interrumpir\u00e1 a sus visitantes cuando lo agregue para hacer una prueba.<\/p>\n
Una vez que est\u00e9 seguro de que est\u00e1 funcionando, puede cambiar el fragmento de prueba con el JS real que desea agregar a su sitio.<\/p>\n
Configurar las opciones de JS<\/h3>\n
Simple Custom CSS & JS viene con algunas opciones \u00fatiles para decidir exactamente c\u00f3mo se agrega su Javascript al sitio.<\/p>\n
\"La<\/a><\/p>\n
Primero, si solo est\u00e1 agregando un poco de c\u00f3digo, mantenga el tipo de v\u00ednculo como "Interno", que simplemente agrega el c\u00f3digo a la p\u00e1gina. Esto es m\u00e1s simple que cargar otro archivo y no afectar\u00e1 el tiempo de carga de su sitio.<\/p>\n
A continuaci\u00f3n, si est\u00e1 agregando un script de an\u00e1lisis, probablemente le dir\u00e1n si debe agregarlo al encabezado o al pie de p\u00e1gina. De lo contrario, es mejor utilizar el pie de p\u00e1gina de forma predeterminada.<\/p>\n
Por \u00faltimo, si se supone que Javascript afecta a sus visitantes, mantenga marcada la opci\u00f3n "En la interfaz" para la configuraci\u00f3n D\u00f3nde en el sitio. La opci\u00f3n "En administrador" es solo para si desea cargar el Javascript mientras visualiza p\u00e1ginas en el panel de WP y, por supuesto, la opci\u00f3n "En la p\u00e1gina de inicio de sesi\u00f3n" es solo para la p\u00e1gina de inicio de sesi\u00f3n de miembros.<\/p>\n
Conclusi\u00f3n<\/h2>\n
Este enfoque es MUCHO m\u00e1s f\u00e1cil que crear un nuevo complemento o tema secundario.<\/p>\n
Sin mencionar que Simple Custom CSS & JS es un complemento incre\u00edble, y probablemente encontrar\u00e1 m\u00e1s usos para \u00e9l en el futuro. Tambi\u00e9n hay una versi\u00f3n pro disponible que es capaz de algunas personalizaciones bastante impresionantes si necesita m\u00e1s flexibilidad.<\/p>\n
Si tiene preguntas o comentarios sobre esta publicaci\u00f3n, deje un comentario a continuaci\u00f3n.<\/p>\n
Fuente de grabaci\u00f3n:  www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
\u00a1No rompa su sitio! Siga este sencillo tutorial para aprender la forma m\u00e1s f\u00e1cil y segura de agregar Javascript a su sitio de WordPress.<\/p>\n","protected":false},"author":1,"featured_media":21627,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-254136","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=254136"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254136\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21627"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=254136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=254136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=254136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}