Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un formulario de búsqueda avanzada en WordPress para tipos de contenido personalizado entradas

¿Desea crear un formulario de búsqueda avanzada en WordPress para tipos de contenido personalizados?

Si utiliza tipos de contenido personalizados, puede crear un formulario que permita a los visitantes buscar solo ese contenido. Esto puede ayudar a la gente a encontrar lo que buscan y mantenerlos en su sitio por más tiempo.

En este artículo, le mostraremos cómo crear fácilmente un formulario de búsqueda avanzada para tipos de contenido personalizados en WordPress, paso a paso.

How to create advanced search form in WordPress for custom oost types

¿Por qué crear un formulario de búsqueda avanzada para tipos de contenido personalizados?

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

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

Afortunadamente, puede incluir tipos de contenido personalizados en los resultados de búsqueda mediante 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 tipo de contenido personalizado en nuestras páginas de Ofertas y Glosario.

An example of a custom search form on the WPBeginner website

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

Primero, puedes ver nuestra guía sobre cómo hacer tipos de contenido personalizados en WordPress. A continuación, puede saltar a nuestro tutorial sobre cómo crear un formulario de búsqueda avanzada de WordPress para tipos de contenido personalizado.

Crear 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 avanzada para tipos de contenido personalizado es utilizando el plugin SearchWP. Es el mejor plugin de búsqueda y te permite buscar contenido que WordPress ignora por defecto.

Por ejemplo, puede hacer que se puedan buscar comentarios en blogs y añadir indexación y búsqueda de PDF a su sitio web.

Cómo establecer SearchWP

Lo primero que tienes que 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.

Una vez activado, debe ir a SearchWP ” Ajustes y hacer clic en la pestaña “General”.

Enter SearchWP license key

Ahora debe introducir su licencia en la casilla “Clave de licencia”. Puede encontrar esta información en su cuenta del sitio SearchWP.

Una vez que haya terminado, asegúrese de hacer clic en el botón “Verificar clave”.

Creación de un algoritmo de búsqueda personalizado

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

Para empezar, debe ir a SearchWP “ Algoritmo en su escritorio de administrador de WordPress.

Creating a search algorithm using SearchWP

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

Para añadir su tipo de contenido personalizado, sólo tiene que hacer clic en el botón “Fuentes y ajustes”.

How to add custom post types to a WordPress search engine

En la ventana emergente que aparece, marque / compruebe la casilla situada junto a cada tipo de contenido personalizado que desee incluir en los resultados de búsqueda.

A continuación, haga clic en “Listo”.

Creating a WordPress search form for custom post types

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

Si desea añadir o eliminar atributos, sólo tiene que hacer clic en “Añadir / Eliminar atributos”.

Creating a search form for custom post types

En el mensaje / ventana emergente, marque la casilla siguiente a cada atributo que desee incluir en los resultados de la búsqueda.

Para quitar / eliminar un atributo, puede desmarcar su casilla en su lugar.

Adding attributes to the SearchWP search algorithm

En esta ventana emergente, también puede hacer que los campos personalizados se puedan buscar en WordPress.

Cuando esté satisfecho con los cambios realizados, siga adelante y haga clic en “Hecho”.

Usted notará que cada atributo también tiene un carrusel / control deslizante de Relevancia de 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 una gran relevancia, tendrá un mayor impacto en los resultados de búsqueda. Por el contrario, el contenido que coincida con un atributo que tenga menos relevancia aparecerá más abajo en los resultados de búsqueda.

Por ejemplo, si mueve el carrusel / control deslizante “Título” a la derecha y el carrusel / control deslizante “Contenido” a la izquierda, el título de una entrada tendrá más peso que el contenido.

Creating a custom search form for your WordPress blog or website

Cada sitio web de WordPress es único, por lo que puede que desee probar diferentes ajustes de relevancia para ver qué le ofrece los resultados de búsqueda más precisos y útiles.

Por ejemplo, si ha creado un tipo de contenido personalizado “valoraciones de clientes” para su tienda en línea, se trata de un contenido importante, por lo que es posible que desee darle una gran relevancia.

Cuando esté satisfecho con cómo se ha establecido la característica de búsqueda, sólo tiene que desplazarse a la parte superior de la pantalla y hacer clic en el botón “Guardar”.

Saving the custom post type search algorithm

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

En cuanto veas ‘Estado del índice 100%’, sabrás que SearchWP ha añadido tus tipos de contenido personalizados a su índice de búsqueda.

Rebuilding the WordPress search index

Su blog, sitio web o mercado en línea de WordPress ahora incluirá tipos de contenido personalizados en sus resultados de búsqueda.

Crear un formulario de búsqueda avanzada para tipos de contenido personalizado entradas

Una vez hecho esto, ya está listo para crear un formulario avanzado que busque solo en sus tipos de contenido personalizados.

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

Creating a new custom search form

Esto crea un nuevo formulario, listo para que usted lo personalice.

