Si recién estás comenzando con WordPress debes saber que mientras más experiencia tomes, te encontrarás con la necesidad de insertar porciones de código en tus sitios web.
Hay plugins que te te facilitarán esa tarea, pero tal vez te estés preguntando ahora mismo lo siguiente:
¿Por qué necesitarías insertar código en WordPress?
Es una práctica habitual para modificar, agregar o eliminar una funcionalidad específica en tu sitio hecho con WordPress.
Es básicamente la misma práctica que utilizar plugins. Estos complementos son códigos que agregan funcionalidades a WordPress.
La diferencia entre una práctica y otra, es que al hacerlo manualmente te aseguras de tener el código un poco más optimizado, controlado y con menos carga para tu sitio.
Sin embargo con los plugins no requieres de conocimientos técnicos y sueles tener una interfaz amigable para realizar ajustes avanzados.
Por ejemplo: cuando un usuario realice una búsqueda en tu sitio web, te gustaría que los resultados de esa búsqueda no muestren una página, entrada o categoría específica.
WordPress no trae una función para realizar este ajuste en su panel de administración. Cuando se realiza una consulta a través del buscador interno del CMS, busca hace en todo el contenido publicado de tu web.
Sin embargo hay dos soluciones rápidas posibles que veremos a continuación.
¿Cómo insertar un fragmento de código en WordPress?
- Instalando un plugin que te permita realizar esos ajustes desde la interfaz de administración.
- Agregando un fragmento de código en un archivo de tu tema de WordPress.
Veamos cómo hacerlo.
Insertar código en WordPress de manera manual
Generalmente hay 3 lugares donde necesitas insertar código:
- Cabecera
- Pie de página
- Funciones del tema
Algunos themes, en su panel de ajustes, traen una sección que te ayudan en la inserción de código en la cabecera y el pie de página. Es decir en los archivos header.php y footer.php, donde van los scripts de Google Analytics, Tag Manager Pixel de Facebook, etc.
El archivo functions.php es donde se indican las funciones de tu tema.
SI quieres saber un poco más sobre este archivo te recomiendo leer este artículo del blog AyudaWP.
Para adicionar un fragmento de código en las funciones, en el menú del administrador vas a ir a Apariencia > Editor de temas y harás clic en el archivo functions.php de tu child theme.
Te desplazarás a la parte final del contenido e insertarás tu propio fragmento de código.
De la misma manera tendrás que hacerlo con el header.php y el footer.php.
Hoy en día la mayoría de las plantillas traen un child theme. Pero en caso de que el tuyo no lo tenga, consulta a su desarrollador o a un experto de confianza.
¿Hay consecuencias si haces algo mal o pones un código incorrecto?
Puede que sí, puede que no. Tal vez el código que insertes no haga nada o quizás se rompa el sitio.
En caso de que se rompa todo y no puedas hacer nada en el administrador de WordPress, la solución es entrar vía FTP o por el navegador de archivos de tu hosting.
Navegarás entre los archivos de tu child theme hasta encontrar el que editaste (funciones, cabecera o pie de página) y lo editarás para borrar ese fragmento de código que insertaste.
Todo volverá a la normalidad.
Insertar código en WordPress a través de plugins
Si no tienes conocimientos técnicos o no te animas a tocar los archivos antes mencionados por miedo a cagarla, la alternativa es recurrir a plugins que te ayuden con la tarea.
En esta ocasión te apunto tres plugins:
Insert Headers and Footers
Para insertar cualquier código o script, incluido html y javascript; en cabecera y pie de página.
Es tan simple como copiar y pegar tu código en la correspondiente caja, como se aprecia en la siguiente captura:
Code Snippets
Con este plugin no tendrás necesidad de tocar el archivo functions.php.
Simple Custom CSS and JS
Como ya sabes, se puede customizar el CSS de tu WordPress desde Apariencia > Personalizar > CSS adicional.
Pero con este plugin, además de poder organizarlo, podrás hacer lo propio con fragmentos de HTML y JS.
A través de una interfaz muy similar a la de Entradas tendrás todos tus fragmentos de códigos ordenados y con títulos para tener siempre presente que es lo que hace cada uno.
¿Dónde consigo fragmento de códigos para modificar mi sitio en WordPress?
Claro, hablamos mucho de cómo insertar código, vimos algún ejemplo de qué podrías hacer pero ¿dónde se consiguen estos códigos y qué otras cosas se puede hacer con ellos?
Bueno, no hay un catálogo como tal. La cosa es que si no tenés conocimientos de código –que es para quiénes va este post– vas a tener que googlear sobre la función que estás queriendo modificar y dar con la información. O bien, contratar a un desarrollador que sepa de WordPress.
Yo no soy desarrollador y la intención de este artículo es simplemente guiarte en tu búsqueda.
En blogs especializados o de expertos en WordPress y WooCommerce suelen compartir información de este tipo muy interesante.
Si sabes buscar en inglés, hallarás cosas muy interesantes. Pero básicamente lo que debes encontrar es aquello que necesites implementar en tu WordPress.
Aquí te paso algunos recomendados:
5 comentarios en “Plugins para insertar códigos en tu WordPress de manera fácil”
Buenos días,
Tengo instalado el plugin fragmentos de código y he creado un código para que se actualice el año en todas mis páginas y entradas.
Me funciona perfectamente en wordpress en otras webs, pero ahora estoy usando Elementor (versión gratuita) y no hace nada…Tengo instalado el plugin Essential addons de Elementor pero no sé cómo hacer para que me coja el código y actualice…¿alguna sugerencia?
Hola Franco!
Necesito agregue un código a mi sitio web antes de la etiqueta de cierre
Lo estoy intentando con el plugin Code Snippets, pero este da las siguientes opciones: Ejecutar el fragmento de código en todas partes, Ejecutar sólo en el área de administración, Ejecutar sólo en la portada del sitio y Ejecutar sólo una vez.
Conoces algún plugin que pueda agregar código en el body, al final, justo antes de la etiqueta de cierre
Hola Mizael.
Tendría que volver a instalar plugins para probar pero creo que será más rápido que los pruebes vos 🙂
Head, Footer and Post Injections: tengo entendido que este sí te servira.
https://wordpress.org/plugins/header-footer/
Tag Manager: Se que se puede insertar en el body, pero no recuerdo si exactamente antes de la etiqueta de cierre
https://wordpress.org/plugins/tag-manager-header-body-footer/
Me comentas cualquier cosa. Saludos!
Hola Franco, necesito insertar un codigo de pixel, fbq(‘track’, ‘ViewContent’); pero mi cliente pide que sea en una pestaña especifica no en toda la web, como puedo insertarlo en esa pagina especifica?
Hola Juan Carlos. Disculpa la demora en la respuesta. He pasado a full con lanzamientos.
¿Ya probaste con el plugin Pixel Caffeine? Es muy intuitivo para hacer el siguiento con fb pixel.
Creo haberlo hecho alguna vez con el plugin Header and Footer Scripts.