Complemento resaltar div Div

Toolset es un complemento de WordPress que agrega tipos de posiciones personalizadas, campos, taxonomías y relaciones de publicación que se pueden usar en cualquier lugar de su sitio web. Estos elementos generalmente se colocan en su contenido con códigos cortos o bloques de Gutenberg, pero el conjunto de herramientas ahora está nativo de DIV con un módulo de vistas de conjunto de herramientas. En este artículo, analizaremos cómo el conjunto de herramientas se integra con DIV y veremos qué puede hacer. Ver conjuntos de herramientas

El conjunto de herramientas se integra con DIV, lo que permite a Divi mostrar fácilmente las vistas del conjunto de herramientas. Las vistas del conjunto de herramientas se crean con un bloque en el editor de Gutenberg, dentro de una página, publicaciones o plantillas. Abra la lista de bloques, desplácese hacia abajo al conjunto de herramientas y agregue un bloque de vista desde la lista de bloques.

Luego puede seleccionar crear una nueva vista o usar una vista existente.

Crear una nueva vista le permite elegir los elementos de visualización y estilo de bucle (que es el aspecto o la forma en que se mostrarán los resultados). Las vistas pueden mostrar todos los resultados, con paginación, con clasificación frontal, como una diapositiva, utilizando una búsqueda personalizada, etc. Puede hacer estas selecciones aquí o puede cambiarlas más tarde.

Elija el contenido que se mostrará en la vista.

Esto le permite crear el bucle que puede usar para mostrar los tipos de publicaciones. La documentación lo lleva en detalle. Las vistas pueden mostrar contenido como publicaciones, taxonomías y usuarios, cada una con subconjuntos de tipos de publicaciones. Esto incluye tipos de publicaciones personalizadas creadas con el conjunto de herramientas.
Editar hasta este momento __

Las vistas se crean y se editan utilizando bloques de conjunto de herramientas. El conjunto de herramientas DivuletoOlset agrega un módulo en la división del constructor llamado Vista del conjunto de herramientas. Este módulo muestra cualquier conjunto de herramientas que elija y es personalizable con la configuración estándar del DIV. La pestaña de contenido

La pestaña de contenido incluye un cuadro de caída de caída donde puede seleccionar el conjunto de herramientas que desea mostrar. También incluye un enlace, configuración de fondo y etiqueta de administrador. Seleccionamos una vista llamada 3 instructores para la página principal.

El diseño de la visualización se creó en la configuración del editor de tipos de conjunto de herramientas. Agregué el color al fondo utilizando la configuración de fondo del módulo para ayudarlo a destacarse. La visualización se muestra en vivo en la diva de Visual Builder utilizando las funciones que ha asignado a su creación. Esto hace que sea fácil ver cómo estilizarlo con la configuración de la división y ver cómo se verá en su apariencia.
Aquí hay otra vista de conjunto de herramientas. No cambiamos la configuración de fondo, por lo que la nueva vista se muestra en segundo plano que ya hemos configurado. Pestaña de diseño

La pestaña de diseño incluye configuración de texto, módulo, dimensionamiento, espaciado, borde, cuadro de sombra, filtros, transformación y animación. Hay suficientes configuraciones para estilizar el módulo para que coincida con cualquier diseño de la Divica. Veamos a los específicos de este módulo. Texto

Opciones de texto Ajuste la alineación y la sombra para las etiquetas y las descripciones. La sombra de texto incluye configuraciones estándar, como longitud, intensidad y color. Establecí la alineación a la derecha y agregué un color de sombra del texto en este ejemplo. El texto del módulo

La configuración del texto del módulo incluye fuentes, peso, estilo, alineación, color, tamaño, espacio, altura y sombras de texto. El color del texto afecta las etiquetas. El resto de la configuración afecta las etiquetas, las etiquetas, la descripción, el texto de los botones y la evaluación de las estrellas. En este ejemplo, hice la fuente semi-altitud, configuré el estilo de fuente en mayúsculas, configuré el color del texto en rojo , Aumenté el tamaño de la fuente a 16 px y estoy. Reduje la altura de la línea a 1.7em. No ajusté el borde, la sombra de la caja, el tamaño, el espacio, los filtros, etc., pero esas configuraciones están disponibles. Conjunto de herramientas con ejemplos Divin Aquí hay algunos ejemplos del uso del conjunto de herramientas del módulo de vistas en las divicidades. Agregaré el módulo a algunos modelos. Para otros, reemplazaré los módulos actuales con un conjunto de herramientas de módulos de visión única.

