Shortcode web_blockquote
El shortcode web_blockquote renderiza el componente de cita en bloque (blockquote).
Los atributos que se indican a continuación coinciden con los controles actuales del Page Builder y con la salida pública. Usa la sintaxis en bruto solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_blockquote blockquote_author="Example author" blockquote_author_color="2" blockquote_icon_color="1"]<p>Quoted content.</p>[/web_blockquote]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
| Contenido encerrado | Vacío | Párrafos y HTML de contenido compatible | Coloca el contenido entre las etiquetas de apertura y cierre del shortcode. |
blockquote_author |
Vacío | Texto con énfasis pasivo, enlaces o saltos de línea | Cita opcional. |
blockquote_author_color |
Vacío | Ranura de paleta numérica 1–15 | Añade text-main-N a la cita. |
blockquote_icon_color |
Vacío | Ranura de paleta numérica 1–15 | Añade text-main-N a la comilla decorativa. |
blockquote_background_image_url |
Vacío | URL de imagen HTTP(S) o relativa al sitio | Habilita la comilla con estilo, incluso sin ajustes codificados. |
blockquote_background_image |
Vacío | Ajustes de fondo producidos por el editor visual | Tamaño (auto/cover/contain/custom), porcentajes de ancho/alto, nueve posiciones, repetición y fijación scroll/fixed. |
device_visibility |
— | Cadena salvo que se indique lo contrario | Aplica la regla de visibilidad responsive seleccionada. |
el_id |
— | HTML ID válido y único | 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 distinto a un elemento de contenido concreto, usa este campo para añadir un nombre de clase y luego haz referencia a él en tu archivo css. |
Personalizar la hoja de estilos
Los administradores pueden sustituir la hoja de estilos completa de Blockquote en Settings → POM Theme → Advanced → Custom CSS → Shortcode CSS assets → Blockquote. Al guardar se publica una copia optimizada por sitio sin añadir la hoja de estilos a páginas no relacionadas. Al revertir se devuelve el handle existente web-blockquotes a la hoja de estilos del tema. El mismo componente lo usan la cita nativa de Gutenberg y su vista previa en el editor; ninguno requiere JavaScript específico para citas.
Apunta a .web-blockquote-content para los párrafos citados y a cite.web-blockquote-author para la atribución. La comilla es decorativa y está oculta para las tecnologías de asistencia. Los ajustes de fondo se establecen por defecto en Cover, Center center, No repeat y Scroll; la capa de imagen tiene una opacidad del 60%. Los porcentajes personalizados están limitados a 0–1000. Legacy sigue generando declaraciones de fondo en línea validadas; Gutenberg almacena sus declaraciones de fondo arbitrarias en la hoja de estilos de página unificada. El contenido existente del shortcode no requiere conversión.
Verificación
Comprueba web_blockquote con contenido representativo, su estado vacío y cada rango responsive habilitado. Presta especial atención a content y a blockquote_author.
Para la creación nativa, consulta Añadir una cita en Gutenberg.