El plugin Search & Filter

Plugin Search & Filter

Hace poco, al trabajar en una web, me vi en la necesidad de filtrar resultados en un Custom Post Type. Como hasta entonces no había tenido necesidad de hacer eso me puse a “googlear” un poco y enseguida encontré el plugin Search & Filter.

En  un principio me pareció un poco limitado, pues funciona con un Shortcode, pero luego me dí cuenta de que, poniendo los estilos adecuados, era lo que necesitaba.

Obtener Search & Filter

El plugin se puede obtener de dos maneras:

  1. En el repositorio de WordPress, es decir, del modo habitual. Entras en la sección de plugins, seleccionas ‘Añadir nuevo’ y lo buscas, instalándose automaticamente.
  2. Otra forma es bajarlo de Gibhub, con lo que estarás al día de los últimos cambios del plugin.  Descarga Search & Filter

Instalación

Como siempre, se puede instalar de tres maneras:

  1. Por la sección de Plugins, que lo instala automáticamente.
  2. Subiendo la carpeta del plugin por FTP a la carpeta de tu servidor wp-content/plugins. No te olvides de activarlo posteriormente.
  3. En la sección de Plugins hay un botón para subir un plugin. No tienes más que pinchar ese botón y subir el archivo .zip que te hayas bajado de Github.

Cómo usarlo

Search & Filter es un plugin que se usa mediante Shortcode, por lo que se puede utilizar de dos formas:

Como Shortcode:

Es su aplicación más básica, y tiene este aspecto:


[searchandfilter fields="search,category,post_tag"]

En un archivo del Theme:

Para utilizar el plugin dentro de un archivo de Theme hay que llamar a la función `do_shortcode` con el Shortcode de arriba:


<?php echo do_shortcode( '[searchandfilter fields="search,category,post_tag"]' ?>

Opciones

Se puede utilizar cualquier combinación de las siguientes en el Shortcode. El único campo requerido es ‘fields’.

Lista separada por comas de los campos y las taxonomías.

search
post_date
post_types
*public taxonomy names

Lista separada por comas de los tipos citados a continuación:

select
checkbox
radio

Ejemplos

Sencillo con Categorías y Etiquetas como menú desplegables

Search & Filter


[searchandfilter fields="search,category,post_tag"]

 Con cabeceras en las Categorías y Etiquetas

Search & Filter


[searchandfilter fields="search,category,post_tag" headings=",Categories,Tags"]

Cambiando la etiqueta del botón de envío

Search & Filter


[searchandfilter fields="category,post_tag" submit_label="Filter" headings="Categories,Tags"]

Taxonomías personalizadas como menús deplegables

Search & Filter


[searchandfilter fields="search,category,post_tag,taxonomyone,taxonomytwo"]

Radio buttons y cabeceras

Search & Filter


[searchandfilter fields="search,category,post_tag" types=",radio,radio" headings=",Categories,Tags"]

Checkboxses y cabeceras

Search & Filter


[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox" headings=",Categories,Tags"]

Sencillo con fecha del post

Search & Filter


[searchandfilter fields="search,post_date" types=",date" headings=",Post Date"]

Sencillo con rango de fechas

Search & Filter


[searchandfilter fields="search,post_date" types=",daterange" headings=",Post Date"]

Sencillo con Post Types

Search & Filter


[searchandfilter fields="search,post_types" post_types="post,page" headings=",Post Types"]

Usando ‘order_by’ y ‘order_dir’

Search & Filter


[searchandfilter fields="search,category,post_tag" order_dir=",asc,desc" order_by=",id,name" types=",checkbox,radio" headings=",Categories,Tags"]

Usando ‘hierarchical’

Search & Filter


[searchandfilter fields="search,category" types=",checkbox" hierarchical=",1" headings=",Categories"]

Usando todo junto

Search & Filter


[searchandfilter fields="search,category,post_tag,post_format,taxonomyone,taxonomytwo" types=",radio,checkbox,select,radio,select" hierarchical=",1" headings=",Categories,Tags,Post Format,Taxonomy One,Taxonomy Two" submit_label="Filter"]

 

Espero que este post te sirva de ayuda.

7 Comentarios

  1. raul dice:

    Hola Javier, hace unos días me encontré con este plugin ante la misma necesidad que has tenido. Pero tengo una duda, en la web del plugin veo que hay una opción de pago para un solo sitio, una para desarrolladores y esta que es gratuita. ¿Qué tantas diferencias hay entre una y otra aparte del costo claro.

    • Javier Andrés dice:

      Hola Raúl, no te puedo ayudar, puesto que con la versión gratuita me sirvió para lo que requería del plugin. Al principio creí que no me iba a servir, pero haciendo pruebas y mirando sus opciones descubrí su gran potencial.

  2. Nixon dice:

    Buenas tardes Javier. Necesito implementar este plugin pero mi duda es en dónde exactamente? Ya que es Shortcode no se si debo crear un archivo para implementarlo o se hace dentro de uno de los archivos como por ejemplo el index.php.

    Agradezco tu ayuda.

    • Hola Nixon, la implementación es más simple de lo que piensas, no hay que crear ningún archivo ni similar, simplemente bajarte el plugin y poner < ?php echo do_shortcode( '[searchandfilter fields="search,category,post_tag"]' ?> (o similar) en el archivo (en el caso del ejemplo el index.php) ya vale. Te muestra el formulario de selección pelado de estilos. Luego tu deberás darle estilos con CSS para que se adapte a la página.

      Saludos

      • Nixon dice:

        Muy agradecido por tu ayuda.

      • Nixon dice:

        Hola Javier. Estuve tratando como me dijiste y nada. Metí la linea de código en el index.php y me da error. Será que falta algo? Esta linea: [searchandfilter fields=”search,category,post_tag”], no hay que usarla también?

        • En caso de que quieras poner un Shortcode en el index.php (o cualquier otro fichero) debes ponerlo con “do_shortcode”. Abre una etiqueta PHP y pon echo do_shortcode y el Shortcode en cuestión entre comillas (‘[searchandfilter fields=”search,category,post_tag”]’).

          De todas formas está explicado en el post en la sección CÓMO USARLO.

          Saludos

Deja tu comentario