Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo crear un formulario de búsqueda avanzado en WordPress para tipos de publicación personalizados

Si utilizas tipos de publicación personalizados, es una buena idea añadir un formulario de búsqueda que permita a los visitantes buscar solo dentro de ese contenido. Esto facilita que los usuarios encuentren lo que necesitan y los mantiene más tiempo en tu sitio.

En WPBeginner, hemos utilizado tipos de publicación personalizados en varios de nuestros sitios para organizar mejor el contenido. También añadimos formularios de búsqueda dedicados para estos tipos de publicación y vimos un claro aumento en las vistas de publicaciones y la participación.

Antes, estas publicaciones eran más difíciles de encontrar. Pero con la funcionalidad de búsqueda personalizada, ahora son mucho más descubribles, lo que ayuda a más usuarios a conectar con el contenido que les importa.

En este artículo, te mostraremos cómo crear fácilmente un formulario de búsqueda avanzado para tipos de publicación personalizados en WordPress, paso a paso. ¡Vamos a ello!

Cómo crear un formulario de búsqueda avanzado en WordPress para tipos de publicaciones personalizadas

¿Por qué crear un formulario de búsqueda avanzado para tipos de publicación personalizados?

Los tipos de publicación personalizados te permiten ir más allá de las publicaciones y páginas y crear diferentes tipos de contenido para tu sitio web. Por ejemplo, en WPBeginner utilizamos tipos de publicación personalizados para organizar nuestras secciones de Ofertas y Glosario.

Sin embargo, WordPress no incluye los tipos de publicación personalizados en sus resultados de búsqueda por defecto. Como resultado, los visitantes pueden perderse contenido importante y tú perderás páginas vistas.

Afortunadamente, puedes incluir tipos de contenido personalizados en tus resultados de búsqueda utilizando un plugin de búsqueda de WordPress. Incluso puedes ir un paso más allá y crear un formulario avanzado que busque solo tipos de contenido personalizados.

Por ejemplo, en WPBeginner, hemos creado formularios de búsqueda de tipos de contenido personalizados en nuestras páginas de Ofertas y Glosario.

Un ejemplo de un formulario de búsqueda personalizado en el sitio web de WPBeginner

A menudo, este tipo de formulario de búsqueda avanzada ayudará a los visitantes a encontrar lo que buscan más rápido, lo que mejorará la experiencia del visitante y reducirá la tasa de rebote.

Primero, puedes consultar nuestra guía sobre cómo crear tipos de contenido personalizados en WordPress. Luego, puedes pasar a nuestro tutorial sobre cómo crear un formulario de búsqueda avanzado de WordPress para tipos de contenido personalizados a continuación.

Crea un nuevo algoritmo de búsqueda de WordPress con un plugin de WordPress

La forma más fácil de crear un formulario de búsqueda avanzado para tipos de contenido personalizados es utilizando el plugin SearchWP. Es el mejor plugin de búsqueda y te permite buscar contenido que WordPress ignora por defecto.

Por ejemplo, puedes hacer que los comentarios del blog sean buscables y agregar indexación y búsqueda de PDF a tu sitio web.

Lo hemos utilizado varias veces nosotros mismos, y para obtener más información sobre el plugin, consulta nuestra reseña completa de SearchWP.

¿Es SearchWP el plugin de búsqueda adecuado para ti?

Cómo configurar SearchWP

Lo primero que necesitas hacer es instalar y activar el plugin SearchWP. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debes ir a SearchWP » Ajustes y hacer clic en la pestaña ‘General’.

Ingresa la clave de licencia de SearchWP

Ahora necesitas ingresar tu licencia en el cuadro ‘Clave de licencia’. Puedes encontrar esta información en tu cuenta en el sitio de SearchWP.

Una vez que hayas terminado, asegúrate de hacer clic en el botón ‘Verificar clave’.

Creación de un algoritmo de búsqueda personalizado