Agregar un conjunto de herramientas del módulo de visualización a una página de destino
Aquí hay un vistazo al instructor visto en el aspecto de la página de Yoga Studio. Se coloca en una sección para ingresar a los instructores e incluir módulos de texto, módulo de vista de conjunto de herramientas, módulos de persona y un botón. Esta es la visualización de estructura alámbrica.

Aquí hay un vistazo a la visión de Frantend. El resultado es una sección limpia para los instructores. El módulo de vista del conjunto de herramientas está diseñado para que coincida con la apariencia. La vista incluye características de búsqueda y clasificación.

Aquí hay una captura de pantalla reducida para mostrar más aspecto para que pueda ver qué tan bien funciona con el diseño.

Reemplazar múltiples módulos con un solo módulo de establecimiento de herramientas

Este ejemplo utiliza la página del equipo de yoga Studio. La página original mostró a los miembros del equipo usando módulos por persona. Para esto, reemplazaré los módulos de la persona con un solo módulo de visualización de herramientas. A modo de comparación, este ejemplo muestra la visualización de la estructura del alambre para el aspecto original. Como parece el aspecto original en Front y. Dejaré el encabezado, los socios y el sótano intactos, pero los incluiré en las imágenes, para que pueda ver qué tan bien se integran con los diseños Divi.
Hemos reemplazado los módulos de 6 personas con un solo conjunto de herramientas de módulos de visualización.

La página ahora muestra más personas (muestra el número atribuido al conjunto de herramientas del editor) e incluye la paginación para ver una segunda página. Por supuesto, la posibilidad de elegir otro conjunto de vista significa que tenemos más opciones sobre cómo se muestran. Veamos algunos ejemplos.

Esta vista muestra la foto y el nombre de la persona.

Esta visualización elimina las imágenes y muestra el nombre, el título y la descripción. Cada uno incluye un tono de caja para salir del fondo. También incluye un cuadro de búsqueda. La página de archivos

Creamos una página para mostrar una lista de elementos usando elementos de página de estudio de yoga. Este aspecto utiliza el mismo conjunto de herramientas en modo de visualización, pero hemos seleccionado una vista diferente.

Donde comprar

Las vistas del conjunto de herramientas Div se incluyen en el complemento de bloques de conjunto de herramientas. Este complemento es una extensión incluida en el conjunto de herramientas y agrega muchos bloques al editor de Gutenberg y un módulo en el Builder Divin llamado Vista del conjunto de herramientas. Cuando compra herramientas, tiene acceso gratuito al complemento de bloques de conjunto de herramientas. El conjunto de herramientas está disponible en tres opciones de suscripción anuales. Cada uno incluye 1 año de actualizaciones y asistencia.69 USD – 1 sitio

149 USD – 3 sitios
299 USD – Sitios ilimitados

Pensamientos finales Este es nuestro aspecto con respecto a la integración de la herramienta Div. Esta es una integración interesante. El conjunto de herramientas es una herramienta poderosa para WordPress, por lo que su integración con Div fue un movimiento inteligente. Las vistas del conjunto de herramientas todavía se crean en los editores de herramientas, pero ahora puede mostrarlas en su contenido de la división sin tener que usar códigos cortos. Esto le brinda acceso al estilo de las opciones de estilización de la divicidad.
Algunas de las características y estilo se proporcionan para ver con la configuración en el conjunto de herramientas, pero el módulo Divi tiene suficientes configuraciones para personalizar las vistas para adaptarse a los proyectos de su página. Me gusta que pueda personalizar el módulo y seleccionar otra vista sin hacer cambios en el modo. El conjunto de herramientas y la división funcionan bien juntos. El conjunto de herramientas tiene una curva de aprendizaje, pero si puede crearlo con las vistas del instrumento, puede mostrarlo en los aspectos de su división. Queremos escuchar de ti. ¿Has probado la integración del conjunto de herramientas Div? Cuéntanos sobre tu experiencia en comentarios. Imagen presentada por Visual Generation / Shutterstock.com