Lo más destacado del complemento Divi: Testificar

Testify es un complemento de terceros que agrega un nuevo módulo al Divi Builder para mostrar los testimonios que ha creado dentro del editor de testimonios o los que sus visitantes han subido a través de un formulario.

Testify funciona con y sin Divi. Testify tiene otras características que funcionan fuera de Divi, como el Personalizador y las funciones de carga, pero el uso del módulo Divi le brinda algunas características que lo hacen destacar. En este artículo veremos el módulo Divi y sus características. Estoy usando Testify versión 1.3.0. Las imágenes de los ejemplos se han tomado de Unsplash.com.

Testify se puede comprar en el sitio web del desarrollador.

Instalación de Testify

Primero, cargue y active el complemento como de costumbre. Esto agrega automáticamente el módulo Divi Builder si está utilizando Divi o Extra.

A continuación, navegue a la pantalla de configuración haciendo clic en Testificar en el panel. Introduce tu clave de licencia. El complemento ya está listo para usarse.

El menú incluye:

• Todos los testimonios: vea todos los testimonios que ha creado. Aquí puede hacer clic en cualquier testimonio para editarlo o obtener una vista previa.
• Agregar nuevo testimonio: abre el editor donde crea sus testimonios.
• Categorías de testimonios: edite las categorías de los testimonios de la misma manera que publicaría categorías.
• Etiquetas de testimonios: edite las etiquetas de los testimonios de la misma manera que publicaría las etiquetas.
• Personalizar: un enlace al personalizador de front-end.
• Acerca de e instrucciones: una guía rápida para usar los códigos cortos (que no son necesarios para Divi, pero puede usarlos si lo desea) y un enlace al sitio web para obtener más información.

Crear y administrar testimonios

Para crear un testimonio, en el menú del panel, navegue hasta Testificar , Agregar nuevo testimonio . Cree y publique el testimonio de la misma manera que lo haría con cualquier publicación o página con el editor WYSIWYG. Déle un título, agregue el contenido, el nombre del autor y el sitio web (con hipervínculo), proporcione una categoría, agregue etiquetas y elija una imagen destacada.

La página Todos los testimonios muestra sus testimonios. Ahora puede publicar sus testimonios en cualquier publicación, página o barra lateral de WordPress (usando el widget incluido) y personalizarlos usando el Personalizador de WordPress. Todo eso funciona independientemente de Divi. Para personalizar sus testimonios con sus herramientas familiares, puede utilizar el módulo Divi incorporado.

Testificar módulo Divi Builder

Se agrega un nuevo módulo llamado Testify a Divi Builder. Funciona tanto con Divi como con Extra. No se requiere que Divi Builder use Testify, sin embargo, hay una ventaja en usar Divi Builder: puedes usar las funciones de sombra y animación de Divi. Todas las personalizaciones se realizan desde la configuración del módulo utilizando las herramientas con las que están familiarizados los usuarios de Divi y Extra.

La configuración de contenido incluye la cantidad de testimonios que se mostrarán, el orden, las categorías y etiquetas que se incluirán, la alineación, el tipo de transición, la velocidad de la animación y la duración de la reproducción automática.

La configuración de diseño le permite ajustar el texto del testimonio, mostrar el enlace Leer más y ajustes de texto, leer más icono, texto del autor, diseño de diseño, configuración de navegación, diseño de citas, separador, imagen de testimonio y miniaturas.

Tiene 7 estilos de comillas diferentes y puede ajustar el tamaño y el color. También puede apagarlo si lo prefiere. La navegación incluye imágenes en miniatura, flechas y puntos. Puede desactivar la navegación si lo prefiere. Los efectos de sombra incluyen texto testimonial, texto de autor y sombra de cuadro. Efectos también incluye estilos de animación Divi.

Testificar ejemplos

Esta es la configuración predeterminada al seleccionar una sola categoría. Los testimonios se muestran como un control deslizante con la imagen del autor en el círculo encima del texto. El autor del testimonio se muestra como una imagen normal con los demás autores superpuestos. En esta imagen, coloqué el mouse sobre el testimonio para mostrar las flechas de navegación. Las comillas se establecen en ninguno de forma predeterminada.

Este usa navegación en miniatura y muestra 8 por fila. Los testimonios se deslizan, pero puede ver un testimonio específico haciendo clic en él. La imagen se ilumina cuando pasa el mouse sobre ella para mostrar que se puede hacer clic en ella. Seleccioné el primer estilo de comillas.

Este ejemplo también utiliza la navegación de imágenes. Seleccioné el Estilo 2 para las comillas, ajusté los colores para el borde de la miniatura, la cita y la línea de separación, establecí la imagen en 120 y elegí una imagen cuadrada.

Este ejemplo es el mismo que el anterior, pero utiliza puntos para la navegación en lugar de imágenes. La miniatura se muestra como un círculo.