Tu siguiente tarea es crear un algoritmo de búsqueda personalizado. Te permite especificar el contenido que SearchWP incluye en sus resultados de búsqueda, como páginas, entradas, medios y cualquier tipo de publicación personalizada.

Para empezar, necesitas ir a SearchWP » Algoritmo en tu panel de administración de WordPress.

Creando un algoritmo de búsqueda con SearchWP

Aquí, verás una sección para cada tipo de contenido que SearchWP incluye en sus resultados de búsqueda.

Para agregar tu tipo de publicación personalizado, simplemente haz clic en el botón ‘Fuentes y Configuración’.

Cómo agregar tipos de publicación personalizados a un motor de búsqueda de WordPress

En la ventana emergente que aparece, marca la casilla junto a cada tipo de publicación personalizado que deseas incluir en los resultados de búsqueda.

Después de eso, haz clic en ‘Listo’.

Creando un formulario de búsqueda de WordPress para tipos de publicación personalizados

SearchWP agregará una nueva sección para cada tipo de publicación personalizado. Cada sección muestra todos los atributos que SearchWP incluirá en sus búsquedas, como el título, el slug y el extracto.

Si deseas agregar o eliminar atributos, simplemente haz clic en ‘Agregar/Eliminar Atributos’.

Creando un formulario de búsqueda para tipos de publicación personalizados

En la ventana emergente, marca la casilla junto a cada atributo que deseas incluir en los resultados de búsqueda.

Para eliminar un atributo, puedes desmarcar su casilla en su lugar.

Agregando atributos al algoritmo de búsqueda de SearchWP

En esta ventana emergente, también puedes hacer que los campos personalizados sean buscables en WordPress.

Cuando estés satisfecho con los cambios que has realizado, procede a hacer clic en ‘Listo’.

Notarás que cada atributo también tiene un control deslizante de Relevancia del Atributo de Aplicación. Esto controla cómo SearchWP clasifica el contenido al construir su página de resultados de búsqueda en WordPress.

Si un atributo tiene alta relevancia, tendrá un mayor impacto en los resultados de búsqueda. Por el contrario, el contenido que coincida con un atributo de menor relevancia aparecerá más abajo en los resultados de búsqueda.

Por ejemplo, si mueves el control deslizante de ‘Título’ hacia la derecha y el control deslizante de ‘Contenido’ hacia la izquierda, entonces el título de una publicación tendrá más peso que el contenido.

Creando un formulario de búsqueda personalizado para tu blog o sitio web de WordPress

Cada sitio web de WordPress es único, por lo que es posible que desees probar diferentes configuraciones de relevancia para ver qué te da los resultados de búsqueda más precisos y útiles.

Por ejemplo, si has creado un tipo de publicación personalizado de ‘reseñas de clientes’ para tu tienda en línea, entonces este es contenido importante, por lo que es posible que desees darle una alta relevancia.

Cuando estés satisfecho con la configuración de la función de búsqueda, simplemente desplázate hasta la parte superior de la pantalla y haz clic en el botón ‘Guardar’.

Guardando el algoritmo de búsqueda de tipos de publicación personalizados

SearchWP ahora reconstruirá el índice automáticamente. Dependiendo de la velocidad de tu conexión a Internet y de tu proveedor de hosting de WordPress, esto puede tardar unos minutos.

Tan pronto como veas ‘Estado del índice 100%’, sabrás que SearchWP ha agregado tus tipos de publicación personalizados a su índice de búsqueda.

Reconstruyendo el índice de búsqueda de WordPress

Tu blog de WordPress, sitio web o mercado en línea ahora incluirá tipos de publicación personalizados en sus resultados de búsqueda.

Crea un formulario de búsqueda avanzado para tipos de publicación personalizados

Con eso hecho, estás listo para crear un formulario avanzado que busque solo tus tipos de publicación personalizados.

Para empezar, dirígete a SearchWP » Formularios de búsqueda y haz clic en el botón ‘Añadir nuevo’.

Creando un nuevo formulario de búsqueda personalizado

