Bloque de testimonios turboalimentado - KolMitE

Bloque de testimonios turboalimentado

Bloque de testimonios turboalimentado

diciembre 9, 2020 General 0

Descripción

Bloque de testimonios turbocargado para el nuevo Editor de bloques de WordPress (Gutenberg).

Este bloque único de Gutenberg está repleto de 10 estupendos estilos de testimonios para compartir cosas positivas que la gente tiene que decir sobre sus productos y servicios.

Caracteristicas

  • Imagen de fondo personalizada
  • Color de fondo personalizado
  • Tamaño de fuente personalizado
  • Colores de fuente personalizados
  • Colores de borde personalizados (o sin bordes)
  • Colores de comillas personalizados
  • 14 hermosos estilos de comillas
  • 5 Configuración predeterminada del diseñador para sombras paralelas
  • Agrega tu propia sombra paralela personalizada
  • 5 Configuración predeterminada de diseñador para bordes
  • Agregue su propio radio y ancho de borde personalizados

Aprende más:

Autores del tema

Anule fácilmente los estilos predeterminados del bloque de testimonios turbocargado con sus propios estilos utilizando variables CSS súper simples. Agregue sistemas de estilo personalizados para configuraciones de sombra de cuadro, ancho de borde y radio de borde.

Para anular el estilo de la interfaz, agregue configuraciones personalizadas a su archivo style.css así:

[class*="turbocharged-testimonial-block"] {
/* Turbocharged Testimonial Block (ttb) Style Variables */

/* Border Radius */
--ttb-border-radius-sm:2px;
--ttb-border-radius-md:4px;
--ttb-border-radius-lg:8px;
--ttb-border-radius-xl:24px;
--ttb-border-radius-2xl:9999px;

/* Border Width */
--ttb-border-width-none:0px;
--ttb-border-width-sm:1px;
--ttb-border-width-md:2px;
--ttb-border-width-lg:4px;
--ttb-border-width-xl:8px;
--ttb-border-width-2xl:16px;

/* Box Shadow */
--ttb-box-shadow-sm: 0 1px 3px 0 rgba( var( --ttb-box-shadow-color ), 0.1), 0 1px 2px 0 rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-md:0 4px 6px -1px rgba( var( --ttb-box-shadow-color ), 0.1), 0 2px 4px -1px rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-lg:0 10px 15px -3px rgba( var( --ttb-box-shadow-color ), 0.1), 0 4px 6px -2px rgba( var( --ttb-box-shadow-color ), 0.05);
--ttb-box-shadow-xl:0 20px 25px -5px rgba( var( --ttb-box-shadow-color ), 0.1), 0 10px 10px -5px rgba( var( --ttb-box-shadow-color ), 0.04);
--ttb-box-shadow-2xl:0 25px 50px -12px rgba( var( --ttb-box-shadow-color ), 0.25);
}

Para anular el estilo del editor, agregue configuraciones personalizadas a su archivo editor-style.css así:

.editor-styles-wrapper [class*="turbocharged-testimonial-block"] {
/* Turbocharged Testimonial Block (ttb) Style Variables */

/* Border Radius */
--ttb-border-radius-sm:2px;
--ttb-border-radius-md:4px;
--ttb-border-radius-lg:8px;
--ttb-border-radius-xl:24px;
--ttb-border-radius-2xl:9999px;

/* Border Width */
--ttb-border-width-none:0px;
--ttb-border-width-sm:1px;
--ttb-border-width-md:2px;
--ttb-border-width-lg:4px;
--ttb-border-width-xl:8px;
--ttb-border-width-2xl:16px;

/* Box Shadow */
--ttb-box-shadow-sm: 0 1px 3px 0 rgba( var( --ttb-box-shadow-color ), 0.1), 0 1px 2px 0 rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-md:0 4px 6px -1px rgba( var( --ttb-box-shadow-color ), 0.1), 0 2px 4px -1px rgba( var( --ttb-box-shadow-color ), 0.06);
--ttb-box-shadow-lg:0 10px 15px -3px rgba( var( --ttb-box-shadow-color ), 0.1), 0 4px 6px -2px rgba( var( --ttb-box-shadow-color ), 0.05);
--ttb-box-shadow-xl:0 20px 25px -5px rgba( var( --ttb-box-shadow-color ), 0.1), 0 10px 10px -5px rgba( var( --ttb-box-shadow-color ), 0.04);
--ttb-box-shadow-2xl:0 25px 50px -12px rgba( var( --ttb-box-shadow-color ), 0.25);
}

