Respaldo del complemento de la Divica: Filtro DIV

Div Filter es un Jack de terceros para Div que agrega algunas opciones de filtración únicas a su DIV. Le permite usar cualquier modo de división como filtro y cualquier módulo se puede incluir en los resultados filtrados. Hay dos versiones del complemento: gratis y premium. La versión premium tiene las mejores características, pero puede hacer mucho con la versión gratuita. En este punto culminante del complemento Div, analizaremos la versión gratuita del filtro de la división y veremos qué puede hacer para ayudarlo a decidir si es el complemento adecuado para sus necesidades. Instalación del DIV.

Cargue y active el complemento normalmente. Ir:
Complementos en el tablero de WordPress
Seleccione la carga de complementos
Haga clic en Elija el archivo y navegue por el complemento
Seleccione la instalación ahora

Una vez que se activa el complemento, verá una ventana emergente con la opción de recibir alertas de seguridad, información sobre actualizaciones de características y permitir el diagnóstico no sensible. Simplemente seleccione Permitir y continuar o pasar para cerrar la ventana emergente. Uso del filtro de división

El filtro de la división no agrega módulos o características a los elementos de división. Los filtros se agregan manualmente con las clases CSS.
Al principio, esto se puede confundir (especialmente si eres como yo y solo quieres entrar y comenzar a explorar las características. Tiendo a hundirme en mi cabeza y leer las instrucciones más tarde). Afortunadamente, tiene una documentación bien escrita que lo pasa a través de ella. Una vez que lo has pasado una vez, tiene sentido y se vuelve más intuitivo. El filtro de división funciona filtrando las categorías que crea. Los pasos para agregar el filtro son simples:
Cree un disparador de filtro agregando una clase CSS. El gatillo puede ser botones, imágenes, etc. Agregará un nombre de categoría a la clase. Los nombres de las categorías pueden ser lo que desee. Cree una nueva sección y agregue una clase CSS.
Agregue los módulos a las columnas que desea filtrar en la nueva sección.
Agregue las clases CSS a las columnas que contienen las categorías que desea filtrar. Las categorías coinciden con los desencadenantes.
Pensamientos sobre el proceso manual, incluso si este es un proceso manual, no es difícil de usar. Podemos usar cualquier div. Esto abre muchas posibilidades. Podemos usar módulos en cualquier combinación. Cualquier persona en la columna se incluirá en los resultados del filtro.
Esto nos permite filtrar mapas, conmutadores, formularios, módulos de texto, menús, tablas de precios, comentarios, botones, código, audio, etc. Debido a que el filtro en sí está hecho con módulos de división, podemos estilizarlos de cualquier manera que queramos y usar código, CSS, etc. Creando un filtro
Para mi primer ejemplo, creé artículos para un centro de ayuda utilizando la página de contacto en la apariencia del conjunto de tabla. Los botones se utilizan para el filtro y los interruptores se utilizan para la información. Switch puede incluir cualquier tipo de contenido, como tutoriales escritos, videos, etc. Agregué la clase de botones a la pestaña avanzada. También agregué una clase con la categoría. En este caso, la categoría son temas.

Luego agregué la clase CSS a la sección que contiene los interruptores que quiero filtrar.

Finalmente, agregué la clase de categoría a cada columna. Cada uno de los interruptores coincide con el sujeto de la columna en la que los colocamos.

Ahora, cuando hago clic en uno de los botones, se muestra esa categoría y se eliminan todas las demás categorías. También puedo crear una forma de traerlos de vuelta. La versión Pro se relanzará para ver más columnas. Agregué un nuevo botón que apagará el filtro y mostrará todas las categorías. Para hacer esto, agregué la clase de botones al campo de clase CSS, pero no incluí una clase de categoría. Sin la categoría especificada, el botón activará todas las categorías.

Para demostrar todo el botón, hago clic en un botón para filtrar las categorías. Hice clic en el filtro de complemento, por lo que ahora se muestra la categoría de complemento.

Seleccione todas las pantallas cada categoría nuevamente. Esta es una manera fácil de eliminar el filtro y permitir que el usuario vea todas las columnas. Otro ejemplo del filtro de división

