Code Snippets PRO

 

Code Snippets PRO
Algunas características de Code Snippets PRO

El 4 de julio el ya clásico plugin Code Snippets estrenó su versión PRO después de diez años haciendo bien una sola cosa: simplificar la tarea de colocar filtros y funciones en el functions.php de tu plantilla y tener todas esas piezas de código organizadas, comentadas, importables y exportables.

La gran pregunta ahora es si merece la pena pagar por sus nuevas funciones.

Para contestarme a esa pregunta, ayer decidí pagar por una de sus licencias más económicas por un año aprovechando que están de oferta de lanzamiento durante 15 días.

Además, me parecía que era lo mínimo que podía hacer como agradecimiento a tantos años de servicio gratuito.

Code Snippets PRO
Precio en oferta de lanzamiento limitado a 15 días, pillando una licencia te mantendrán este precio también para su renovación.

Novedades

La principal novedad es que ahora hay cuatro tipos de fragmentos que aparecerán en tu lista organizados por colores.

Al tradicional PHP para añadir funciones a tu plantilla se ha añadido, HTML, CSS y Javascript.

Code Snippets PRO 2

PHP

Su función primigenia (PHP) para añadir filtros y funciones a la plantilla es algo que ya se podía hacer de varias formas como editando a pelo el functions.php o tirando del editor de archivos de temas nativo de WordPress, aunque Code Snippets permite deshacer las posibles cagadas de una forma simple y sobre todo rápida y segura.

Su opciones de configuración se mantienen como hasta ahora.

Code Snippets PRO 3

HTML

Bautizado como "Contenido", con esta opción (ahora también disponible en su versión gratis) puedes añadir y mostrar tus cachos de HTML donde quieras, incluyendo dentro el head y en el footer, algo que ya traen muchos otros plugins populares de uso común.

Code Snippets PRO 4

Para ello han añadido dos nuevos bloques a su versión PRO, uno para Elementor (y dos widgets) y otro para Gutenberg.

Si bien esto es algo que en mi caso puedo hacer con Elements de GeneratePress, incluso con Ad Inserter, de una forma bastante más avanzada creo que añade una alternativa útil más (como bloque reutilizable manual) para los casos en los que se necesite añadir de forma manual un contenido fijo determinado sólo en aquellas páginas o post donde quieras que se muestre. Eso sí, sin ninguna opción condicional.

No hay mucha diferencia con el bloque "HTML personalizado" nativo de Gutenberg. Podrían haberlo mejorado añadiéndole algunas opciones de edición y algún uso condicional y/o contenido dinámico.

También puedes incrustar fragmentos de contenido en post o páginas usando un shortcode.

Code Snippets PRO 5
El bloque de Code Snippets para Gutenberg

CSS

Pues eso, para añadir tus florituras de CSS sin tener que editar el style.css o abrir el personalizador que suelen incorporar ya prácticamente todas las plantillas.

Siempre útil para centralizar aún más todas las modificaciones en un solo lugar y poder revisarlas de un vistazo.

Code Snippets PRO 6

Scripts

Los fragmentos se pueden cargar en el front-end del sitio en un archivo JavaScript, ya sea en las secciones del body o del head. Útil para agregar códigos de Matomo, Statcounter, Google Analytics, Microsoft Clarity, Facebook Pixel o cualquier otro código de seguimiento o script personalizado.

Code Snippets PRO 7

La salida de los fragmentos de JavaScript y CSS se minimiza y se combinan en un archivo externo eliminando espacios en blanco y optimizando el código para reducir los tiempos de carga.

Code Snippets PRO 8

Sin ser tampoco una gran novedad no está de más poder tener también los scripts organizados en esta lista.

Bloque para mostrar código

El plugin añade un segundo bloque para Gutenberg que sirve para mostrar el código de tus fragmentos de código en cualquier post de tu blog.

Code Snippets PRO 9

Esto, aunque tampoco es nuevo ya que también se puede hacer usando el bloque de código de Gutenberg, se agradece.