Para dar un nombre único a este formulario, haga clic en el pequeño icono del lápiz situado a continuación de “Buscar formulario 1”.

Renaming the custom search form using SearchWP

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

Esto es sólo para su referencia, por lo que puede utilizar cualquier cosa que le ayude a identificar el formulario en su escritorio de WordPress. Esto es particularmente importante si planeas crear múltiples formularios de búsqueda en WordPress.

Creating an advanced search form using SearchWP

A continuación, puede elegir la estructura / disposición / diseño / plantilla que desee.

Simplemente haga clic en los diferentes temas para ver una vista previa de cómo quedará este estilo en su sitio web WordPress.

Choosing a theme for the custom search form

Para crear un formulario de búsqueda para tipos de contenido personalizados, normalmente querrá utilizar “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 centrados en los tipos de contenido personalizados.

Creating a quick search form for your WordPress website or blog

Una vez tomada la decisión, desplácese hasta la sección “Personalizar estilo”.

Los ajustes que vea pueden variar dependiendo de la estructura / disposición / diseño / plantilla de su tema. Por ejemplo, si ha seleccionado “Búsqueda rápida”, el ajuste “Búsqueda rápida” estará activado / activo por defecto.

Adding custom styling to a search bar in WordPress

Puede desactivar y activar las distintas opciones mediante sus conmutadores.

La vista previa en directo se actualizará automáticamente a medida que realice cambios, de modo que podrá probar distintos ajustes para ver cuál funciona mejor.

Por defecto, el formulario buscará en medios, páginas y entradas e ignorará los tipos de contenido personalizados. Para incluir tipos de contenido personalizados, debe encontrar el campo “Tipo de búsqueda” y hacer clic.

Searching posts, pages, media, and more using SearchWP

Ahora puede escribir el nombre de cada tipo de contenido personalizado.

Cuando aparezca el tipo de contenido adecuado, haz clic en él para añadirlo a la búsqueda.

Adding custom types to a WordPress search bar or form

¿Desea buscar solo tipos de contenido personalizados e ignorar el resto de contenidos?

A continuación, haz clic en la pequeña “X” que aparece junto a “Medios”, “Páginas” y “Entradas”.

Removing post types from a custom search algorithm

Una vez hecho esto, el formulario buscará solo sus tipos de contenido personalizados.

Cuando estés satisfecho con cómo se ha establecido el formulario, desplázate hasta la sección “Estilo del formulario”. Aquí puedes elegir entre diferentes estilos de formulario, añadir un borde, cambiar el tamaño de la fuente, etc.

Changing the WordPress form style

En “Estilo de botón”, puede personalizar el botón “Buscar” que aparece en el formulario.

Cuando esté satisfecho con cómo se ha establecido el formulario, desplácese a la parte superior de la pantalla y haga clic en “Guardar” para guardar los ajustes.

Saving the custom search settings on your website or blog

Cómo añadir los tipos de contenido personalizado a WordPress

Ahora, está listo para añadir el formulario de búsqueda a WordPress utilizando un shortcode o un bloque.

El método más sencillo es utilizar un bloque, así que dirígete a la página o entrada donde quieras añadir el formulario de tipo de contenido personalizado.

A continuación, puede hacer clic en el icono “+” y escribir “Formulario de búsqueda”.

Adding a search block to your WordPress blog or website

Cuando aparezca el bloque adecuado, haz clic en él.

A continuación, abra el menú desplegable “Seleccionar un formulario” y elija el formulario de búsqueda que creó durante este tutorial.

Showing a custom search from in WordPress

Cuando esté listo para activar el formulario de búsqueda, simplemente haga clic en “Actualizar” o “Publicar”. Ahora, puede visitar su sitio web para ver el formulario de búsqueda en acción.

Otra opción es añadir el formulario de búsqueda mediante un shortcode.

Para obtener el shortcode, debes dirigirte a SearchWP Formularios de búsqueda. Aquí, encontrar el formulario de búsqueda que desea mostrar y copiar el valor en la columna ‘Shortcode’.

Getting the shortcode for a custom search form

Ahora puedes añadir el shortcode a cualquier página, entrada o área preparada para widgets. Para obtener instrucciones paso a paso sobre cómo hacerlo, consulta nuestra guía sobre cómo añadir un shortcode en WordPress.

Bonificación: Añada tipos de contenido personalizados a su feed RSS

Ahora que ha creado un formulario de búsqueda para tipos de contenido personalizados, también puede añadirlos a su feed RSS principal. Esto facilitará que los usuarios descubran más contenido en su sitio web y se suscriban a él.

Además, permitir tipos de contenido personalizados en el feed RSS principal puede mejorar el SEO de su sitio.

Para ello, tendrá que añadir el siguiente código personalizado a su archivo functions. php. tenga en cuenta que puede ser un poco peligroso porque el más pequeño puede romper su sitio web.

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

