A menudo, al leer los tutoriales de WordPress, se le pedirá 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 hasta el más mínimo error puede dañar tu 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 Cómo agregar fácilmente código personalizado en WordPress](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/how-to-easily-add-custom-code-snippets-in-wordpress-og.png?resize=680%2C385&ssl=1)
El problema con los fragmentos de código personalizados (y cómo solucionarlo)
A menudo encontrará fragmentos de código en los tutoriales de WordPress con instrucciones sobre cómo agregarlos al archivo function.php de su tema o a un complemento específico del sitio.
El principal problema es que incluso un pequeño error en el fragmento de código personalizado puede romper su sitio de WordPress y hacerlo inaccesible.
Sin mencionar que actualizar su tema de WordPress eliminará todas sus personalizaciones.
El otro problema es que si agrega varios fragmentos de código a un complemento específico del sitio, puede resultar difícil administrar el archivo.
Afortunadamente, hay una manera más fácil para que los usuarios agreguen y administren fragmentos de código personalizados en WordPress.
Código WP es el complemento de fragmento de código más popular utilizado por más de 1 millón de sitios web de WordPress. Facilita la adición de fragmentos de código en WordPress sin editar el archivo functions.php de su tema.
![Agregue fácilmente código personalizado en WordPress (sin romper su sitio) Complemento para fragmentos de código WPCode](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/wpcode-codesnippets-plugin.png?resize=680%2C325&ssl=1)
WPCode también facilita agregar códigos de seguimiento para Google Analytics, Facebook Pixel, Google AdSense y más a los encabezados y pies de página de su sitio.
Nunca tendrás que preocuparte de que tu sitio se rompa, ya que la validación de fragmentos de código inteligente te ayuda a evitar errores de código comunes.
Además, WPCode viene con una biblioteca de fragmentos incorporada donde puede encontrar todos los fragmentos de código populares de WordPress, como deshabilitar la API REST, deshabilitar los comentarios, deshabilitar Gutenberg, permitir la carga de archivos SVG y mucho más. Esto elimina la necesidad de instalar complementos separados para cada solicitud de función.
La mejor parte es que puede administrar todos sus fragmentos de código desde una pantalla central y agregar etiquetas para organizarlos.
Dicho esto, echemos un vistazo a cómo puede agregar fácilmente fragmentos de código personalizados en WordPress usando WPCode.
Agregue fragmentos de código personalizados en WordPress
Lo primero que debe hacer es instalar y activar el Código WP complemento en su sitio web.
Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.
Tras la activación, el complemento agregará un nuevo elemento de menú llamado «Fragmentos de código» a su barra de administración de WordPress. Al hacer clic en él, aparecerá una lista de todos los fragmentos de código personalizados que ha almacenado en su sitio.
Como acaba de instalar el complemento, su lista está 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 Haga clic en 'Agregar nuevo' en WPCode para crear un nuevo fragmento personalizado](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/wpcode-add-new-snippet.png?resize=680%2C339&ssl=1)
Esto lo llevará a la página ‘Agregar fragmento’. Aquí puede elegir un fragmento de código de la biblioteca prefabricada o agregar su código personalizado.
Para agregar un código personalizado, haga clic en el botón ‘Usar fragmento’ debajo de la opción ‘Agregar su código personalizado (nuevo fragmento)’.
![Agregue fácilmente código personalizado en WordPress (sin romper su sitio) Agregar código personalizado en WPCode](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/add-custom-code-new-snippet.png?resize=680%2C360&ssl=1)
Debe comenzar ingresando un título para su fragmento de código personalizado. Esto puede ser cualquier cosa que pueda usar para identificar el código.
Después de eso, puede copiar y pegar su fragmento de código en el cuadro de código. Asegúrese de seleccionar también el tipo de código correcto en el menú desplegable de la derecha.
![Agrega tu primer fragmento de código Agrega tu primer fragmento de código](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/07/create-new-custom-snippet-wpcode.png?resize=680%2C316&ssl=1)
En la captura de pantalla anterior, agregamos 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á las opciones de inserción. Hay dos opciones de inserción principales: inserción automática y código abreviado (predeterminado).
![Agregue fácilmente código personalizado en WordPress (sin romper su sitio) Elija la opción de inserción para el fragmento de código](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/wpcode-insertion-options.png?resize=680%2C230&ssl=1)
Si elige el método de inserción automática, el fragmento se insertará automáticamente y se ejecutará en su sitio.
Puede ejecutar el fragmento automáticamente solo en el área de administración de WordPress, en el front-end de su sitio o en cualquier lugar. Si no está seguro, seleccione la opción predeterminada «Ejecutar fragmento en todas partes».
Con el método ‘Shortcode’, el fragmento no se inserta automáticamente. Después de guardar el fragmento, se le dará un código abreviado específico para el fragmento que puede usar en cualquier parte de su sitio.
Si se desplaza hacia abajo, verá una sección de «Información básica». Puede agregar cualquier cosa aquí que lo 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 Agregar descripción de código y etiquetas](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/07/wpcode-basic-info.png?resize=680%2C241&ssl=1)
También puede asignar etiquetas a su fragmento de código. Esto lo ayudará a clasificar sus fragmentos de código por tema y funcionalidad.
El campo de prioridad le permite controlar el orden en que se ejecutan los clips cuando desea mostrar varios clips en la misma ubicación. De forma predeterminada, todos los clips tienen una prioridad de 10. Si desea que un clip aparezca antes que los demás, establezca la prioridad del clip en un número más bajo, como 5.
Finalmente, puede usar la poderosa sección «Lógica condicional inteligente» para mostrar u ocultar fragmentos insertados automáticamente según un conjunto de reglas.
![Agregue fácilmente código personalizado en WordPress (sin romper su sitio) Use lógica condicional inteligente para mostrar u ocultar fragmentos](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/07/wpcode-smart-conditional-logic.png?resize=680%2C329&ssl=1)
Por ejemplo, puede mostrar fragmentos de código solo a usuarios registrados, cargar fragmentos de código solo en URL de páginas específicas y más.
Cuando haya terminado de elegir las opciones, puede hacer clic en el botón ‘Fragmento’ en la esquina superior derecha de la pantalla y cambiar el interruptor de ‘Inactivo’ a ‘Activo’.
![Agregue fácilmente código personalizado en WordPress (sin romper su sitio) Guardar y activar fragmento de código](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/save-snippet-wpcode.png?resize=680%2C306&ssl=1)
Si desea guardar el fragmento de código y no activarlo, simplemente haga clic en el botón ‘Guardar fragmento’.
Después de guardar y activar el fragmento de código, se agregará a su sitio automáticamente, si ese es el método de inserción que eligió, o se mostrará como un código abreviado.
Manejo de errores de código personalizado
Si comete un error al agregar el código personalizado en el complemento o archivo de tema específico de su sitio, a menudo hace que su sitio sea inaccesible de inmediato.
Comenzaría a ver un error de sintaxis o un error de servidor interno 500 en su sitio. Para solucionar esto, debe deshacer manualmente su código utilizando un cliente FTP.
Lo bueno del complemento WPCode es que detecta automáticamente un error de sintaxis en el código y lo desactiva inmediatamente.
![Manejo de errores en su fragmento de código personalizado Manejo de errores en su fragmento de código personalizado](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/wpcode-snippet-error.png?resize=680%2C325&ssl=1)
También le mostrará un mensaje de error útil para que pueda depurar el error.
La validación de fragmentos de código inteligente de WPCode también detecta cualquier error a medida que agrega su código personalizado.
![Agregue fácilmente código personalizado en WordPress (sin romper su sitio) Validación de fragmentos de código inteligente para encontrar errores de código](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/wpcode-smart-code-validation.png?resize=680%2C362&ssl=1)
Al pasar el cursor sobre el error, se muestran instrucciones para ayudarlo a solucionarlo.
Administre sus fragmentos de código personalizados
El complemento WPCode proporciona una interfaz de usuario simple para administrar sus fragmentos de código personalizados en WordPress.
Puede guardar fragmentos de código sin activarlos en su sitio y luego activar o desactivar el fragmento en cualquier momento. También puede filtrar fragmentos de código por tipo y ubicación, y usar etiquetas para organizar fácilmente sus fragmentos de código.
![Exporte sus fragmentos de código personalizados WPCode - Fragmentos de WordPress organizados por etiquetas](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/07/wpcode-tags-organized.png?resize=680%2C444&ssl=1)
También puede exportar fragmentos de código específicos o exportarlos todos de forma masiva.
solo ve a Fragmentos de código » Instrumentos y haga clic en la pestaña ‘Exportar’.
![Agregue fácilmente código personalizado en WordPress (sin romper su sitio) Exporte sus fragmentos de código personalizados](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/export-snippets-wpcode.png?resize=680%2C411&ssl=1)
Si mueve sitios web a un servidor diferente, puede importar fácilmente sus fragmentos de código al nuevo sitio.
Solo visita el Código Fragmentos » Herramientas » Importar página y cargue el archivo de exportación.
![Importar fragmentos Importar fragmentos de código con WPCode](https://i0.wp.com/sdimos.com/wp-content/uploads/2022/08/wpcode-import-code-snippets.png?resize=680%2C464&ssl=1)
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 de archivo de funciones de WordPress extremadamente útiles y no olvide consultar nuestra guía definitiva para acelerar su sitio de WordPress.
Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.
La publicación Cómo agregar fácilmente código personalizado en WordPress (sin romper su sitio) apareció primero en AprenderWP.