¿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í.
¿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.
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".
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Como características encontrarás entre otras: Varias plantillas de páginas de productos únicas, muchas imágenes para crear páginas de productos WooCommerce, muchos 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:
- JetPlugins: las mejores modificaciones para crear sitios web con Elementor Page Builder
- Temas 15 y plantillas Elementor para crear un sitio web
- Monstroid 2: cree fácilmente su sitio web con Elementor
- Cómo configurar las entregas a WooCommerce
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.
...
¿Cómo hacer 2 columnas para que en un teléfono inteligente todavía haya 2 columnas? lo siento novato
¡Hola
simplemente deje su sección predeterminada de dos columnas en todos los dispositivos. Pero en general, sería interesante desde un punto de vista estético y fácil de usar para transformar una sección de 2 columnas en una columna en un teléfono inteligente
cordialmente
Thierry Hola!
Muchas gracias por esta gran publicación.
Yo uso ELEMENTOR PRO y creé una página en la cual descargué vía ELEMENTOR un diseño ya construido, sin embargo, no lo entiendo, se encuentra en TODO mi sitio web ... toda mi arquitectura web ha cambiado y es este diseño el que encuentro en todas las páginas de mi sitio. Por otro lado, el diseño anterior no se ha eliminado, pero se encuentra en la parte inferior de la página. Cuando hago clic en “EDITAR con ELEMENTOR” no puedo borrarlo… ¿alguna idea de dónde viene?
¡Muchas gracias!
Hola Thierry
Desde el fondo de mi corazón muchas gracias por el artículo. Ahora tengo una inquietud que me ha estado molestando desde hace unos días, soy nuevo en wordpress y uso ocean WP como tema y luego instalé elementor como versión gratuita, así que con esta versión gratuita comencé creando mis páginas y eso es bueno pero el problema que me surgió es que cuando publico mi página o el artículo una vez que lo tengo las mayúsculas no aparecen después de un punto o al comienzo de mi oración es necesario ajustes en la tipografía o en la familia de fuentes elegida en resumen para ayudarme a comprender mejor dónde está la versión gratuita que no tiene las letras mayúsculas después de un punto. Gracias por la comprensión.
Hola,
Le recomiendo que se ponga en contacto con el soporte de complementos de Elementor en su página de WordPress.org. Ciertamente encontrará una respuesta de los autores.
Hola, ¿puedes usar Elementor para cambiar la página de inicio? En caso afirmativo, ¿dónde? ¿Puedo crear un formulario de contacto con este complemento? 🙂
Hola,
Sí Elementor está muy completo.
¡Hola
Creé mi página de inicio a través de la pestaña personalizada de mi interfaz de wordpress. ¿Por qué no encuentro lo mismo en elementor? ¡En elementor mi barra de menú no está en el mismo lugar y no tengo mi logotipo que aparece! Prefiero el de wordpress pero cuando visualizo mi sitio es la página de inicio de elementor que aparece. ¿Puedes decirme cómo hacerlo?
Gracias p
Lo siento, olvidé mencionar que uso el tema oceanwp!
Hola,
Nunca hemos probado Elementor con su tema. Lo siento.
Hola,
Tengo un problema Desde hace unos meses, no actualizo mi sitio web donde utilizo este elemento; hoy traté de hacerlo pero tengo un problema, la mayoría de las secciones me muestran un cuadro tachado con la palabra OFF SECTION y no hay nada que pueda hacer. Solo puedo editar una sección de la página, aquella en la que tengo el texto.
¿Sabes lo que puede funcionar?
hola, ¿cómo y dónde se edita una plantilla de archivo en elementor pro? No puedo insertar contenido en la columna lateral del blog.
Hola valentina
¿Usas widgets de WordPress directamente? ¿Qué tipo de contenido quieres agregar?
Hola,
Estoy aprendiendo a crear un sitio web con WordPress, Elementor es un gran complemento, ayuda mucho, estoy descubriendo algo nuevo.
También problemas;) Por lo general, trato con soluciones. Ahora no.
Tengo un problema con la edición de texto. El párrafo y los títulos son rígidos y no puedo cambiar la fuente, el color, el peso, etc. A pesar de los cambios en la configuración, nada cambia. No es un problema de patrón, ya que tiene un tipo de letra y un esquema de color diferentes de los que me brinda Elementor.
No sé cómo cambiar este parámetro de plantilla que me sucedió incluso con el encabezado 1, pero lo cambié ingresando el código html en el encabezado y ayudé, ahora no funciona.
¿Cómo cambiará esto? - por favor ayuda.
Hola,
Intenta deshabilitar todos los complementos de WordPress y vuelve a intentarlo. Si su problema se resuelve cuando todos están desactivados, comience por activarlos uno por uno y luego verifique cada vez.
Si se trata de un problema de compatibilidad con otro complemento, sabrá cuál.
Bonsoir.
Agregué una foto en el sitio (Landing Page) y estaba tratando de cambiar a otra que no pude… borrar varias veces y puse la nueva foto pero no se carga… la foto vieja permanece…
¿Podrías ayudarme?
¡Hola
¿Has revisado el caché de tu sitio de WordPress?
Hola y gracias por este artículo que confirma mi elección de Elementor como mi creador de páginas. ^^
Por otro lado, ¿qué opinas de la creación de un sitio hijo antes de las modificaciones? ¿Es esto necesario con Elementor?
Mi temor es que todos los cambios realizados se sobrescriban al actualizar el tema. ¿No hay riesgo?
Agradeciendo tu respuesta,
Bien à vous,
Nicolas
Hola,
Nunca probado ¿contactaste con su soporte?
Hola y gracias por este artículo tan interesante.
Comencé a usar Elementor y me preguntaba si había alguna necesidad antes de proceder a crear un tema hijo del que estoy usando. De lo contrario, ¿no existe el riesgo de que las actualizaciones del tema o los complementos sobrescriban el diseño creado con Elementor?
Agradeciendo tu regreso,
Hola,
Me gustaría saber cómo conseguir el código PHP de la extensión ELEMENTOR para integrarlo en mi página de inicio.
Gracias por su atención a mi solicitud.
Hola,
Desafortunadamente, no tenemos una solución para ti, lo siento.
Hola,
artículo muy interesante.
Tengo una pregunta para el elemento pro que eres.
¿Es posible agregar en los formularios generados, un método = "POST"?
Jeanson
Bonsoir,
Aún no probado. Te aconsejo que contactes con el equipo de Elementor.
muy buen artículo, gan quiero preguntar, cuándo comencé a ir a elementor, o por qué parece que hay un encabezado y pie de página
Hola, no entiendo muy bien tu pregunta.