Tutorial

Es muy fácil usar elementor , sólo tienes que crear o editar el articulo que quieras y hacer clic en el botón [Editar con elementor]

Elementor tiene dos menús:

  • Menú 1:

El icono de las tres lineas, es  un menú general en el que tendrás opciones a paletas de colores, tipografía definidas por defecto, ajustes de página, historial de revisiones y ajustes generales.

  • Menú 2:

El icono de cuadraditos, son los widgets que usaremos para nuestros artículos.

Después tenemos dos opciones para crear el articulo, nueva sección o de plantilla.

Si elegimos nueva sección, podremos elegir como queremos distribuir el diseño del articulo.

La facilidad que nos da Elementor, es que podemos modificar el tamaño de las columnas directamente.

Los elementos estructurales de maquetación de que dispone Elementor son los siguientes:

o    Secciones las secciones son los contenedores principales del constructor. Son los contenedores más grandes, y en una página se pueden incluir más de uno. Se utilizan habitualmente para dividir una página en varias partes diferentes.

 

o    Columnas marcan la distribución dentro de cada sección. Dentro de las columnas se ubicarán los elementos.

 

o    Elementos: Son bloques que tienen una funcionalidad diferente, añadir iconos, formularios de contacto, textos, botones, etc.

Elementos

Encabezado

Podremos añadir un enlace al título, tipo de fuente, tamaño, estilo, decoración, transformación, espaciado entre letras, etc.

También podremos añadir una sombra personalizada al título de texto y una animación de entrada.

Imagen

Te permite añadir una imagen.

Podrás elegir un tamaño predeterminado o ajustar dicho tamaño en tiempo real de manera independiente para cada dispositivo.

Podrás personalizar bordes (incluso radio) y añadir una sombra personalizada. También, podrás personalizar la opacidad de la imagen de manera dinámica, e incluso añadirle un movimiento al poner el ratón sobre la imagen.

Texto

Incluye el editor por defecto de WordPress.

Vídeo

Nos permite incrustar fácilmente un vídeo de YouTube o Vimeo en la página que estemos creando.

Botón

Nos permitirá añadir botones personalizados a la página.

Dispone de todas las opciones necesarias para personalizar el diseño de los botones como tamaño, colores texto y fondo, borde, radio curvatura esquinas, etc.

Separador

Te servirá para separar diferentes elementos con una línea personalizada en cuanto a forma, tamaño y colores.

Espaciador

Sirve para añadir un determinado espacio en blanco. La altura de este espacio la podremos personalizar estableciendo los píxeles de dicho espacio.

Google Maps

Nos permite incrustar un Mapa de Google con localizador de posición.

Icono

Podremos insertar un icono de la fuente Awesomeaislado o incluido en un círculo (por defecto, apilados y encuadrado)

Cuadro de imagen

Es una composición formada por una imagen, un título y un texto (en ese orden).

Realmente podemos crear esta composición con 3 elementos. El elemento imagen, más el elemento título, más el elemento editor de texto.

Caja de icono

Composición como el elemento anterior con la diferencia de que ahora tenemos un icono en vez de una imagen encabezando la composición.

Galería de Imágenes

Permite añadir una galería de imágenes a la página. Al hacer clic sobre una de ellas se mostrará en una capa overlay que dispondrá de flechas para visualizar las contiguas.

Recomendación

Nos sirve para mostrar recomendaciones o testimonios de otras personas en nuestra página web.