• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar el número de resultados de una búsqueda en WordPress

Descubre en este tutorial de código cómo enseñar el número de resultados junto al título de la página al realizar una búsqueda en WordPress.

Si tienes un buscador en tu página ser puede que te interese mostrar la cantidad de resultados encontrados al realizar una búsqueda.

Sería algo así:

Ejemplo de página de resultados que muestra el número en el título.

¿Qué te parece? ¿Te interesa mostrar el número de resultados en el título al realizar una búsqueda?

Pues sigue leyendo. 😉

Instrucciones para mostrar el número de resultados en el título al realizar una búsqueda en WordPress

1. Muestra el número de resultados

Añade el siguiente código al final de functions.php o del plugin de funcionalidades:

Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.

Con este snippet usas el filtro genesis_search_title_text en combinación con la query de WordPress para que muestre el número de resultados junto al título.

2. Personaliza el CSS del título

Cuando ya has conseguido que se visualice el número de entradas en la página de archivos del CPT, solo te falta asignar los estilos para que luzca tal y como deseas.

Para ello, añade este bloque al final de style.css:

Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.

Al insertar estas líneas de CSS aumentas y centras el tamaño, tanto del título como de la descripción de la página.

Por supuesto, puedes modificarlo a tu gusto.

Conclusiones

Ahora ya sabes cómo mostrar el número de resultados en el título al realizar una búsqueda en WordPress.

Ya solo te queda ponerlo en práctica. 😉

¿Alguna duda? Te leo en los comentarios.

Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉

Archivo CSS Genesis Framework PHP WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?