Shortcode web_button
El shortcode web_button muestra el componente de botón.
Los atributos que aparecen a continuación coinciden con los controles actuales del Page Builder y con la salida pública. Utiliza la sintaxis en bruto solo para contenido revisado que no pueda mantenerse mediante los controles visuales.
Uso
[web_button]Atributos
| Atributo | Predeterminado | Valores aceptados | Propósito |
|---|---|---|---|
button_text |
— | Cadena salvo que se indique lo contrario | Introduce el texto que aparecerá en el botón. |
button_aria_label |
— | Cadena salvo que se indique lo contrario | Utiliza este campo para explicar mejor el propósito del botón y mejorar la accesibilidad. |
button_type |
url |
url, modal, offcanvas, ajax, slider |
Elige si el botón abre una URL, un modal, un panel off-canvas, una página cargada dinámicamente o una acción de slider. |
button_offcanvas_id |
— | Cadena salvo que se indique lo contrario | Introduce el ID del off-canvas que se alternará al hacer clic en el botón. Disponible cuando button_type es offcanvas. |
slide_on_hover |
— | yes |
Cambia de pestaña al pasar el cursor en lugar de con un clic. Disponible cuando button_type es slider. |
button_url |
— | Cadena salvo que se indique lo contrario | Introduce la URL a la que se dirigirá al hacer clic en el botón. Disponible cuando button_type es url o slider. |
button_modal_id |
— | Cadena salvo que se indique lo contrario | Introduce el ID del cuadro modal que se activará al hacer clic en el botón. Disponible cuando button_type es modal. |
button_xfn |
— | Cadena salvo que se indique lo contrario | Se colocará en el parámetro rel=\"\" del enlace. Disponible cuando button_type es url. |
center_mobile |
— | web-center-mobile |
Si se selecciona, el botón se centrará en móvil. |
button_target |
— | yes |
Abre el enlace en otra ventana. Disponible cuando button_type es url. |
button_ajax_page |
— | Un valor seleccionado de WordPress | Elige la página que se mostrará mediante AJAX. Disponible cuando button_type es ajax. |
button_slider_id |
— | Cadena salvo que se indique lo contrario | Introduce el ID del slider que deseas gestionar. Disponible cuando button_type es slider. |
button_slider_action |
next |
next, previous, custom |
Controla la acción del slider. Disponible cuando button_type es slider. |
button_slider_custom_slide_id |
— | Cadena salvo que se indique lo contrario | Introduce el ID de la pestaña a la que se navegará. Disponible cuando button_slider_action es custom. |
button_style |
1 |
1, hidden o un slug de estilo de botón configurado |
Elige un estilo de botón definido en el sistema de diseño de POM. |
button_alignment |
left |
left, center, right, none |
Elige la alineación del botón. |
button_size |
default |
xs, sm, default, lg, x2, x2-large, x3-large, x4-large |
Elige el tamaño del botón. |
button_block |
— | yes |
Hace que el botón ocupe el 100% de anchura. |
button_type_button |
— | yes |
Usa una etiqueta button en lugar de una etiqueta a. Disponible cuando button_type es modal o offcanvas o url. |
button_icon |
— | Cadena salvo que se indique lo contrario | Selecciona el icono que se mostrará dentro del botón. |
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 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 haz referencia a él en tu archivo css. |
button_attachment |
— | Cadena salvo que se indique lo contrario | Establece el valor de adjunto del botón que consume este shortcode. |
button_force_download |
— | Cadena salvo que se indique lo contrario | Establece el valor de descarga forzada del botón que consume este shortcode. |
Verificación
Opera web_button con entrada de puntero y teclado, y confirma que las etiquetas, el foco y el movimiento siguen siendo comprensibles. Presta especial atención a button_text y button_aria_label.