Cómo agregar fácilmente código personalizado en WordPress (sin romper su sitio)

A menudo, mientras lee los tutoriales de WordPress, es posible que se le solicite que agregue fragmentos de código personalizados en el archivo functions.php de su tema o en un complemento específico del sitio. El problema es que incluso el más mínimo error puede dañar su sitio web. En este artículo, le mostraremos una manera fácil de agregar código personalizado en WordPress sin romper su sitio.

Cómo agregar fácilmente código personalizado en WordPress

El problema con los fragmentos de código personalizados

A menudo, encontrará fragmentos de código en los tutoriales de WordPress con instrucciones para agregarlos al archivo functions.php de su tema o un complemento específico del sitio.

El problema es que incluso un pequeño error en el fragmento de código personalizado puede romper su sitio de WordPress y hacerlo inaccesible.

El otro problema es que si agrega varios fragmentos de código en un complemento específico del sitio, puede resultar difícil administrar el archivo.

Recientemente, mientras buscábamos una solución, descubrimos una facilidad para que los usuarios agreguen y administren fragmentos de código personalizados en WordPress.

Agregar fragmentos de código personalizados en WordPress

Lo primero que debe hacer es instalar y activar el complemento Code Snippets en su sitio web. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, el complemento agregará un nuevo elemento de menú con la etiqueta Fragmentos en la barra de administración de WordPress. Al hacer clic en él, se le mostrará una lista de todos los fragmentos de código personalizados que ha guardado en su sitio.

Como acaba de instalar el complemento, su lista estará vacía.

Continúe y haga clic en el botón Agregar nuevo para agregar su primer fragmento de código personalizado en WordPress.

Agregar nuevo fragmento de código personalizado

Esto lo llevará a la página “Agregar nuevo fragmento”.

Debe comenzar ingresando un título para su fragmento de código personalizado. Puede ser cualquier cosa que le ayude a identificar el código. Después de eso, puede copiar y pegar su fragmento de código en el cuadro de código.

Agregar su primer fragmento de códigoAgregar su primer fragmento de código

En la captura de pantalla anterior, hemos agregado un fragmento de código personalizado para eliminar el número de versión de WordPress de nuestro sitio de prueba.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Debajo del cuadro de código, verá un área de texto para agregar una descripción. Aquí puede agregar cualquier cosa que le ayude a comprender qué hace este código, dónde lo encontró y por qué lo está agregando a su sitio web.

Agregar descripción del código

También puede asignar etiquetas a su fragmento de código. Esto le ayudará a ordenar los fragmentos de código por tema y funcionalidad.

Finalmente, puede hacer clic en el botón ‘Guardar cambios y activar’.

Si solo desea guardar el fragmento de código y no activarlo, puede hacer clic en el botón “Guardar cambios”.

También puede cambiar el alcance del fragmento de código. Puede ejecutarlo solo en el área de administración de WordPress, en el front-end de su sitio o en cualquier lugar. Si no está seguro, mantenga marcada la opción predeterminada ‘Ejecutar fragmento en todas partes’.

Una vez que haya guardado y activado el fragmento de código, entrará en vigencia en su sitio de inmediato.

Manejo de errores en código personalizado

Normalmente, si comete un error al agregar el código personalizado en el archivo de tema o complemento específico de su sitio, inmediatamente hará que su sitio sea inaccesible.

Comenzaría a ver un error de sintaxis o un error interno del servidor 500 en su sitio. Para solucionar este problema, deberá deshacer manualmente su código mediante un cliente FTP.

Lo bueno del complemento Code Snippets es que detectará automáticamente un error de sintaxis en el código y lo desactivará inmediatamente.

Manejo de errores en su fragmento de código personalizado

También le mostrará un mensaje de error útil, para que pueda depurar el error.

Administrar sus fragmentos de código personalizados

El complemento Code Snippets proporciona una interfaz gráfica de usuario más sencilla para administrar sus fragmentos de código personalizados en WordPress.

Puede guardar fragmentos de código sin activarlos en su sitio. Puede desactivar el fragmento en cualquier momento que desee. También puede exportar fragmentos de código específicos o exportarlos de forma masiva.

Exporta tus fragmentos de código personalizados

Si está moviendo sitios web a un servidor diferente, puede importar fácilmente sus fragmentos de código utilizando el complemento de fragmentos de código visitando Fragmentos »Importar página.

Importar fragmentos

El complemento Code Snippets funciona de inmediato, pero puede modificar la configuración del complemento visitando el Fragmentos »Configuración página.

Ajustar la configuración del complemento

Esperamos que este artículo le haya ayudado a aprender cómo agregar fácilmente código personalizado en WordPress. ¿Quiere experimentar con algunos fragmentos de código en su sitio web? Consulte nuestra lista de trucos extremadamente útiles para el archivo de funciones de WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.