Shortcode web_testimonial
El shortcode web_testimonial muestra el componente de testimonial.
Los atributos siguientes coinciden con los controles actuales del Page Builder y con la salida pública. Usa la sintaxis sin procesar solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_testimonial testimonial_style="style_2" testimonial_name="Alex" testimonial_position="Customer" testimonial_image="123"]A clear and helpful experience.[/web_testimonial]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
testimonial_style |
style_1 |
style_1, style_2, style_3 |
Selecciona el estilo del testimonial. |
testimonial_image |
— | ID de adjunto de la biblioteca, URL de la biblioteca o URL de imagen HTTP(S) | Retrato opcional. Los metadatos de la biblioteca permanecen actualizados. El servidor no descarga las imágenes externas. |
image_decorative |
false |
yes, true, 1, on para activar |
Usa texto alternativo vacío; en caso contrario, usa el texto alternativo actual de la biblioteca. Las imágenes externas tienen texto alternativo vacío. |
testimonial_name |
— | HTML en línea seguro | Introduce el nombre, opcionalmente con enlaces o énfasis. |
testimonial_name_position |
after_content |
before_content, after_content |
Controla la posición del nombre. Disponible cuando testimonial_style es style_2. |
testimonial_position |
— | HTML en línea seguro | Introduce la posición, opcionalmente con enlaces o énfasis. |
| Contenido encerrado | — | HTML de entrada seguro y shortcodes anidados del tema | Cuerpo de la cita, no un atributo content. El shortcode conserva las comillas que lo rodean y la presentación en cursiva. |
testimonial_text_color |
— | Posición numérica de la paleta 1–15, o vacío |
Color del texto; vacío hereda. |
testimonial_bg_color |
— | Posición numérica de la paleta 1–15, o vacío |
Color de fondo; vacío es transparente. |
device_visibility |
— | Separados por espacios web-hide-on-lg, web-hide-on-md, web-hide-on-sm, web-hide-on-xs |
Oculta de forma independiente en los cuatro rangos del tema. |
el_id |
— | ID HTML único válido | Introduce el ID de la sección (Nota: asegúrate de que sea único y válido según la especificación w3c). |
el_class |
— | Cadena salvo que se indique lo contrario | Si deseas aplicar un estilo diferente a un elemento de contenido concreto, usa este campo para añadir un nombre de clase y después haz referencia a él en tu archivo css. |
Personalizar la hoja de estilos
Ve a Settings → POM Theme → Advanced → Custom CSS, expande Shortcode CSS assets y abre Testimonial. La comparación muestra el CSS legible generado por el tema actual junto a la fuente editable. Guardar crea un reemplazo optimizado por sitio para la hoja de estilos web-testimonial existente; revertir restaura el activo testimonial.min.css actual.
El reemplazo cambia solo el CSS. Tanto el shortcode como el Testimonial de Gutenberg usan las mismas clases de componente y el mismo renderizador. Los retratos son imágenes semánticas con las dimensiones actuales de la biblioteca y orígenes responsivos, que usan la política de carga de imágenes del tema. El selector web-testimonial-photo existente controla su recorte y geometría. El contenido de la cita vive en div.web-testimonial-body; los nombres y las fuentes del shortcode conservan enlaces en línea seguros y formato, mientras que los campos de Gutenberg siguen siendo texto plano. Los medios, iconos y controles de los shortcodes anidados conservan su marcado generado. El marcado ejecutable creado por el autor y los enlaces no seguros se rechazan. Revisa los reemplazos personalizados en relación con esos selectores. Las páginas sin contenido de Testimonial no cargan ninguna hoja de estilos de Testimonial, y el módulo no tiene JavaScript dedicado.
El retrato es opcional; el espaciado del retrato no utilizado se elimina. Las imágenes de biblioteca que falten se omiten, y un testimonial completamente vacío no produce marcado visible. El estilo 1 oculta su retrato por debajo de 576 píxeles. Usa el bloque de Testimonial de Gutenberg para la edición en línea.
Verificación
Verifica web_testimonial con contenido representativo, su estado vacío y cada rango responsivo activado. Comprueba las tres variantes de testimonial_style, ambos valores de testimonial_name_position para el estilo 2, la imagen del retrato y el orden de autor/fuente. Después de editar la hoja de estilos, confirma que una página que contenga el shortcode use el CSS gestionado, mientras que una página sin él siga sin cargar ningún activo de Testimonial.