Tu Primera Página con Elementor: ¡Una Guía Sencilla!

Si ya conoces WordPress, estás listo para dar el salto a Elementor, el constructor visual que te permite crear páginas web de forma intuitiva. En esta guía rápida, aprenderás a crear tu primera página con texto e imágenes.

Requisitos:

Para usar Elementor, lo tienes que instalar como Plugin. Si no sabes instalar plugins, refierete aqui:

Plugins en WordPress

 

Conociendo el Entorno de Elementor

Al editar una página con Elementor, verás dos áreas principales:

Elementor para WordPress
  1. Panel de la Izquierda: Aquí encontrarás los widgets, que son los bloques de contenido que puedes añadir a tu página (texto, imágenes, vídeos, botones, etc.). También verás las opciones para personalizar cada widget.
  2. Lienzo (Panel de la Derecha): Esta es la vista previa en tiempo real de tu página mientras la construyes. Arrastra los widgets desde la izquierda hacia aquí.

En la parte superior del panel izquierdo, tienes opciones para guardar, ver la página en vivo y deshacer/rehacer tus acciones.

La Base: Secciones y Columnas

Antes de añadir contenido, necesitas entender la estructura básica:

Elementor para WordPress - Seccion
  • Secciones: Son como filas que organizan el contenido de tu página horizontalmente.
  • Columnas: Opcionalmente, dentro de cada sección, puedes dividir el espacio en columnas para colocar los widgets uno al lado del otro.

Para empezar, haz clic en el botón «+» para añadir una nueva sección. Puedes elegir una estructura de una columna para empezar.

Elementor - Columnas
Recuerda, el uso de las columnas es opcional.
Elementor - Columnas

Añadiendo Texto

  1. En el panel izquierdo, busca el widget de "Editor de Texto" (o simplemente "Texto" en algunas versiones).
  2. Arrastra este widget hacia la columna que creaste en el lienzo.
  3. Haz clic dentro del cuadro de texto en el lienzo o edita el texto directamente en el panel izquierdo.
  4. Puedes cambiar el estilo del texto (tamaño, color, fuente, etc.) en la pestaña de "Estilo" del panel izquierdo.
Elementor - Editor de Texto

Una vez que hayas insertado el editor de texto puedes poner el texto que desées como a continuación:

Elementor - Texto

Ahora vamos a insertar un nuevo elemento:

Vas a utilizar este botón mucho.  Cada vez que quieras insertar un nuevo widget en una sección, hazle click al boton de «+».

Elementor - nuevo elemento.

Insertando una Imagen

  1. En el panel izquierdo, busca el widget de "Imagen".
  2. Arrastra este widget debajo del texto (o donde quieras que aparezca la imagen) en el lienzo.
  3. Haz clic en el widget de imagen. En el panel izquierdo, verás un botón que dice "Elige imagen".
  4. Haz clic en "Elige imagen". Se abrirá la biblioteca de medios de WordPress.
  5. Selecciona una imagen que ya tengas subida o sube una nueva haciendo clic en "Subir archivos".
  6. Una vez seleccionada la imagen, haz clic en "Insertar medio".
  7. Puedes ajustar el tamaño, la alineación y otras opciones de la imagen en la pestaña de "Estilo" del panel izquierdo.
Elementor - Imagen
Elementor - seleccion imagen

Guardar y Ver tu Página

Para guardar los cambios, haz clic en el botón verde "Publicar" (si es una página nueva) o "Actualizar" (si estás editando). Para ver cómo se ve tu página en vivo, haz clic en el icono del ojo ("Previsualizar cambios") que se encuentra junto al botón de guardar.

¡Enhorabuena! Has creado tu primera página básica con texto e imagen utilizando Elementor. Sigue explorando los diferentes widgets para añadir más elementos y personalizar tu sitio web. ¡Las posibilidades son infinitas!

Artículo anterior