Saltar al contenido principal

Cómo crear formas personalizadas en Elementor

Divi: el tema de WordPress más fácil de usar

Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62. [Recomendado]

¿Necesitas crear formas personalizadas en Elementor?

En el desarrollo web, la forma geométrica es otra cosa básica que debe comprender además de la teoría del color. Cada forma geométrica representa diferentes significados.

Descubre Cómo instalar Elementor en WordPress

El Círculo, por ejemplo, representa armonía y seguridad.

Elementor no tiene un widget específico para crear una forma personalizada, pero puede usar el widget espaciador si necesita agregar una forma personalizada a una página web.

Este artículo le mostrará cómo crear formas personalizadas en Elementor usando el widget Spacer.

Cree fácilmente su sitio web con Elementor

Elementor le permite crear fácilmente cualquier diseño de sitio web con un aspecto profesional. Deja de pagar caro por lo que puedes hacer tú mismo. [Gratis]

Cómo crear una forma personalizada en Elementor usando el widget Spacer

Algunos widgets de Elementor, incluido el widget Spacer, tienen una opción para establecer valores de radio de borde. Puede usar esta opción para crear una forma personalizada en Elementor.

De forma predeterminada, al agregar el widget Spacer, tendrá una forma rectangular con una altura de 50px. Puede cambiar esta configuración predeterminada para crear una forma cuadrada, circular o redondeada. Tenga en cuenta que no todas las formas geométricas se pueden crear con el widget Spacer.

Lea nuestra guía en Cómo agregar divisor para crear una sección en Elementor

No podrás crear un triángulo o un paralelogramo. A continuación, se explica cómo crear una forma personalizada en Elementor usando el widget Spacer.

  • Primero, cree una nueva página en WordPress y edítela con Elementor. Puede crear la página desde cero o cargar una plantilla en su lugar.
  • Agregue el widget Spacer arrastrándolo al cuadro de edición. Puedes colocarlo en cualquier lugar.
  • Establece la altura del espacio. Puede definirlo más tarde según la forma que desee crear.
  • En el panel izquierda, ve a la pestaña Avanzado y establezca el fondo de la sección Fondo.
  • Cómo crear formas personalizadas en Elementor
  • Todavía bajo la pestaña Avanzado, ir a la sección posicionamiento y modificar el largeur en personnalisé y establezca el valor deseado. Si desea hacer una forma cuadrada o circular, debe establecer el mismo valor de ancho que el valor alto. También defina el posición sur « Absoluto " .
  • Cómo crear formas personalizadas en ElementorTodavía bajo la pestaña Avanzado, vaya a la sección Borde para cambiar los valores del radio del borde. Si desea crear una forma cuadrada o rectangular, no necesita cambiar los valores del radio del borde. Solo necesita cambiar estos valores si desea crear una forma circular o una forma totalmente personalizada (forma irregular).
  • Cómo crear formas personalizadas en ElementorMueva la forma que acaba de crear arrastrándola al área que desea colocar.

Repita los pasos anteriores para crear más formas personalizadas. O simplemente puede duplicar una forma que creó para ahorrar tiempo.

Solo asegúrese de hacer coincidir los valores del radio del borde, así como el tamaño (alto y ancho).

¡Obtenga Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo que le muestra cómo crear formas personalizadas en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...

Este artículo contiene los comentarios 0

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados con *

Este sitio usa Akismet para reducir los no deseados. Obtenga más información sobre cómo se utilizan sus datos de comentarios.

Volver arriba