En el vasto ecosistema de WordPress, los desarrolladores y administradores de sitios web buscan constantemente maneras de optimizar y personalizar sus sitios para satisfacer sus necesidades específicas.
Una herramienta poderosa pero a menudo subestimada en este proceso es el uso de code snippets o fragmentos de código.
En este artículo, exploraremos en detalle qué son los code snippets para WordPress, las ventajas que ofrecen y cómo puedes usarlos para mejorar la funcionalidad y el rendimiento de tu sitio. Además, proporcionaré un ejemplo sencillo de un code snippet para ilustrar su aplicación práctica. Así te llevas algo a casa 😉
Empecemos.
Resumen rápido
Los code snippets son pequeños trozos de código que puedes añadir a tu web para cambiar cosas sin instalar más plugins. No necesitas ser programador para usarlos con seguridad.
Tabla de Contenidos
¿Qué son los Code Snippets para WordPress?
Los code snippets son pequeñas porciones de código que puedes agregar a tu sitio de WordPress para modificar o agregar funcionalidades específicas.
Pueden abarcar desde ajustes de diseño hasta mejoras de seguridad o incluso optimización para motores de búsqueda (SEO). Los code snippets son una forma eficiente y flexible de personalizar tu sitio de WordPress sin necesidad de modificar directamente los archivos principales del tema o del núcleo de WordPress.
¿Para quién es esto?
- Personas que usan WordPress pero no saben programar
- Propietarios de negocios, emprendedores o bloggers
- Usuarios que quieren mejorar su web sin recargarla de plugins
Hay tantas posibilidades….
Por ejemplo: Yo uso muchos code snippets para mejorar algunas cosas de WordPress, pero donde más rendimiento le saco es a WooCoomerce, donde puedo generar funciones que los usuarios pueden aprovecharse. Si quieres ver un ejemplo ahora mismo, tengo un post que explico cómo duplicar una página de WordPress con un solo click, que insertando un pequeño fragmento, ya tengo esa función (y sin necesidad de instalar ningún plugin)
Y te preguntarás, pero si lo hace un plugin, ¿para que quiero entonces yo usar code snippets? Esto es porque no conoces las ventajas, sigue leyendo:
Ventajas de Utilizar Code Snippets en WordPress:
A modo resumen:
- Evitan tener que instalar un plugin para cada cosa
- Mejoran la velocidad de tu web
- Permiten personalizar funciones sin complicarte
- Te dan más control sobre lo que hace tu sitio
Mejor explicado:
- Eficiencia en el Desarrollo: Los code snippets permiten reutilizar código previamente escrito, lo que ahorra tiempo y esfuerzo durante el desarrollo.
- Personalización Total: Con los snippets de código, tienes control completo sobre la funcionalidad y el diseño de tu sitio, adaptándolo exactamente a tus necesidades y objetivos.
- Optimización del SEO: Puedes implementar snippets de código que optimicen meta etiquetas, estructura de enlaces, datos estructurados y más, lo que puede influir positivamente en tu posición en los resultados de búsqueda.
- Mejora del Rendimiento: Al escribir código específico y optimizado, puedes mejorar el rendimiento de tu sitio, lo que también puede impactar positivamente en tu clasificación en los motores de búsqueda.
- Seguridad Reforzada: Utilizar snippets de código personalizados te permite implementar medidas de seguridad específicas según tus necesidades, ayudando a proteger tu sitio de posibles vulnerabilidades.
Peeeeeero, quizás, la ventaja más importante de utilizar code snippets en WordPress es:
- Ahorro de mucho tiempo, dinero y mantenimiento de plugins. Si por cada cosa “especial” necesitas un plugin, vas a tener 53 instalaciones, y eso, que quieres que te diga, no es óptimo para una web. Puedes tener sobre carga, mantenimientos infinitos, y como unos cuantos sean de pago, encima te dejas la pasta.
No me mal interpretes, no voy en contra de usar plugins, pero en cuanto a rendimiento, cuantos menos plugins tengamos en un proyecto web, mejor.
Ejemplos de cosas que puedes hacer con un snippet
- Quitar la fecha de los posts
- Ocultar la barra de administración para los usuarios
- Redirigir a otra página tras iniciar sesión
- Añadir texto o botones en lugares donde WordPress no deja por defecto
- Hacer cambios sin tocar el diseño visual de tu web
¿Qué tipo de code snippets hay?
Como hemos dicho antes, hay un montón, pero me gusta clasificarlos por:
- Los que mejoran WordPress
- Los que mejoran algún plugin, por ejemplo, WooCommerce
- Los que mejoran la optimización de WordPress (WPO)
- Los que mejoran la seguridad
- Los que mejoran la experiencia de usuario.
Puede haber más tipos, puede ser, pero creo que ya te puedes hacer una idea de hacia donde va esto.
Cómo Usar Code Snippets en WordPress:
Esto daría para otro post aparte, así que intentaré resumir en dos opciones:
Opción 1: En el archivo functions.php (solo si sabes lo que haces)
Esta opción es más avanzada y no la recomendamos si estás empezando. Puedes romper tu web si cometes un error. Usa siempre un child theme.
Esta es la opción, digamos, tradicional, y se trata de editar functions.php, aunque puede haber otros archivos para editar, éste es el más común.
Pero seguramente no te sientes cómodo con esto, así que la mejor opción es la siguiente:
Opción 2: Con un plugin (recomendado para novatos)
Instala uno de estos:
Y además, tienen opción gratis, por lo que es más que suficiente a mi modo de ver, aunque reconozco que sus opciones PRO molan bastante.
Ambos te permiten añadir y activar trozos de código con solo copiar y pegar, sin riesgo de romper la web.
En caso de usar Code Snippets, podrás crear, editar e instalar tus code snippets y los tendrás como en la siguiente captura de pantalla.
Una vez que vayas a crear uno nuevo, tan solo tendrás que copiar y pegar código tal y como verás en la siguiente captura:
Ejemplo de Code Snippet para WordPress:
Para que no te vayas con las manos vacías, puedes poner en práctica con un sencillo ejemplo.
El siguiente sencillo snippet de código desactiva la barra de administración de WordPress para todos los usuarios que no sean administradores.
Esto puede ser útil si deseas proporcionar una experiencia de usuario más limpia para los editores y autores del sitio.
Tan solo copia el siguiente código y pégalo tal y como te lo he comentado en el anterior paso.
/**
* Desactivar la barra de administración para usuarios no administradores.
*/
function ocultar_barra_admin() {
if (!current_user_can('administrator')) {
add_filter('show_admin_bar', '__return_false');
}
}
add_action('after_setup_theme', 'ocultar_barra_admin');Colección de Code Snippets para WordPress
¿Quieres un montón de Code Snippetts para WordPress? Tienes a tu disposición un vasto directorio de code snippets a tu disposición. Haz click en la imagen siguiente y descárgalo:
Verás un montón de code snippets a tu disposición, ordenados por categorías.
¿Qué son los Code Snippets en WordPress y por qué te interesa usarlos?: EN VÍDEO.
Recursos útiles
Plugins recomendados: Code Snippets, WPCode
Directorio de code snippets para WordPress (NO gratuito) con categorías para SEO, seguridad, WooCommerce, y más
Hosting: Si deseas tener un alojamiento en la nube administrado realmente rápido y fácil de usar, profesional y con un soporte de lujo, te recomiendo LucusHost. (mira mi reseña aquí).
Desde este enlace podrás conseguir un 20% de descuento.
Preguntas frecuentes
¿Es seguro usar code snippets para WordPress?
Sí, si usas un plugin como Code Snippets. Te avisa si hay errores antes de activarlo.
Además, puedes desactivarlos con un clic si algo no va bien.
¿Necesito saber programar?
No. Solo tienes que copiar y pegar el código donde se indica. Si usas un plugin, es aún más fácil.
¿Es mejor que usar plugins normales?
Depende. Si solo necesitas una función muy concreta, el snippet será más ligero y rápido.
¿Puedo dañar mi web?
Si sigues los pasos recomendados y usas un plugin, el riesgo es muy bajo.
¿Puedo duplicar una página con snippet?
Sí. Hay snippets que copian páginas/entradas en un clic, sin plugins pesados
¿Afecta al SEO?
Sí. Puedes optimizar meta tags, datos estructurados y enlaces sin plugin SEO adicional.
¿Es seguro editar el functions.php?
Sí, si usas un child theme. Pero usar un plugin gestor evita errores fatales en producción.
Resumen rápido
- Los code snippets para WordPress son funciones que añades a tu web sin instalar plugins.
- Puedes usarlos con un plugin fácil y seguro.
- Son útiles para personalizar tu sitio y hacerlo más rápido.
- No necesitas saber programar si sigues las instrucciones.
- Te dan más control sobre WordPress sin complicaciones.
¿Quieres probarlo ya?
He preparado una colección de snippets listos para usar. Puedes encontrarlos aquí: Plantilla Notion con snippets para WordPress
Me he descargado la colección de code snippets y estoy flipando. Gracias porque me va a ahorrar un montón de horas de curro. Lo recomiendo!!!
Muchas gracias Sara, espero que lo disfrutes y cualquier cosa me dices
Gracias por el artículo Álex.
Dejo por aquí una útil (y gratuita) biblioteca de snippets para WordPress. En constante actualización, y además con la posibilidad de que el usuario pueda enviar códigos que conozca: codigoswp.com
😉
Buen aporte, Chema!
Muchas gracias