AƱadir y eliminar el elemento
AƱadir el elemento al lienzo
Para acceder y usar un widget:
En el editor de Elementor, haga clic en +.
Se muestran todos los elementos disponibles.Haz clic o arrastra el elemento al lienzo. Para obtener mĆ”s informaciĆ³n, consulta AƱadir elementos a una pĆ”gina.
Eliminar el elemento
Para eliminar el widget:
- En el lienzo, seleccione el elemento haciendo clic en Ć©l.
- Pulse la tecla Suprimir en su teclado. Para obtener mĆ”s informaciĆ³n, consulte Eliminar elementos de una pĆ”gina.
ĀæQuĆ© es un elemento flexbox?
Un Flexbox es un contenedor diseƱado para albergar otros elementos, incluidos otros Flexboxes. Los Flexboxes le brindan una gran flexibilidad al diseƱar y organizar el contenido en su interior. Esto los convierte en una gran herramienta para diseƱos complejos y perfectos hasta el Ćŗltimo pĆxel.
Vea todas las opciones disponibles con el widget de clasificaciĆ³n.
Caso de uso comĆŗn
Ellis estĆ” diseƱando una pĆ”gina de inicio para un salĆ³n de belleza. Quieren una secciĆ³n Hero llamativa para captar la atenciĆ³n de los visitantes y permitirles reservar una cita directamente desde la pĆ”gina de inicio.
Mira un vĆdeo que muestra el widget en acciĆ³n.
AƱadir un elemento flexbox: paso a paso
- AƱada un elemento Flexbox al lienzo. Para obtener mĆ”s informaciĆ³n, consulte AƱadir elementos a una pĆ”gina.
- En el panel, haga clic en la pestaƱa Estilo.
- Abre la secciĆ³n DiseƱo.
- Establezca la direcciĆ³n en Fila.
- AƱada dos Flexboxes secundarios dentro del primer Flexbox.
Los dos contenedores secundarios deben estar uno al lado del otro.
- Seleccione el contenedor de la izquierda haciendo clic en Ʃl y haga clic en la pestaƱa Estilo.
- Abra la secciĆ³n DiseƱo y establezca la direcciĆ³n en Columna.
- Abra la secciĆ³n TamaƱo y establezca la Altura mĆnima en 600 PX y el Ancho mĆnimo al 60%. Para obtener mĆ”s informaciĆ³n, consulte PestaƱa Estilo – TamaƱo.
- Abra la secciĆ³n Fondo y aƱada un color de fondo. Para obtener mĆ”s informaciĆ³n, consulte PestaƱa Estilo – Fondo.
- AƱada dos elementos de encabezado y un botĆ³n.
- AƱada contenido y estilo a los elementos de encabezado y botĆ³n. Consulte Elemento de encabezado y Elemento de botĆ³n para obtener mĆ”s informaciĆ³n. Para obtener mĆ”s informaciĆ³n sobre el posicionamiento, consulte PestaƱa Estilo – Espaciado, PestaƱa Estilo – TamaƱo y PestaƱa Estilo – PosiciĆ³n.
- Seleccione el Flexbox de la derecha.
- Haga clic en la pestaƱa Estilo.
- Abra la secciĆ³n DiseƱo.
- Establezca la altura en 600 PX y el ancho al 40%.
- Abra la secciĆ³n Fondo.
- AƱada una imagen como fondo. Para obtener mĆ”s informaciĆ³n, consulte PestaƱa Estilo – Fondo.
Ajustes para el elemento flexbox
Puedes personalizar tus widgets utilizando contenido, estilo y otros parƔmetros avanzados, lo que te ofrece una gran flexibilidad para adaptarlos a tus necesidades. Haz clic en las pestaƱas de abajo para ver todos los ajustes disponibles para este widget.
Etiqueta HTML
Elija la etiqueta HTML para su flexbox. Etiquetar su elemento correctamente ayuda a los motores de bĆŗsqueda a comprender su sitio y puede ayudar al SEO.
Las opciones incluyen:
- Div
- Encabezado
- SecciĆ³n
- ArtĆculo
- Aside
- Footer.
Enlace
Haga clic en el signo mƔs para introducir un enlace. Los visitantes que hagan clic en el archivo Flexbox abrirƔn el enlace.
Abrir en una nueva pestaƱa: Si el Flexbox contiene un enlace, active esta opciĆ³n si desea que el enlace se abra en una nueva pestaƱa.