Esto crea un nuevo formulario, listo para que lo personalices.

Para darle un nombre único a este formulario, haz clic en el pequeño icono de lápiz junto a ‘Formulario de búsqueda 1’.

Renombrando el formulario de búsqueda personalizado usando SearchWP

Ahora puedes escribir un nombre para el formulario de búsqueda personalizado.

Esto es solo para tu referencia, por lo que puedes usar cualquier cosa que te ayude a identificar el formulario en tu panel de WordPress. Esto es particularmente importante si planeas crear múltiples formularios de búsqueda en WordPress.

Creando un formulario de búsqueda avanzado usando SearchWP

Después de eso, puedes elegir el diseño que deseas usar con las miniaturas de ‘Tema de diseño’.

Simplemente haz clic en los diferentes temas para ver una vista previa de cómo se verá este estilo en tu sitio web de WordPress.

Eligiendo un tema para el formulario de búsqueda personalizado

Para crear un formulario de búsqueda para tipos de publicación personalizados, normalmente querrás usar ‘Búsqueda básica’ o ‘Búsqueda rápida’.

Estos estilos no permiten a los visitantes buscar por categoría, lo que ayuda a mantenerlos enfocados en los tipos de publicación personalizados.

Creando un formulario de búsqueda rápida para tu sitio web o blog de WordPress

Después de tomar tu decisión, desplázate hasta la sección ‘Estilo personalizado’.

La configuración que ve puede variar según el diseño de su tema. Por ejemplo, si seleccionó 'Búsqueda rápida', la configuración de 'Búsqueda rápida' se habilitará de forma predeterminada.

Agregando estilo personalizado a una barra de búsqueda en WordPress

Puede deshabilitar y habilitar las diferentes opciones usando sus interruptores.

La vista previa en vivo se actualizará automáticamente a medida que realice cambios, para que pueda probar diferentes configuraciones y ver qué funciona mejor.

De forma predeterminada, el formulario busca medios, páginas y publicaciones, e ignora los tipos de publicación personalizados. Para incluir tipos de publicación personalizados, debe encontrar el campo 'Tipo de búsqueda' y hacer clic en él.

Buscando publicaciones, páginas, medios y más usando SearchWP

Ahora puede escribir el nombre de cada tipo de publicación personalizado.

Cuando aparezca el tipo de publicación correcto, haga clic en él para agregarlo a la búsqueda.

Agregando tipos personalizados a una barra o formulario de búsqueda de WordPress

¿Desea buscar solo tipos de publicación personalizados e ignorar todo el contenido restante?

Entonces, simplemente haga clic en la pequeña 'X' junto a 'Medios', 'Páginas' y 'Publicaciones'.

Eliminando tipos de publicación de un algoritmo de búsqueda personalizado

Hecho esto, el formulario buscará solo sus tipos de publicación personalizados.

Cuando esté satisfecho con la configuración del formulario, desplácese hasta la sección 'Estilo del formulario'. Aquí, puede elegir entre diferentes estilos de formulario, agregar un borde, cambiar el tamaño de fuente y más.

Cambiando el estilo del formulario de WordPress

En 'Estilo del botón', puede personalizar el botón 'Buscar' que aparece en el formulario.

Cuando esté satisfecho con la configuración del formulario, desplácese hasta la parte superior de la pantalla y haga clic en 'Guardar' para almacenar su configuración.

Guardando la configuración de búsqueda personalizada en tu sitio web o blog

Cómo agregar tipos de publicación personalizados a WordPress

Ahora, está listo para agregar el formulario de búsqueda a WordPress usando un shortcode o un bloque.

El método más fácil es usar un bloque, así que diríjase a la página o publicación donde desea agregar el formulario de tipo de publicación personalizado.

Luego puede hacer clic en el ícono '+' y escribir 'Formulario de búsqueda'.

Agregando un bloque de búsqueda a tu blog o sitio web de WordPress

Cuando aparezca el bloque correcto, haga clic en él.