Para este ejemplo, quería crear un filtro con solo texto. El filtro mostrará opciones basadas en las mejores ofertas y las últimas opciones de filtro. Agregué clases CSS a los módulos de texto. El primero incluye solo la clase de botones, para mostrar todas las columnas.

En esta imagen, agregué la clase del botón y la clase de categoría al módulo de texto más popular. También agregaré clases a los otros dos módulos de texto.

A continuación, agrego las clases CSS a cada columna. Cada columna contiene un texto. El filtro mostrará solo una de las tres borrachas.


Finalmente, agrego la clase CSS DF-Aiarea a la sección que contiene borrones.

Si hace clic en cualquiera de los módulos de texto, el texto se muestra para esa categoría. Las otras dos borrones ahora están ocultas.

Si hace clic en ver todo, tráigelos de vuelta.

Decidí experimentar y agregar más categorías a cada columna. A veces, un elemento debe aparecer en varias categorías. Este es definitivamente el caso cuando el filtro incluye términos como las últimas o las mejores ofertas. El filtro de buceo funcionó exactamente como se esperaba. Agregué dos categorías a cada columna y ahora cada uno de los filtros muestra dos columnas en lugar de una. Tercer ejemplo de Div

Para el tercer ejemplo, Filter Div, quería continuar con mi pensamiento en el ejemplo anterior, pero quería ser un poco más complejo. Crearé una lista de recetas con módulos de texto como desencadenantes. Esto incluirá varias categorías y las agregará a columnas en diferentes combinaciones. Este ejemplo utiliza la página Recetas en el paquete MIVI Kit MIVI. Hemos agregado las clases CSS apropiadas a los módulos de texto.

La sección incluye el área del área. Yo uso imágenes para elementos filtrados.

Agregaré más categorías a cada columna. Por supuesto, en la vida real, los artículos tendrán que igualar esas categorías. Elijo imágenes aleatorias para la captura de pantalla.

Aquí está la página que presenta todas las recetas. Está configurado en tres columnas.

Aquí está la página con un filtro seleccionado. Se filtra una columna.

Hemos agregado varias columnas para tener más combinaciones de categorías.

Mi resultado muestra cuatro columnas con un solo filtro seleccionado. Por supuesto, debería tener cuidado al elegir estas categorías, pero creo que esto funciona para tener la idea. No importa cuántas columnas tenga, qué módulos hay en ellas o cuántos módulos tiene. El filtro funciona lo mismo indiferente.

Cómo conseguir el Div

Div Filter está disponible de forma gratuita en el mercado Div. La versión gratuita solo filtra las columnas, pero puede hacer mucho con esta versión. La versión premium agrega el filtro en líneas, animaciones de filtros, filtros desplegables, filtros ilimitados en todas las páginas y muchas más. Estas características extenderán lo que puede filtrar, y las animaciones le dan un aspecto pulido. La versión profesional comienza en 19 €. Puede actualizar a la versión Pro dentro del complemento gratuito, para que pueda probar la versión gratuita y actualizar a la versión Pro en cualquier momento. Hay varios modelos disponibles en la versión Pro para comenzar. También puede comprarlos por separado. La conclusión de los pensamientos sobre el filtro de la división es nuestra mirada al filtro Div. Tienes que crear filtros manuales. Afortunadamente, no es difícil y esto te da mucho control. Después de haberlo hecho una vez, es fácil de usar, sin pensar demasiado en ello. Me gusta la forma en que funciona, porque cualquier cosa se puede usar como disparador y cualquier cosa se puede colocar en columnas. El contenido no hace ninguna diferencia. Esto lo diferencia del filtro de contenido estándar. Estos ejemplos cubren solo lo que se puede hacer en la versión gratuita. La versión Pro le brinda más control y más elementos a los que puede aplicar los filtros. Le recomendamos que pruebe la versión gratuita para ver si puede hacer lo que necesita y luego actualizar si desea usar el complemento. Queremos escuchar de ti. ¿Has probado Div Filter? Cuéntanos lo que piensas sobre esto en los comentarios a continuación. Imagen presentada por H12 / Shutterstock.com