Code Snippets: una forma práctica de personalizar WordPress con código

Si alguna vez has necesitado agregar código personalizado en tu sitio WordPress, seguro que te has encontrado con el dilema de editar el functions.php de tu tema. Pero, seamos honestos, tocar ese archivo puede ser un desastre si no sabes lo que haces. 😅

Un error en el código y ¡boom! Pantalla blanca de la muerte. Adiós web. Adiós tranquilidad.

Aquí es donde entra en juego Code Snippets, un plugin que te permite añadir funciones personalizadas de forma segura, organizada y sin complicaciones. Y lo mejor: sin tocar archivos del tema. 🎯

Ya sea que quieras modificar funcionalidades, hacer ajustes en WooCommerce o mejorar la experiencia de usuario, este plugin te permite agregar y gestionar fragmentos de código de forma sencilla y ordenada, sin miedo a romper nada.

En este post te voy a contar:

✅ Qué es Code Snippets y por qué es tan útil.
✅ Cómo instalarlo y usarlo (sin dolores de cabeza).
✅ Ejemplos prácticos de snippets para personalizar WordPress, WooCommerce y usuarios.
✅ Otras opciones si prefieres no instalar el plugin.

💡 Qué es Code Snippets y por qué es tan útil

Piensa en Code Snippets como un mini-plugin de funciones personalizadas. En lugar de tener que tocar el functions.php de tu tema o crear un plugin propio, puedes añadir código en una interfaz limpia, donde puedes activar, desactivar y organizar cada snippet como quieras.

Ventajas de usar Code Snippets

✅ No pierdes los cambios al cambiar de tema.
✅ Puedes activar y desactivar snippets sin riesgos.
✅ Si el código tiene errores, el plugin lo desactiva automáticamente para evitar problemas.
✅ Mantienes todo ordenado sin ensuciar archivos del sistema.
✅ Facilita la personalización de WordPress sin necesidad de ser un experto en código.

Es la forma más sencilla y segura de modificar WordPress a tu gusto sin miedo a romperlo. 🎯

🚀 Cómo instalar y usar Code Snippets

1. Instalar el plugin

Esto es lo más fácil del mundo:

1. Ve a Plugins > Añadir nuevo en tu panel de WordPress.
2. Busca «Code Snippets» en el repositorio.
3. Haz clic en Instalar y luego en Activar.

También puedes ir a ver directamente el plugin en el repositorio de WordPress

💡 Si quieres funciones avanzadas como programar snippets o ejecutarlos solo en ciertas páginas, puedes probar la versión Pro.

2. Crear tu primer snippet

1. Ve a Fragmentos de código > Añadir nuevo.
2. Ponle un título para identificarlo.
3. Pega el código PHP en el editor.
4. Decide dónde ejecutarlo (en todo el sitio, solo en el admin, etc.).
5. Guarda y activa el snippet.

Y listo, tu WordPress ya está personalizado sin tocar archivos «peligrosos«. 🎯

🔥 10 Snippets Para Personalizar WordPress

3 Snippets para la Apariencia de WordPress

1. Desactivar el editor de bloques (Gutenberg) y usar el editor clásico

add_filter('use_block_editor_for_post', '__return_false', 10);

2. Personalizar la barra de admin según el rol del usuario

function sw_custom_admin_bar() {
    if (!current_user_can('manage_options')) {
        remove_admin_bar();
    }
}
add_action('after_setup_theme', 'sw_custom_admin_bar');

3. Eliminar la versión de WordPress del código fuente (seguridad mejorada)

remove_action('wp_head', 'wp_generator');

4. Snippet para cambiar el texto del pie de página en el admin de WordPress

function sw_cambiar_texto_footer_admin() {
    echo 'Desarrollado con ❤️ por <a href="https://salmon-clam-238724.hostingersite.com" target="_blank">Sebasweb</a>';
}
add_filter('admin_footer_text', 'sw_cambiar_texto_footer_admin');

3 Snippets para WooCommerce

5. Cambiar el texto del botón «Añadir al carrito»