A continuación, abre el menú desplegable ‘Seleccionar un formulario’ y elige el formulario de búsqueda que creaste durante este tutorial.

Mostrando una búsqueda personalizada en WordPress

Cuando estés listo para publicar el formulario de búsqueda, simplemente haz clic en ‘Actualizar’ o ‘Publicar’. Ahora, puedes visitar tu sitio web para ver el formulario de búsqueda en acción.

Otra opción es agregar el formulario de búsqueda usando un shortcode.

Para obtener el shortcode, necesitas ir a SearchWP » Formularios de búsqueda. Aquí, encuentra el formulario de búsqueda que deseas mostrar y copia el valor en la columna ‘Shortcode’.

Obteniendo el shortcode para un formulario de búsqueda personalizado

Ahora puedes agregar el shortcode a cualquier página, publicación o área lista para widgets. Para obtener instrucciones paso a paso sobre cómo hacer esto, consulta nuestra guía sobre cómo agregar un shortcode en WordPress.

Consejo extra: Agrega tipos de publicación personalizados a tu feed RSS

Ahora que has creado un formulario de búsqueda para tipos de publicación personalizados, también puedes agregarlos a tu feed RSS principal. Esto facilitará que los usuarios descubran más contenido en tu sitio web y se suscriban a él.

Además, permitir tipos de publicación personalizados en el feed RSS principal puede mejorar el SEO de tu sitio.

Para hacer esto, necesitarás agregar el siguiente código personalizado a tu archivo functions.php. Ten en cuenta que puede ser un poco peligroso porque el más mínimo error puede romper tu sitio web.

function myfeed_request($qv) {
if (isset($qv['feed']))
$qv['post_type'] = get_post_types();
return $qv;
}
add_filter('request', 'myfeed_request');

Es por eso que recomendamos usar WPCode. Es el mejor plugin de fragmentos de código de WordPress y la forma más segura de agregar código personalizado.

¿Sabías que? Algunas de nuestras marcas asociadas utilizan WPCode para agregar fácilmente fragmentos de código personalizados a sus sitios de WordPress, y les ha funcionado excepcionalmente bien. También hemos explorado todas sus funciones en detalle, que puedes consultar en nuestra reseña completa de WPCode.

Una vez activado el plugin, simplemente visita la página Fragmentos de código » + Agregar fragmento y elige la opción 'Agregar tu código personalizado (Nuevo fragmento)'.

Elige la opción 'Agregar tu código personalizado (Nuevo fragmento)'

Esto te dirigirá a la página 'Crear fragmento personalizado', donde deberás agregar un nombre para el fragmento y elegir 'Fragmento PHP' como tipo de código.

Después de eso, puedes agregar el código y cambiar el interruptor de ‘Inactivo’ a ‘Activo’.

Guardar fragmento para agregar tipo de publicación personalizado al feed RSS de WordPress

Luego, haz clic en el botón ‘Guardar fragmento’ para almacenar tu configuración. Tus tipos de publicación personalizados ahora se han agregado al feed RSS principal de WordPress.

Para obtener más detalles, consulta nuestro tutorial sobre cómo agregar tipos de publicación personalizados a tu feed RSS principal de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo crear un formulario de búsqueda avanzada en WordPress para tipos de publicación personalizados. También te puede interesar nuestro tutorial sobre cómo usar múltiples formularios de búsqueda en WordPress y nuestra guía sobre cómo excluir páginas específicas, autores y más de la búsqueda de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

