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:
- 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.
- Otra forma es bajarlo de Gibhub, con lo que estarás al día de los últimos cambios del plugin. [su_button url=»https://github.com/rmorse/search-filter/archive/master.zip» target=»blank» background=»#2ca8df» size=»5″ icon=»icon: arrow-circle-down»]Descarga Search & Filter[/su_button]
Instalación
Como siempre, se puede instalar de tres maneras:
- Por la sección de Plugins, que lo instala automáticamente.
- Subiendo la carpeta del plugin por FTP a la carpeta de tu servidor wp-content/plugins. No te olvides de activarlo posteriormente.
- 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’.
- 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
[searchandfilter fields="search,category,post_tag"]
Con cabeceras en las Categorías y Etiquetas
[searchandfilter fields="search,category,post_tag" headings=",Categories,Tags"]
Cambiando la etiqueta del botón de envío
[searchandfilter fields="category,post_tag" submit_label="Filter" headings="Categories,Tags"]
Taxonomías personalizadas como menús deplegables
[searchandfilter fields="search,category,post_tag,taxonomyone,taxonomytwo"]
Radio buttons y cabeceras
[searchandfilter fields="search,category,post_tag" types=",radio,radio" headings=",Categories,Tags"]
Checkboxses y cabeceras
[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox" headings=",Categories,Tags"]
Sencillo con fecha del post
[searchandfilter fields="search,post_date" types=",date" headings=",Post Date"]
Sencillo con rango de fechas
[searchandfilter fields="search,post_date" types=",daterange" headings=",Post Date"]
Sencillo con Post Types
[searchandfilter fields="search,post_types" post_types="post,page" headings=",Post Types"]
Usando ‘order_by’ y ‘order_dir’
[searchandfilter fields="search,category,post_tag" order_dir=",asc,desc" order_by=",id,name" types=",checkbox,radio" headings=",Categories,Tags"]
Usando ‘hierarchical’
[searchandfilter fields="search,category" types=",checkbox" hierarchical=",1" headings=",Categories"]
Usando todo junto
[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.