Shortcode web_icon
El shortcode web_icon renderiza el componente de icono.
Los atributos que se indican a continuación coinciden con los controles actuales del Page Builder y con la salida pública. Utiliza la sintaxis raw únicamente para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_icon]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
icon |
— | Cadena, salvo que se indique lo contrario | Selecciona el icono que se va a mostrar. |
icon_color |
1 |
Cadena, salvo que se indique lo contrario | Controla el color del icono. |
icon_bg_color |
— | Cadena, salvo que se indique lo contrario | Controla el color de fondo del icono. |
icon_bg_shape |
— | square, circle |
Elige la forma del fondo del icono. |
icon_alignment |
center |
left, center, right |
Elige la alineación del icono. |
icon_size |
adapt |
sm, default, lg, adapt |
Elige el tamaño del icono. |
icon_url |
— | Cadena, salvo que se indique lo contrario | Introduce la URL a la que se dirigirá al hacer clic en el icono. |
icon_url_additional_attributes |
— | Cadena, salvo que se indique lo contrario | Puedes introducir atributos adicionales para la URL del icono. |
icon_target |
— | yes |
Abre el enlace en otra ventana. |
icon_nofollow |
— | yes |
Abre rel=\"nofollow\" en el enlace. |
device_visibility |
— | Cadena, salvo que se indique lo contrario | Aplica la regla de visibilidad responsive seleccionada. |
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 del w3c). |
el_class |
— | Cadena, salvo que se indique lo contrario | Si deseas aplicar un estilo diferente a un elemento de contenido concreto, utiliza este campo para añadir un nombre de clase y, a continuación, haz referencia a él en tu archivo CSS. |
Verificación
Verifica web_icon con contenido representativo, su estado vacío y todos los rangos responsive habilitados. Presta especial atención a icon y icon_color.