¿Le gustaría crear un diseño con Elementor? ¿Quieres crear fácilmente un sitio web de WordPress de aspecto profesional? Entonces debes Descargue el complemento de WordPress Elementor aquí.

 Elementor es un creador visual de páginas que ofrece la función "Arrastrar y soltar" que le permite crear fácilmente diseños personalizados en WordPress sin ningún conocimiento de codificación.

En este tutorial, le mostraremos cómo crear fácilmente diseños de WordPress personalizados con Elementor con solo unos pocos clics. También te ofrecemos mira las otras alternativas de este hermoso plugin de WordPress.

Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

crear un diseño con Elementor

¿Por qué y cuándo crear diseños personalizados en WordPress?

Antes de comenzar, puede descubrir en este plugin de WordPress consultando los artículos Presentación de una página de construcción de WordPress: Elementor o descubriendo el Tutorial de Elementor: presentación de la interfaz 

Muchos Temas de WordPress Tanto los gratuitos como los premium ofrecen múltiples opciones de diseño para diferentes tipos de páginas. Sin embargo, a veces ninguno de estos diseños de plantilla satisface sus necesidades.

Sin embargo, si eres fanático de PHP, HTML y CSS, tienes la opción de crear tus propias plantillas de página o incluso crear un tema secundario para tu sitio web. Pero, la mayoría de los usuarios de WordPress no son desarrolladores, por lo que esta opción no funciona para ellos.

Descubre también estos Complementos de 8 WordPress para crear fácilmente tus diseños

Entonces, ¿no sería genial crear diseños usando una interfaz simple (arrastrar y soltar)?

Esto es exactamente lo que hace Elementor. Este es un complemento de creación de páginas de WordPress que le permite crear fácilmente sus propios diseños de WordPress personalizados sin ninguna habilidad de codificación.

Tiene una interfaz de usuario intuitiva que le permite crear diseños personalizados con vista previa en tiempo real. Viene con muchos módulos listos para usar para todo tipo de elementos de diseño web.

Ofrece varias plantillas de página diseñadas profesionalmente que puede cargar y usar instantáneamente como punto de partida. Dicho esto, echemos un vistazo a cómo crear diseños personalizados de WordPress con el complemento WordPress Elementor.

Comenzando con Elementor

Primero deberá comprar el complemento " Elementor Pro ". Esta es la versión paga del complemento " Elementor Gratis, que le da acceso a funciones adicionales y atención al cliente de 1.

A continuación, deberá instalar y activar el Complemento Elementor. Para obtener más detalles, consulte nuestra guía paso a paso sobre forma de instalar un complemento de WordPress.

Después de la activación, visite el " Elementor> Configuración Para configurar el funcionamiento de este complemento.

Elementorajustes

Aquí puede activar "Elementor" para diferentes tipos de publicaciones. De forma predeterminada, está habilitado para sus publicaciones y páginas de WordPress. Si tiene formatos de publicación personalizados en su sitio web, también aparecerán aquí, y también puede habilitarlos.

Podrá excluir o incluir roles de usuario que pueden usar Elementor al escribir publicaciones o páginas. De forma predeterminada, está habilitado solo para administradores.

Descubre nuestro Complementos de 8 WordPress para administrar roles y usuarios

No olvides hacer clic en el botón « Guardar cambios Para guardar su configuración.

Creando un diseño personalizado con Elementor

Primero, debe crear una nueva página (o publicación) en su sitio web de WordPress. En la página de edición de publicaciones, verá el nuevo botón "Editar con Elementor".

Editar con elementor

Al hacer clic en él, se iniciará la interfaz de usuario de Elementor, donde puede editar su página utilizando el generador de páginas visual con funcionalidad de arrastrar y soltar.

Elemento de arrastrar y soltar

Ahora puede agregar secciones y crear su página desde cero, o aún puede cargar una de las plantillas enviadas predeterminadas.

Los modelos son una forma más rápida de comenzar rápidamente. Por lo tanto, Elementor ofrece varias plantillas diseñadas profesionalmente que puede personalizar tanto como desee.

Comencemos con una plantilla haciendo clic en el botón " Agregar una plantilla ".

Esto mostrará una ventana emergente donde puede ver los diferentes modelos disponibles. Debes buscar un modelo que se parezca a lo que quieres. 

Complemento de diseño elemntor

Ahora haga clic para seleccionar el modelo que desea, luego haga clic en el botón insertar Para agregarlo a su página.

Elementor cargará la plantilla por ti.