36 CommentsLeave a Reply

  1. Intenté configurar Campos Personalizados Avanzados y tipos de publicación personalizados para reseñas en mi sitio web para que todo sea personalizado y tenga su propia estructura. Fue solo gracias a este artículo que me enteré de que podría haber un problema al buscar contenido para tipos de publicación personalizados. Esta es información nueva para mí. Dado que Search WP llamó mi atención en muchos de tus otros artículos, es evidentemente una herramienta de búsqueda muy útil que definitivamente quiero probar. Después de todo, también puede resolver muchos otros problemas relacionados con la búsqueda discutidos aquí. Gracias por el gran consejo.

  2. Gracias por la información, quiero saber si hay alguna manera de tener formularios de búsqueda de estilo desplegable, ya que tengo un gran número de tipos de publicación, se vería feo si los pusiera todos debajo de la barra de búsqueda.

  3. Hola, muchas gracias. Esto me funciona bastante bien. Estoy usando un menú desplegable en lugar de una casilla de verificación. Pero, ¿cómo puedo estilizarlo para que se parezca al de la sección de búsqueda del encabezado de LinkedIn? ¿Eso requiere JavaScript? ¿Uso iconos de fuentes para eso? Estoy usando Font Awesome en mi encabezado. Pero no sé cómo integrar esto con Font Awesome en un menú desplegable.

  4. ¿Cómo podría usar esto para buscar en una tabla de datos personalizada? Esto es para el sitio de un equipo deportivo, y básicamente, necesito una caja de búsqueda donde alguien pueda "Buscar por": Apellido, Nombre o Equipo.

    Entonces, ¿cómo puedo buscar por un nombre de campo?

  5. Este es un tutorial increíble, gracias.

    ¿Hay alguna forma de mezclar esto con categorías? Para poder seleccionar tanto tipos de publicación personalizados como categorías?

    Gracias de nuevo :).

  6. Buen tutorial... Estoy diseñando una búsqueda personalizada para mi nuevo sitio en este momento.

    ¿Por qué no crees que buscar en páginas sea una buena idea?

  7. Estoy recibiendo este error después de cambiar el nombre de los campos de entrada a s[]

    Warning: stripslashes() expects parameter 1 to be string, array given in wp-includes\query.php on line 2179

    He cambiado la llamada a stripslashes() por stripslashes_deep() pero rompió otras cosas... ¿alguna sugerencia?

  8. Estoy buscando una forma de tener un formulario con controles separados para ubicación Y categoría, ambos en menús desplegables. Obviamente puedo hacer esto, pero no tengo idea de cómo hacer una búsqueda de múltiples consultas en WordPress. ¿Alguna idea?

  9. ¿Crees que es posible hacer lo mismo pero incluyendo también las Categorías de Tipo de Publicación…

    …quiero decir, las mismas casillas de verificación de Tipo de Publicación y cuando el usuario selecciona una casilla específica que aparezcan desplegables otras casillas pero como categorías y filtrar aún más la Búsqueda de WordPress?

  10. ¡Genial! ¡Gracias por la ayuda!
    Solo hay una cosa, sin embargo...

    Mis tipos de publicaciones están todos estilizados de manera diferente.
    ¿Cómo puedo asignar la plantilla de un tipo de publicación con los tipos de publicación correctos?

    ¡Gracias!

  11. ¡Gran tutorial! Una pregunta sin embargo: ¿Cuál sería la sintaxis para que las casillas de verificación en el formulario utilicen taxonomías en lugar de tipos de publicación?

    ¿Funcionaría algo como esto?:

    Quizás esto sea digno de otro tutorial. Cualquier ayuda adicional es muy apreciada.

      • No, decidí usar tipos de publicación personalizados en su lugar.

        Si alguien tiene alguna idea sobre esto, se lo agradecería mucho.

        La pregunta específica es cómo hacer que algo como esto funcione usando taxonomías en lugar de tipos de publicación?

  12. Hola, ¿tampoco tendrías una sección para agregar, quizás para aquellos de nosotros que queremos una interfaz de formulario de búsqueda con menú desplegable en lugar de casillas de verificación? 
    Gracias.

    • ¡Sí!
      Lo que dijo Zach…

      Sería ideal que este "Formulario Avanzado" pudiera buscar en campos personalizados. De esta manera podrías crear el formulario de búsqueda definitivo. ¿Alguien se anima??? ¡Vamos WP Beginner!

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.