Code Snippets ofrece además una larga lista de plantillas para darle el colorcito que prefieras al código tanto en el área de edición y administración como en el código insertado en tus post.

Code Snippets PRO 10

Futuras opciones

Entre las opciones en preparación que aparecen en su lista de características hay varias relacionadas con movidas cloud, el uso de WP-CLI y el acceso a datos de fragmentos y control de operaciones a través de la API REST de WordPress.

Rendimiento

Uno de los puntos a los que pongo especial atención a la hora de elegir un plugin es el rendimiento porque cada complemento que se añade, por poco que impacte, siempre tiene algún efecto en el rendimiento general.

Desde Code Snippets aseguran que el número de fragmentos que se añadan no debería suponer una gran diferencia, ya que todos se obtienen en la misma consulta SQL para garantizar una rendimiento óptimo por lo que lo más probable es que su consumo de recursos sea casi imperceptible.

Los snippets se almacenan en la tabla wp_snippets de la base de datos de WordPress (si usas el prefijo por defecto) y en WordPress Multisite la tabla de snippets de toda la red se llamará ms_snippets e irá precedida del prefijo que hayas elegido.

Code Snippets PRO 11

Con 28 snippets añadidos la tabla pesa 48 Kb y según el gestor de scripts de Perfmatters, el plugin carga solo 32,9 Kb.

Code Snippets PRO 12

Impacto

De todos modos, si eres un fanático del WPO sabes que todo plugin tiene un impacto y que en este caso (aunque no es excesivo) se puede recortar prescindiendo del plugin sacrificando ciertas comodidades y aplicando las funciones y filtros en el functions.php y el CSS en el style.css.

Esto es lo que se desprende de las mediciones en GTMetrix y Page Speed del impacto en el DOM y otras métricas.

Code Snippets PRO 13
Code Snippets PRO 14

Code Snippets PRO 15

Conclusiones

Code Snippets PRO 16

Aún sin aportar grandes novedades en su versión PRO, mejora mucho su opción gratis y el precio de su licencia básica para el uso en dos sitios me parece correcto para lo que ofrece. Sigo creyendo que es un plugin básico e imprescindible a instalar.

Ligero y muy útil, fundamentalmente ahorra tiempo permitiendo disponer de un único lugar donde poder organizar, revisar y editar todos aquellos pequeños arreglos o modificaciones que a veces se hace inevitable añadir sin tener que tocar en distintos lugares.

Así se evita también que todos esos fragmentos queden olvidados y con paso del tiempo puedan terminar dejando de ser compatibles con el core de WordPress, la versión de PHP o la plantilla y arrojando errores inesperados.

También hay que advertir que, en ocasiones (aunque no es muy frecuente), un fragmento añadido en Code Snippets puede tener un comportamiento diferente al que tendría añadido en el archivo al que se dirige por alguna incompatibilidad o configuración de caché.

Por ello siempre es aconsejable probar ambas opciones en caso de errores y comparar el resultado.

Para un usuario sin muchas pretensiones y/o conocimientos también es interesante ya que se puede decir que Code Snippets es ahora casi un pequeño, básico y modesto constructor gracias a su opción de poder añadir HTML.

Además, si eres de los que no trasteas mucho tu plantilla puedes incluso prescindir de usar un tema hijo (con reservas).

Pros

  • Ligero, impacto mínimo en el rendimiento.
  • Muy útil y cómodo para centralizar todos tus fragmentos de código.
  • Dos nuevos bloques para añadir contenido HTML y mostrar código.

Contras

  • Sin grandes novedades en su primera versión.
  • Se usa Freemius para la suscripción, que nunca me gustó mucho.


Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Artículos relacionados



Repositorio de documentales sobre dibujantes de cómic y humor gráfico.

Tontolares. Los titulares más gilipollas de la prensa. Envía los tuyos

Tu WordPress puede volar

Servicio de optimización

Suscripción por e-mail

Recibe gratis los artículos completos en tu correo sin publicidad en el momento que se publiquen. Se envía el contenido íntegro del feed sin anuncios a través de un servicio externo.