Ahora puede comenzar a modificar la plantilla para adaptarla a sus necesidades. Simplemente apunte y haga clic en cualquier elemento para seleccionarlo, y Elementor le mostrará su configuración en la columna de la izquierda.

Inicio de la edición de página en elementor

Ahora hablemos sobre cómo funcionan los diseños de Elementor.

Los modelos que ofrece el Complemento Elementor se basan en secciones, columnas y widgets. Las secciones son como líneas o bloques que colocas en tu página.

Cada sección puede tener varias columnas y cada sección y columna puede tener sus propios estilos, colores, contenido, etc.

Editando una página con elementor

Tiene la opción de agregar elementos en sus columnas y secciones utilizando los widgets que ofrece Elementor.

Estos widgets son tipos de bloques de contenido que puede colocar en secciones de sus páginas.

Simplemente seleccione un widget y suéltelo en su sección o columna. Hay un gran conjunto de widgets disponibles que cubren todos los elementos de diseño web populares que pueda imaginar.

Diseño de element e con elementor

Puede agregar imágenes, textos, temas, galerías de imágenes, videos, mapas, íconos, testimonios, controles deslizantes, carruseles y mucho más.

Vea también nuestro Temas y plantillas de 15 Elementor para crear un sitio web

También puede agregar widgets de WordPress predeterminados e incluso widgets creados por otros. plugins de WordPress en tu sitio web

Una vez que haya terminado de crear su propio diseño o modificar su diseño, puede hacer clic en el botón " Siguiente Para mantener tus cambios.

Personaliza el diseño con elementor

Observación: Guardar un diseño no publicará la página en su sitio web de WordPress. Simplemente guardará su diseño.

En este punto, tiene la opción de obtener una vista previa de su página o ir al panel de WordPress. Lo que lo llevará de regreso al editor de publicaciones predeterminado de WordPress. Ahora puede guardar su página de WordPress o publicarla en su sitio web.

Publicación de maquetación con elementor

Eso es todo, así que terminé de crear una página con el complemento de WordPress Elementor.

Pero como muchos creadores de páginas, también ofrece extensiones. lo que le permitirá crear nuevos diseños de manera fácil y rápida al incorporar más elementos de diseño al complemento predeterminado.

Descargar Elementor

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. JetElements 

Este complemento mejorará su paquete Elementor con una amplia variedad de módulos que serán extremadamente útiles al construir su sitio web. Se han creado elementos poderosos especialmente para integrarse con la funcionalidad de Elementor y brindarle soluciones versátiles y elementos elegantes.

Complemento Jetelement wordpress elementor

Sus características principales son: muchos módulos útiles, que contienen muchas opciones de estilo, parámetros funcionales y elementos absolutamente personalizables, elementos increíbles para lanzar rápidamente su tienda en línea, soporte para idiomas RTL, Soporte de plugin WPML y un modulo Contacto 7 Forma asombroso, que le permite agregar sus formularios de contacto e incrustarlos en su sitio web.

Descargar | Demo | alojamiento web

2. JetMenu 

JetMenu es una extensión muy funcional plugin Elementor, que te permite crear megamenus con elementos de desplazamiento fáciles de usar. Este complemento no limita su imaginación y tiene el potencial de crear menús increíbles y renovarlos de acuerdo con su visión y sus necesidades.

Complemento Jetmenu wordpress elementor

Sus principales características son: No se requieren conocimientos de codificación, características ricas que combinan a la perfección con la sencillez y la claridad, una gran selección de módulos de contenido, especialmente desarrollados para ayudarlo a crear sus menús, un diseño altamente receptivo y más.

Si desea darle vida a los menús o megamenús de su sitio web, consulte este complemento de WordPress.

Descargar | Demo | alojamiento web

3. JetWooBuilder 

JetWooBuilder es un complemento imprescindible que te permite crear páginas de productos WooCommerce completas con Elementor.

Complemento Jetwoobuilder wordpress elementor

Como características encontrarás entre otras: Varias plantillas de páginas de productos únicas, muchas imágenes para crear páginas de productos WooCommercemuchos widgets de contenido llamativos, como Agregar al carrito, Vista previa, Imagen, Calificación, Relacionados y muchos más, la capacidad de mostrar taxonomías de productos y mucho más.

Descargar | Demo | alojamiento web

Algunos recursos útiles:

conclusión:

Listo ! Eso es todo por este tutorial, espero que te permita crear diseños modernos y profesionales con el complemento. Elementor.

Sin embargo, también podrá consultar nuestra 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.

Comparta especialmente este artículo en sus diferentes redes sociales.

...