logo websastre disenadora web wordpress

Do not remove – Anchor for back to top button

Los 8 trucos en Elementor que quizás no sabes

Aquí te traigo 8 trucos en Elementor que te pueden ayudar en la creación de tu página web WordPress.
 
 
Web-Sastre

Web-Sastre

Diseñadora Web WordPress
para empresas familiares y bloggers.

Divulgación de afiliados: Algunos de los enlaces de esta entrada son enlaces de afiliados. Esto significa que si pulsas en el enlace y haces una compra, recibiré una comisión sin ningún coste para ti. ¡Gracias por tu soporte! 

Primero te haré una pequeña introducción sobre qué es Elementor, aunque si estás aquí muy probablemente ya lo estés usando.

Elementor para mí, es la mejor herramienta para crear páginas web. Usa el método de arrastrar y soltar y permite crear diseños únicos y creativos sin necesidad de tener conocimientos en programación. En algunos momentos sí es útil saber conceptos de CSS, cómo te explico en este post.

Es un Plugin que puedes instalar fácilmente como cualquier otro, y después de hacer los ajustes para dejarlo configurado según tu diseño, ya puedes empezar a crear páginas con todo su potencial! Personalmente uso Elementor Pro para crear las páginas web, tiene más opciones que Elementor y la gran ventaja es que reduce mucho el número de Plugins extra a usar.

Este no es un post para explicar como funciona Elementor, sinó que te voy a contar 8 trucos muy útiles que en momentos puntuales te ahorran tiempo y quebraderos de cabeza. Entonces empezamos!

Tabla de contenido

guia_paso_a_paso_

Definir colores globales

En Elementor se pueden definir colores globales para luego usarlos en toda la página y no tener que escribir el código del color cada vez. Para poderlos definir, se accede desde las tres líneas de la barra superior del panel de edición.

elementor menu superior
elementor salir al escritorio
elementor colores globales
elementor colores globales
elementor colores globales
elementor colores globales
guia_paso_a_paso_

Usar la herramienta Navigator

Si estás empezando a usar Elementor, quizás no te habrás dado cuenta que, en el pie de la columna de edición, hay varios iconos. La herramienta Navigator es el segundo empezando por la izquierda.

elementor herramienta navigator
elementor herramienta navigator
elementor herramienta navigator
elementor herramienta navigator
guia_paso_a_paso_

Igualar propiedades entre los mismos widgets

Durante el diseño hacemos ajustes a secciones, columnas, textos, imágenes..., en todos los elementos (widgets) que nos ofrece Elementor. Si por ejemplo, cambias el margen de una sección y quieres hacer este mismo cambio en otras, lo puedes hacer igualando propiedades. Ten en cuenta que se igualarán todas las propiedades.

elementor estilo entre elementos
elementor estilo entre elementos
elementor estilo entre elementos
guia_paso_a_paso_

Copiar secciones enteras entre páginas o guardarlas como plantilla

Si has trabajado el diseño de una sección que quieres repetir en otra página, para no tener que invertir tiempo en volver a configurarlo todo, es posible copiar secciones enteras entre páginas e incluso transformarlas en plantillas para poder usarlas cuando lo necesites.

elementor copiar secciones
elementor pegar secciones
elementor guardar secciones como plantilla
elementor guardar secciones
elementor añadir plantilla
elementor copiar secciones
guia_paso_a_paso_

Subir tus propios iconos en formato SVG

En caso de tener tus propios iconos en format SVG, con Elementor es posible subirlos a la biblioteca de medios y usarlos en toda nuestras páginas.

wordpress elementor subir svg
wordpress elementor subir svg
wordpress elementor subir svg
guia_paso_a_paso_

Añadir "enter" en el título en cuadros de imagen y cajas de icono

Si tenemos más de un cuadro de imagen o caja de icono de lado, puede pasar que uno de ellos tenga dos líneas en el título y nos desplace el contenido. Podemos intentar encontrar cuánto se ha desplazado y modificar en Estilo > Contenido > Título > Espaciado. Pero si sabemos que se mantendrán en los diferentes tamaños de pantalla en una y dos líneas, le podemos añadir un enter al título de una línea y se nos igualará el contenido.

Este es el encabezado

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

Este es el encabezado con más palabras y añade una línea

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

añadir espacio en título caja icono elementor
añadir espacio en título caja icono elementor
Este es el encabezado
 

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

Este es el encabezado con más palabras y añade una línea

Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

guia_paso_a_paso_

Widget Editor Texto: eliminar el margen abajo por defecto

Los márgenes izquierda, superior y derecha del widget Editor Texto están ajustados al texto por defecto, excepto el margen inferior que tiene 30px añadidos.

wordpress elementor 30px por defecto widget texto
wordpress elementor 30px por defecto widget texto edicion
wordpress elementor 30px por defecto widget texto edicion visual
wordpress elementor 30px por-defecto widget texto edicion html
wordpress elementor 30px por defecto widget texto edicion html eliminar ultima letra
wordpress elementor 30px por defecto widget texto volver teclear
guia_paso_a_paso_

Controlar el contenido visible en cada tipo de dispositivo

Elementor tiene una función muy útil para tener el control de dejar visibles o apagar las secciones o widgets según el dispositivo que se use.

elementor adaptabilidad escritorio tableta móvil
elementor adaptabilidad escritorio tableta móvil
elementor ocultar panel edicion
elementor adaptabilidad escritorio tableta móvil

Hasta aquí los 8 trucos con Elementor que te ahorran tiempo en tu diseño. Si necesitas ayuda puntual mientras estás creando tu web WordPress, puedes adquirir bolsas de horas y te puedo echar una mano para seguir adelante con tu proyecto.

Compartir:
Share on facebook
Share on twitter
Share on pinterest
Share on linkedin
Share on email
Directamente en tu correo

Suscríbete a Web Sastre para recibir nuevas entradas, ofertas, novedades y conseguir la Guía iniciación Elementor Pro Gratis!

 

Loading

Utilizo cookies propias y de terceros para que navegues perfectamente por mi web. Si sigues utilizando este sitio asumiré que estás de acuerdo. Si quieres más info, visita mi política de cookies en el siguiente enlace: