WordPress es genial y facilita la creación de sitios web. Pero a veces necesitas hacer una edición rápida que no tiene una opción incorporada disponible en WordPress o en tu tema y complementos instalados. Quizás quieras cambiar el texto que se muestra en un aviso de WooCommerce, usar un SVG para el logotipo de tu sitio o agregar un nuevo campo personalizado. En estos casos, un fragmento de código es la solución perfecta.
¿Qué son los fragmentos de código?
A fragmento de código es una pequeña sección de código creada para ampliar o editar la función de su sitio de WordPress. Esto puede ser cómo se muestra un elemento en su sitio web, como agregar un resaltado al término de búsqueda dentro de los resultados de búsqueda para que destaque, o cómo funciona algo, como mostrar publicaciones relacionadas ordenadas por fecha. Los fragmentos de código también se pueden utilizar para agregar o cambiar funciones específicas de temas o complementos.
Por ejemplo, aquí en Themelocal AJ ha creado más de 600 personalizados Fragmentos de código de tema total. Recibe toneladas de solicitudes de funciones de los clientes y no siempre tiene sentido agregar la función al tema principal. Entonces, en algunos casos, creará un fragmento. Esto incluye toneladas de opciones de nicho, como mover la ruta de navegación, alterar condicionalmente los enlaces de la cuadrícula de publicaciones del portafolio, permitir la participación de coautores en el meta de la publicación, agregar un menú inferior fijo personalizado en dispositivos móviles, limitar los resultados de búsqueda para mostrar solo publicaciones de blog e incluso editar terceros. Funciones del complemento para fiestas, como el texto «Agotado» de WooCommerce o permitir que se muestren eventos anteriores del Calendario de eventos.
¿Cómo se agregan fragmentos de código a WordPress?
Para agregar un fragmento de código a WordPress tienes dos opciones. La primera es editar manualmente su sitio y la segunda es utilizar un complemento.
Cuando agregar manualmente un fragmento de código necesitará editar uno de los archivos de tema de su sitio, como funciones.php, header.php, etc. Si desea seguir este camino, le recomendamos utilizar un tema secundario. De esta manera siempre podrás actualizar tu tema (lo cual es importante para la seguridad del sitio) sin perder ninguna de las ediciones o personalizaciones que hayas realizado. A medida que agrega fragmentos a los archivos de su tema hijo, le sugerimos comentar su código (simplemente agregue dos barras invertidas al principio de una línea y luego una descripción) para que no olvide para qué sirve cada fragmento.
Para agregar código con un complemento de fragmentos de código simplemente necesitas instalar un complemento. Varía un poco según el complemento que elija, pero la mayoría le brinda la posibilidad de agregar y organizar fragmentos desde el panel de WordPress. De esta manera, no tendrá que editar ningún archivo de tema y podrá agregar, actualizar, deshabilitar o eliminar fragmentos fácilmente según sea necesario.
¿Por qué utilizar un complemento de fragmento de código?
Para la mayoría de los usuarios, instalar un complemento de fragmentos de código facilita la adición de fragmentos de código a WordPress. No tiene que averiguar si copió correctamente el código o agregó el fragmento en el lugar correcto, y la actualización es fácil ya que todos los fragmentos son fácilmente visibles en un solo lugar. Además, los complementos de fragmentos de código reducen las posibilidades de que alguien rompa su sitio, ya que los archivos importantes del sitio quedan intactos. Esto lo convierte en una opción más segura, especialmente para aquellos que no están familiarizados con la codificación o que no se sienten cómodos editando archivos de temas.
¿Cuál es el mejor complemento de fragmento de código para WordPress?
Si va a utilizar un complemento para agregar fragmentos a su sitio, ¿cuál debería elegir? A continuación encontrará nuestras selecciones para los 5 mejores complementos de fragmentos de código de WordPress. Todos estos complementos ofrecen versiones gratuitas y facilitan la adición de fragmentos.
1. Código WP
Nuestra primera elección es WPCode. Este complemento le permite agregar fragmentos de código donde puede seleccionar un tipo de código, elegir un método de inserción, agregar la ubicación de ejecución, restringir la carga por tipo de dispositivo, habilitar la lógica y agregar información general del fragmento (nombre, etiquetas, prioridad, notas). También hay opciones para agregar scripts a su encabezado y pie de página, además de herramientas para exportar o importar fragmentos de otros complementos que haya probado.
Una de las características más interesantes de WPCode es la biblioteca de fragmentos incluida. Esta es una inmensa ayuda para aquellos que no se sienten cómodos con los fragmentos, ya que la biblioteca está llena de fragmentos listos para usar. También hay un generador que puede utilizar para crear sus propios fragmentos personalizados para funciones comunes del sitio relacionadas con el núcleo de WordPress, su diseño, contenido, el área de administración y consultas.
Y si actualiza a Pro, también hay funciones para fragmentos programados, registro de revisiones de código, un editor de archivos, píxeles de conversión, control de acceso de usuarios, inserción automática de fragmentos, elementos de contenido dinámico, scripts específicos de páginas, manejo seguro de errores y más. Los planes comienzan en $49/año cuando usas el código SAVE50.
2. Fragmentos de código
Con el complemento Code Snippets puedes agregar todos tus fragmentos a través del editor. Esto incluye opciones para agregar un nombre, descripción y etiquetas junto con el fragmento de código real y su configuración de «ejecución» (en todas partes, solo en el administrador, solo en el front-end o solo una vez). Una vez que haya agregado fragmentos, se mostrarán en una lista con opciones para habilitarlos o deshabilitarlos rápidamente. El complemento también le permite exportar/importar sus fragmentos (como JSON o PHP) y reutilizarlos fácilmente en otros sitios o en un tema/complemento.
Para funciones adicionales como compatibilidad con bloques de Gutenberg, integración de Elementor, activaciones de sitios múltiples, fragmentos de CSS y JS, además de soporte premium, puede actualizar a un plan profesional a partir de $39 al año.
3. Publicar fragmentos
Otra opción es Post Snippets, que le permite crear su propia colección de fragmentos para HTML, PHP y texto. El complemento incluye un editor visual completo con un editor de código, agregar variables, una casilla de verificación para habilitar un código corto y un cuadro de estado para activar un fragmento. Una vez que haya creado sus fragmentos, puede insertarlos directamente, como un código corto o con el bloque Post Snippets Gutenberg incluido.
Los planes premium comienzan en $ 29 al año para pedidos de fragmentos, función de duplicación sencilla, etiquetas, visualización del tipo de fragmento, guardar en la nube, soporte para bloques Gutenberg, actualizaciones automáticas y soporte premium.
4. WebberZone Snippetz
Anteriormente llamado Agregar a todo, el complemento WebberZone Snippetz renombrado es una forma sencilla de agregar y administrar fragmentos dentro de su sitio de WordPress. El complemento es compatible con HTML, CSS y JS. También hay opciones para elegir la ubicación del fragmento (insertar en el encabezado, pie de página, contenido o feed) y restringirlo a páginas específicas (por ID, tipo de publicación, taxonomía, etc.). El complemento también genera un código corto para cada fragmento si prefiere insertarlos de esa manera.
WebberZone Snippetz es un complemento totalmente gratuito, aunque el desarrollador ofrece soporte premium extendido si usted se comunica con ellos (nota: esto se suma al soporte gratuito que brindan en el foro y generalmente para trabajos personalizados).
5. Codificador corto
Agregue fragmentos tan fácilmente como insertar códigos cortos con Shortcoder. Cree códigos cortos personalizados para sus fragmentos HTML, CSS o JS para poder agregarlos en el editor clásico, el editor de código o Gutenberg de WordPress. También hay opciones para deshabilitar códigos cortos globalmente, deshabilitarlos según el tipo de dispositivo.
Shortcoder también ofrece una licencia PRO a partir de $25 para un sitio. Esto incluye integración con editores personalizados (Elementor, WPBakery, etc.), revisiones de códigos cortos, función de localización para encontrar dónde se ha utilizado un código corto, soporte para código adicional en el pie de página, 1 año de actualizaciones y soporte básico de por vida.
Si desea agregar fragmentos de código a WordPress, usar un complemento es, con diferencia, la opción más fácil, conveniente y significativamente más segura, especialmente si no está familiarizado con la codificación. Pero realmente cualquiera de las opciones enumeradas anteriormente es una excelente opción. Si tuviéramos que elegir solo uno, personalmente creemos que WPCode (gratuito o Pro) es el mejor. Lo hemos usado y lo recomendamos a los clientes que usan nuestro tema Total premium, y estamos seguros de que tiene funciones más que suficientes para administrar fragmentos en su sitio de WordPress.