Por eso recomendamos usar WPCode. Es el mejor plugin de fragmentos de código de WordPress y la forma más segura de añadir código personalizado.

Una vez activado el plugin, sólo tiene que visitar la página Fragmentos de código ” + Añadir fragmento y elegir la opción “Añadir su código personalizado (nuevo fragmento)”.

addnewsnippet

Esto le dirigirá a la página “Crear fragmento de código personalizado”, donde deberá añadir un nombre de fragmento de código y elegir “Fragmento de código PHP” como tipo de código.

Después, puedes añadir el código y conmutar el interruptor de “Inactivo” a “Activo”.

Save Snippet for adding custom post type to WordPress RSS feed

A continuación, haga clic en el botón “Guardar fragmento de código” para establecer los ajustes. Sus tipos de contenido personalizados se han añadido al feed RSS principal de WordPress.

Para más detalles, consulte nuestro tutorial sobre cómo añadir tipos de contenido personalizados a su 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 contenido personalizados. Puede que también quieras ver nuestros tutoriales sobre tipos de contenido personalizado y nuestra selección de los mejores plugins de WordPress para hacer crecer tu sitio web.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

36 comentariosDeja una respuesta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. tinhbeng

    Hi,
    How to me can add product post type in here?

    Thank,

  3. vijay

    Thanks for the information, I want to know whether there is any way I can have dropdown style of search forms, as I have large number of post types, it would make it look ugly if I put all of them below search bar.

  4. Penguin

    Hi, Thanks a lot. This works pretty good for me. I am using dropdown instead of checkbox. But how can I style it to make it smilar to the one in LinkedIn header search section? Does that requires javascript? Do I use font icons for that? I am using fontawesome in my header. But I don’t know how to integrate this with fontawesome in a dropdown.

  5. mayur

    Sir.. can you plz attach screenshot with tutorials afterwords?? i think it’s more helpful for us..

  6. Brad

    How could I use this to search a custom table of data. This is for a sports team site, and basically, I need a search box where someone can “Search by”: Last name, First name, or Team.

    So how can I search by a field name?

  7. Darren

    This is an awesome tutorial, thank you.

    Is there a way that I could mix this with categories? So that I could have both custom post types and categories selectable?

    Thanks again :).

  8. ONEEEZY

    Dang.. still nothing. . .

  9. Marie

    Hi, there isn’t a way to tell the engine to automatically list all terms or tags or custom field? thanks

  10. Elliott

    Nice tutorial… Am designing a custom search for my new site at the moment.

    Curious why you don’t think searching on pages is a good idea?

    • Editorial Staff

      You can search pages except in most cases your about page, contact page, legal page, privacy policy page are mostly irrelevant.

      Administrador

  11. Fakeuser

    I’m getting this error after changing the name of the input fields to s[]

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

    I’ve changed the call to stripslashes() call to stripslashes_deep() but it broke other thigs… any sugestions?

  12. Benjamin Wilde

    I’m looking for a way to have a form with separate controls for location AND category, both in dropdown boxes. Obviously I can do this, but I have no idea how to do a multiple-query search in Wordpress. Any ideas?

  13. Aldo Valverde

    Do you think is it possible to do the same but including Post Type Categories as well….

    …I mean, the same Post Type checkboxes and when user select an specific checkbox that appear-down other checkboxes but as categories and filter even more the Search of Wordpress ?

  14. Rocky Ouprasith

    Awesome! thanks for the help!
    there is one thing though…

    my post types are all styled differently.
    how can I assign the template of a post type with the correct post types?

    thanks!

    • Editorial Staff

      Use CSS classes. Each post outputs its own post classes i.e categories, post types etc.

      Administrador

  15. SDesign

    Great tutorial! One question though: What would the syntax be for making the checkboxes in the form use taxonomies rather than post types?

    Would something like this work?:

    Perhaps this is worthy of another tutorial. Any additional help is greatly appreciated.

    • Thad

      Ever come across anything that explains this?

      • SDESIGN

        No, I decided to go with custom post types instead.

        If anyone has any insight, on this it would be greatly appreciated.

        The specific question is how to make something like this work using taxonomies instead of post types?

  16. CathieHeart

    Hi, you wouldn’t happen to also have a section to add maybe for those of us wanting to a dropdown menu search form interface rather than checkboxes? 
    Thanks.

  17. mainaPlus

    Does this work with a buddypress enabled site?

  18. Robin

    Would this be able to work with a buddypress enabled site?

  19. Herny Louis

    Thanks Syed and David. Need to test it on one of my websites. Definitely this kind of categorization will help visitors to do narrow search.

  20. zachshallbetter1

    I would love to see a way to do this with custom fields as well.

    • oneeezy

      Yes!
      What Zach said…

      It would be ideal to have this “Advanced Form” be able to search through custom fields. You could make the ultimate search form this way. Any takers??? C’mon WP Beginner!!

Deja tu comentario

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