function sw_cambiar_texto_boton_carrito($text) {
    return 'Comprar ahora';
}
add_filter('woocommerce_product_single_add_to_cart_text', 'sw_cambiar_texto_boton_carrito');

6. Ocultar los precios para usuarios no logueados

function sw_ocultar_precios_no_logueados($price, $product) {
    if (!is_user_logged_in()) {
        return 'Inicia sesión para ver el precio';
    }
    return $price;
}
add_filter('woocommerce_get_price_html', 'sw_ocultar_precios_no_logueados', 10, 2);

7. Agregar un mensaje personalizado después de comprar

function sw_mensaje_personalizado() {
    echo '<p>🎉 ¡Gracias por tu compra! Si tienes dudas, contáctanos.</p>';
}
add_action('woocommerce_thankyou', 'sw_mensaje_personalizado');

3 Snippets para Mejorar la Experiencia de Usuario

8. Redirigir usuarios no logueados a la página de inicio de sesión

function sw_redirigir_no_logueados() {
    if (!is_user_logged_in()) {
        wp_redirect(wp_login_url());
        exit;
    }
}
add_action('template_redirect', 'sw_redirigir_no_logueados');

9. Permitir solo emails de un dominio específico en el registro

function sw_validar_email_registro($errors, $sanitized_user_login, $user_email) {
    if (!strpos($user_email, '@miempresa.com')) {
        $errors->add('email_error', 'Solo se permiten correos @miempresa.com');
    }
    return $errors;
}
add_filter('registration_errors', 'sw_validar_email_registro', 10, 3);

10. Desactivar la barra de herramientas para usuarios no administradores

add_action('after_setup_theme', function() {
    if (!current_user_can('manage_options')) {
        show_admin_bar(false);
    }
});

Con Code Snippets tienes una manera rápida, segura y organizada de personalizar WordPress con código.

Aunque en este artículo te comparto algunas cosas que ya puedes hacer con la versión gratuita, también te quiero mostrar a continución que cosas puedes hacer con la versión pro, que además puedes ir a ver directamente en el siguiente enlace:

Característica	Gratis	Pro
Almacenamiento en la nube privado ilimitado	✅	✅
Validación de código y sugerencias de errores	✅	✅
Crear / Almacenar snippets ilimitados	✅	✅
Insertar snippets con shortcodes o bloques	✅	✅
Elegir el orden de ejecución de snippets	✅	✅
Soporte para WordPress Multisitio	✅	✅
Buscar en la biblioteca de snippets más grande	✅	✅
Importar y exportar entre sitios	✅	✅
Soporte de la comunidad	✅	✅
Todos los tipos de snippets	❌	✅
Crear, Explicar y Verificar con IA	❌	✅
Sincronización y respaldo en la nube	❌	✅
Compartir y desplegar en la nube	❌	✅
Paquetes en la nube	❌	✅
Integración con Elementor – Widget	❌	✅
Minificar snippets de JS	❌	✅
Integración con Elementor – Widget	❌	✅
Minificar snippets de JS	❌	✅
Acceder a datos de snippets vía REST API	❌	✅
Soporte premium vía tickets	❌	✅
CSS con hoja de estilo externa	❌	✅
Automatizar flujos de trabajo con WP-CLI	❌	✅
Condiciones de ejecución de snippets	❌	✅

¿Prefieres otra opción? te comparto otras dos alternativas:

Usar un Child Theme para insertar tu código personalizado:

Si ya tienes uno, puedes agregar el código en tu functions.php. Si no sabes cómo crear un tema hijo o «child theme» y prefieres poner el código de esta forma, aquí en el blog te explico cómo crearlo 👉 Ver cómo crear un child theme para Hello Elementor

Crear tu propio plugin personalizado para insertar tu código:

Otra opción que yo personalmente uso en algunas ocasiones, es crear mi propio plugin personalizado con las funciones que voy necesitando. Esta opción, la implemento si necesito un implementación muy puntual. Aquí te explico cómo hacerlo 👉 Ver artículo

¿Ya utilizas Code Snippets? ¿Te gustó el artículo o tienes alguna sugerencia o pregunta? ¡O incluso si solo quieres dejar un saludo, compártelo conmigo en la caja de comentarios! 🚀