✅10 Snippets Útiles para Personalizar HivePress (Vol. 2)

HivePress es muy flexible y permite personalizar casi cualquier detalle mediante pequeños fragmentos de código. El problema es que, aunque hay muchos snippets disponibles en su documentación oficial, la mayoría no vienen explicados en profundidad ni adaptados a casos reales.

Por eso he preparado esta serie de artículos donde te comparto 10 snippets por volumen, con explicaciones claras, ejemplos reales y consejos sobre cuándo usarlos. Todos ellos probados, útiles y listos para pegar en tu web.

Si es la primera vez que usas estos códigos, te explico brevemente cómo aplicarlos.

¿Dónde coloco estos snippets?

Puedes aplicar cualquiera de estos snippets de dos formas distintas. Elige la que te resulte más cómoda:

1. En el archivo functions.php de tu tema hijo

Ve a Apariencia > Editor de archivos (o entra por FTP), busca el archivo llamado functions.php dentro de tu tema hijo y pega el código al final del archivo.

Importante: si estás usando el tema padre sin un tema hijo, no lo hagas aquí, porque perderás los cambios al actualizar el tema.

2. Usando el plugin «Code Snippets»

Si no quieres tocar archivos o prefieres tener todos los códigos organizados, instala el plugin gratuito Code Snippets.

Una vez instalado:

• Ve a Snippets > Añadir nuevo
• Pega el código
• Activa la opción «Ejecutar en todas partes»
• Guarda y activa

Este método es más seguro, más limpio y no depende del tema que estés usando.

Empezamos con el segundo bloque de 10.

1. Desactivar los iconos de Font Awesome

add_filter( 'hivepress/v1/styles', function( $styles ) {
    unset( $styles['fontawesome'] );
    unset( $styles['fontawesome_solid'] );
    return $styles;
}, 1000 );

Por defecto, HivePress carga varias hojas de estilo de Font Awesome, incluso si tu tema ya lo hace. Esto puede ser útil para usuarios sin conocimientos técnicos, pero en webs optimizadas o con un diseño propio, puede causar una carga innecesaria de recursos duplicados.

• Qué hace:
  Elimina completamente la carga de los estilos fontawesome y fontawesome_solid que HivePress añade al sitio.
• Para qué sirve:
  Te permite evitar redundancias si tu tema ya los incorpora, reducir el peso total de la página y mejorar los tiempos de carga, algo especialmente importante si estás cuidando el rendimiento para SEO o Core Web Vitals.

Es un cambio pequeño pero muy efectivo si estás afinando el rendimiento de tu sitio.

2. Mostrar el menú de HivePress en un tema externo

if ( function_exists( 'hivepress' ) ) {
    echo hivepress()->template->render_menu();
}

Si usas un tema que no está diseñado para HivePress, puede que no muestre el menú de usuario por defecto. Este código te permite insertarlo de forma manual en cualquier plantilla PHP de tu tema.

• Qué hace:
  Renderiza el menú de HivePress (cuenta, login, logout, etc.) allá donde lo coloques.
• Para qué sirve:
  Es útil si tu tema no tiene integración automática con HivePress, como en plantillas muy personalizadas o diseños propios donde tienes que construir el header a mano.

Con este simple fragmento puedes integrar HivePress en cualquier parte del diseño sin depender del tema.

📌 Importante: Este snippet no se coloca en el archivo functions.php ni en Code Snippets.
Debes pegarlo dentro de una plantilla PHP de tu tema (por ejemplo, en header.php, footer.php, sidebar.php, etc.), exactamente en el lugar donde quieras que aparezca el menú de HivePress.

3. Hacer obligatoria la descripción del perfil de usuario

add_filter( 'hivepress/v1/forms/user_update', function( $form ) {
    $form['fields']['description']['required'] = true;
    return $form;
}, 1000 );

HivePress permite dejar vacía la descripción del perfil de usuario, pero puede que en tu sitio eso no tenga sentido, sobre todo si los perfiles son públicos.

• Qué hace:
  Marca el campo “Descripción” del perfil como obligatorio, impidiendo que se guarden los cambios si está vacío.
• Para qué sirve:
  Asegura que todos los usuarios rellenen su bio, algo esencial si sus perfiles se muestran en un directorio, marketplace o espacio colaborativo.

Con este código puedes reforzar la calidad del contenido que muestran tus usuarios en su perfil.

4. Activar el editor enriquecido en el perfil

add_filter( 'hivepress/v1/models/user', function( $model ) {
    $model['fields']['description']['editor'] = true;
    return $model;
}, 1000 );

Por defecto, el campo de descripción en el perfil de HivePress es un simple textarea. Pero puedes mejorar la experiencia del usuario activando un editor con formato.

• Qué hace:
  Cambia el campo de texto plano por un editor enriquecido que permite HTML, enlaces, listas y formato visual.
• Para qué sirve:
  Ideal para proyectos donde los perfiles se muestran públicamente y el usuario necesita expresarse mejor. También da un aspecto más profesional a las bios.

Es una mejora visual y funcional que marca la diferencia en cualquier web orientada a comunidad o servicios.

5. Hacer obligatoria la imagen de perfil