Este usa una miniatura cuadrada establecida en 200 píxeles. Cambié el color de la línea y usé el Estilo 3 para la cita. También eliminé las flechas, agregué un botón de leer más, establecí el tamaño de fuente en 32 y limité la cita a 100 caracteres. El grosor del separador se incrementó de 2 a 6 píxeles y usa un rojo oscuro. Seleccioné solo dos categorías para mostrar. Como solo tengo cuatro testimonios en esas categorías, se separan automáticamente para llenar el espacio.

Este muestra solo un testimonio. Cambié las fuentes y los colores de la fuente, el borde y las comillas. La comilla es el estilo 4 con un tamaño reducido de 38 a 28. El ancho de la miniatura se establece en 200.

Éste usa un fondo para la sección. Agregué un fondo en el módulo para oscurecer el área de texto. El texto y la cita son blancos, mientras que el texto leído más es gris claro. El fondo de la miniatura se oscurece para que se mezcle con el fondo de la sección. Las miniaturas tienen una superposición para que coincida con el fondo. La cita usa el Estilo 5. Hice las miniaturas cuadradas y establecí el borde en 4. También le di a este leer más íconos y establecí sus colores en blanco.

Este ejemplo usa el diseño de Equipo que viene con Divi. Cambié los colores, establecí el tamaño de fuente del testimonio en 20, establecí la longitud del testimonio en 100, agregué el botón Leer más, agregué una sombra al texto del autor y aumenté la longitud horizontal de la sombra a .56, seleccioné Estilo 6 para el comillas, y establecí el ancho del separador en 10. Le di a la miniatura un borde de 3 y elegí imágenes cuadradas.

Testifique con efectos de sombra

Este usa varios de los efectos de sombra incorporados de Divi. Elegí citar Estilo 6 y seleccioné la segunda sombra de texto testimonial, la tercera sombra de texto de autor y la primera sombra de cuadro. El desenfoque de la sombra del cuadro y la fuerza de propagación se establecen al máximo. Todas las demás configuraciones de sombra son predeterminadas.

Para este, he seleccionado la tercera sombra testimonial y he aumentado la intensidad del desenfoque. También elegí la sombra del quinto autor y la sombra del sexto cuadro con sus configuraciones predeterminadas.

Usar Testify con Extra

Testify funciona tan bien con Extra como con Divi. Este es uno de los ejemplos de arriba colocados dentro del diseño adicional predeterminado con barra lateral. Oscurecí el fondo en Extra pero no hice cambios en el módulo.

Así es como se ve Testify dentro del diseño del equipo que viene con Divi Builder.

Uso de Testify como control deslizante de cotización

Testify también funciona muy bien como control deslizante de citas. Creé una categoría llamada Cotización. Esto usa el estilo de comillas 7. Los colores coinciden con el color de fondo de Seth. ¿Qué otras formas se te ocurren para usar Testify?

Documentación

La documentación se proporciona dentro del menú del panel de Testify. Esta documentación no cubre Divi. Se proporciona documentación más extensa en el sitio web del desarrollador. Si está utilizando Divi, no necesitará ninguna de esta información, ya que Divi no necesita los códigos cortos. Por supuesto, puede usarlos con Divi si lo desea.

Me gustaría ver al menos un párrafo aquí sobre el módulo Divi. Sin embargo, cualquiera que esté familiarizado con Divi Builder estará en casa con el módulo Divi de Testify, ya que todas las configuraciones son estándar para los módulos Divi.

Pensamientos finales

El uso del complemento es muy intuitivo. La mayoría de las configuraciones son Divi estándar. La única configuración confusa para mí fue la cantidad de imágenes por fila en función de sus tamaños y la cantidad de miniaturas por fila. Por ejemplo, si configuro el número de miniaturas por fila más alto que el número de testimonios, la configuración volverá a la predeterminada cada vez que abra el módulo. Una vez que me di cuenta de lo que estaba pasando, no tuve problemas con el escenario.

Hay algunas cosas que me gustaría que se añadieran. Por ejemplo, me gustaría poder ajustar el color de las flechas y los puntos de navegación. Dado que todas las demás características tienen opciones de color, una se destaca como ausente. También me gustaría ver varios estilos de flechas y puntos.

Otra característica que me gustaría ver es el formulario de carga agregado al Divi Builder para que las personalizaciones sean uniformes. Sin embargo, esas personalizaciones se pueden realizar en el Personalizador. Además, dado que la demostración muestra los testimonios con CSS, me gustaría ver el CSS incluido en la documentación para que el usuario pueda copiarlos y pegarlos en las funciones de CSS del módulo Testify.

Una de las cosas que más me gustan de Testify es que funciona tanto con Divi como sin él. Puede usarlo con cualquier tema, pero si está usando Divi o Extra, se agregará automáticamente un módulo Testify a Divi Builder. El uso de Divi Builder le brinda la ventaja de la configuración de Divi, incluidas las funciones de sombra. Si está interesado en un control deslizante de testimonios que se pueda usar con Divi Builder, le recomiendo que eche un vistazo a Testify.

Queremos escuchar de ti. ¿Has probado Testify for Divi? Cuéntanos tu experiencia en los comentarios.

Imagen destacada a través de Julia Tim / shutterstock.com