Capturas de pantalla

  • 10 súper estilos en una página
  • 10 súper estilos en el tablero
  • Configuración personalizada de imagen y color de fondo
  • Configuración personalizada de comillas
  • Configuración de borde personalizado
  • Configuración personalizada de sombra paralela

Instalación

  1. Sube el turbocharged-testimonials-block archivos de complemento a la /wp-content/plugins/ o cargue el archivo turbocharged-testimonials-block.zip a través de la pantalla de complementos de WordPress directamente haciendo clic en ‘Agregar nuevo’ y seleccionando el archivo zip desde su computadora.
  2. Instale y active el complemento de WordPress de Gutenberg.
  3. Active el complemento Turbocharged Testimonials Block a través de la pantalla ‘Complementos’ en WordPress.
  4. Utilice el bloque de testimonios turbocargados en sus páginas y publicaciones.

Preguntas más frecuentes

¿Cómo empiezo a utilizar el bloque de testimonios de Turobcharged?

Asegúrese de que está utilizando el editor de bloques de Gutenberg, el bloque de testimonios turbocargado no funcionará con el editor clásico. Si desea estar a la vanguardia de la tecnología, querrá instalar la última versión del complemento del editor de Gutenberg.

Reseñas

Excelente colección de bloques testimoniales

Ben Shadle
17 de febrero de 2020
Pasé mucho tiempo buscando el bloque de testimonios adecuado para mi sitio de WordPress. Instalé un montón de complementos de bloques de testimonios, pero este proporciona la mejor colección de bloques de testimonios de WordPress Gutenberg con diferencia. Los diferentes estilos predeterminados son hermosos, el estilo es personalizable y los bloques son fáciles de editar.

Millones de dólares en muy poco tiempo

alidiane
14 de febrero de 2020
No he tocado WordPress en mucho tiempo, pero Lee lo desglosa de manera tan simple que cualquiera puede hacer que estas cosas parezcan un millón de dólares en poco tiempo. Recomiendo ampliamente este complemento.

Estilos flexibles impresionantes

micahcohena
13 de febrero de 2020
Estilos flexibles asombrosos, características de personalización robustas y un hermoso diseño … el bloque realmente es turbocargado jajaja, ¡soy un geek!

Leer las 3 reseñas

Colaboradores y desarrolladores

“Turbocharged Testimonial Block” es un software de código abierto. Las siguientes personas han contribuido a este complemento.

Colaboradores

  • bloque manual

  • leeshadle

Traduzca “Bloque de testimonios turbocargado” a su idioma.

Interesado en el desarrollo?

Explore el código, consulte el repositorio de SVN o suscríbase al registro de desarrollo mediante RSS.

Registro de cambios

1.0.12

  • Actualizando el autocargador del redactor…

1.0.11

  • La corrección del error si el tema tiene colores de editor usa una barra personalizada para un color primario

1.0.10

  • La corrección del error si el tema tiene colores de editor usa una barra personalizada para un color primario

1.0.9

  • Corrección de error si el tema no tiene los colores del editor configurados

1.0.8

  • Actualizaciones de compatibilidad de WordPress 5.4

1.0.6

  • Actualizaciones de compatibilidad de WordPress 5.4

1.0.5

  • Actualizando readme.txt
  • Actualizando screenshot-5.png
  • Actualizando captura de pantalla-6.png

1.0.4

  • Agregar tamaño de sombra de cuadro personalizado
  • Agregar tamaño de radio de borde personalizado
  • Agregar tamaño de ancho de borde personalizado

1.0.3

  • Probar la implementación de acciones de Github

1.0.2

  • Probar la implementación de acciones de Github

1.0.1

  • Probar la implementación de acciones de Github

1.0.0

  • Versión inicial



Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja una respuesta