add_filter( 'hivepress/v1/forms/user_update/errors', function( $errors, $form ) {
    $user = $form->get_model();
    if ( $user && ! $user->get_image__id() ) {
        $errors[] = 'Por favor, sube una imagen de perfil.';
    }
    return $errors;
}, 1000 );

En muchos sitios es importante que los usuarios tengan una imagen, especialmente si aparecen en listados o secciones visibles. Este código lo obliga desde el panel de edición del perfil.

• Qué hace:
  Añade una validación personalizada que impide guardar el perfil si no hay una imagen cargada.
• Para qué sirve:
  Garantiza que todos los usuarios tengan avatar, mejorando la coherencia visual del sitio y aportando más confianza si sus datos se muestran públicamente.

Muy útil para marketplaces, comunidades o cualquier web donde los perfiles tengan visibilidad real.

6. Cambiar la posición de la barra lateral en la búsqueda de anuncios

add_filter( 'hivepress/v1/templates/listings_view_page', function( $template ) {
    return hivepress()->helper->merge_trees( $template, [
        'blocks' => [
            'page_sidebar' => [ '_order' => 123 ],
        ],
    ] );
} );

HivePress permite reorganizar los bloques de sus plantillas, y la barra lateral (filtros) es uno de ellos. Con este código puedes cambiar su posición fácilmente.

• Qué hace:
  Modifica el orden del bloque page_sidebar dentro de la vista de anuncios.
• Para qué sirve:
  Te da control total sobre la estructura de la página: puedes colocar los filtros debajo, arriba o a un lado según el diseño que estés trabajando.

Una solución muy útil si estás maquetando una búsqueda personalizada o adaptando el diseño a móviles.

7. Cambiar el texto del campo «Palabras clave»

add_filter( 'hivepress/v1/forms/listing_search', function( $form ) {
    if ( isset( $form['fields']['s'] ) ) {
        $form['fields']['s']['placeholder'] = 'Escribe lo que necesitas...';
    }
    return $form;
} );

El placeholder del campo de búsqueda puede ser genérico para tu tipo de sitio. Con este snippet puedes cambiarlo fácilmente.

• Qué hace:
  Reemplaza el texto por defecto del campo de búsqueda principal (generalmente dice “Palabras clave”).
• Para qué sirve:
  Puedes personalizarlo según tu temática: “Busca un servicio”, “Escribe una ciudad”, “Introduce una marca”… lo que encaje con tu web.

Pequeños detalles como este mejoran la experiencia del usuario y hacen que el formulario sea más intuitivo.

8. Añadir una descripción en solicitudes de pago

add_filter( 'hivepress/v1/forms/payout_request', function( $form ) {
    $form['fields']['details']['description'] = 'Especifica tu método de pago o los datos necesarios para recibir el dinero.';
    return $form;
}, 1000 );

A veces los formularios no son del todo claros para el usuario. Esta descripción sirve como guía.

• Qué hace:
  Añade una línea de texto debajo del campo “Detalles” en el formulario de solicitud de pago.
• Para qué sirve:
  Permite explicar qué tipo de información necesitas: IBAN, dirección de PayPal, método preferido, etc.

Una manera rápida y efectiva de reducir errores o solicitudes incompletas.

9. Cambiar la longitud máxima del título y descripción

add_filter( 'hivepress/v1/models/listing', function( $model ) {
    $model['fields']['title']['max_length'] = 80;
    $model['fields']['description']['max_length'] = 400;
    return $model;
} );

Hay usuarios que escriben títulos de 20 palabras o descripciones sin fin. Puedes limitarlo fácilmente con este código.

• Qué hace:
  Define un número máximo de caracteres para los campos “Título” y “Descripción” en los anuncios.
• Para qué sirve:
  Mantiene el diseño limpio, especialmente si usas tarjetas o bloques donde el texto debe estar acotado. También mejora la legibilidad del contenido.

Una medida simple que ayuda a mantener la coherencia visual en todos los anuncios.

10. Moderar los cambios en anuncios

add_filter( 'hivepress/v1/forms/listing_update', function( $form ) {
    $form['fields']['title']['_moderated'] = true;
    $form['fields']['description']['_moderated'] = true;
    return $form;
} );

Aunque apruebes un anuncio al crearlo, el usuario puede editarlo más adelante. Este código lo pone de nuevo en revisión.

• Qué hace:
  Obliga a que cualquier cambio en el título o descripción vuelva a pasar por moderación.
• Para qué sirve:
  Evita que el usuario modifique el contenido por otro no aprobado una vez publicado. Ideal para sitios con control editorial.

Te da una capa extra de seguridad sin necesidad de instalar ningún plugin adicional.

Conclusión

Como has visto, con unos pocos snippets puedes adaptar HivePress a las necesidades reales de tu proyecto sin necesidad de plugins adicionales ni personalizaciones complejas.

En este segundo volumen nos hemos centrado en mejorar la experiencia del usuario, controlar el contenido que publican y ajustar la interfaz de forma más profesional.

Puedes combinar varios de estos fragmentos según el tipo de web que estés montando, y si te han servido, te animo a seguir con el Volumen 3, donde seguimos exprimiendo al máximo el potencial de HivePress con otros 10 ajustes listos para usar.