Saltar al contenido principal

Cómo crear un diseño personalizado con Elementor

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

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

más 600.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]

¿Te gustaría crear tus propios diseños personalizados en WordPress? ¿Desea crear fácilmente un sitio web con una apariencia profesional? Entonces tienes que 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 personalizados de WordPress con Elementor con solo unos pocos clics. También 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 gratuitos y premium de WordPress ofrecen varias opciones de diseño para diferentes tipos de páginas. Sin embargo, a veces ninguna de estas plantillas de diseño 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

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

Eso 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 personalizados de WordPress 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, veamos cómo crear diseños personalizados de WordPress con el complemento de WordPress Elementor.

Comenzando con Elementor

Primero, deberás 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.

Luego tendrá que instalar y activar el complemento Elementor. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

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

Aquí puede activar "Elementor" para diferentes tipos de publicación. Por defecto, está habilitado para sus artículos 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.

Puede excluir o incluir roles de usuario que pueden usar Elementor al escribir artículos o páginas. Por defecto, 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.

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]

Crear 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 publicaciones, notará el nuevo botón "Editar con Elementor".

Al hacer clic en él, se abrirá la interfaz de usuario de Elementor, donde puede editar su página utilizando el generador de páginas con la 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 tu página.

Elementor cargará la plantilla por ti.

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

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

Los modelos ofrecidos por 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 múltiples columnas y cada sección y columna puede tener sus propios estilos, colores, contenido, etc.

Puede agregar elementos a sus columnas y secciones utilizando los widgets que Elementor proporciona.

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

¿Estás buscando los mejores temas y complementos de WordPress?

Descarga los mejores complementos y temas de WordPress en Envato y crea fácilmente tu sitio web. Ya más de las descargas de 49.720.000. [EXCLUSIVO]

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

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

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

También puede agregar widgets predeterminados de WordPress e incluso widgets creados por otros complementos de WordPress en su 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 acceder al panel de WordPress. Lo que lo llevará de regreso al editor 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. eso le permitirá crear nuevos diseños de manera fácil y rápida agregando más elementos de diseño al complemento predeterminado.

Descargar Elementor

Descubre también algunos complementos premium de WordPress

Puede usar otros complementos de WordPress para darle un aspecto moderno y optimizar el agarre de su 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, lo que será extremadamente útil al crear su sitio web. Se han creado elementos potentes especialmente para integrarse en las funcionalidades de Elementor y finalmente para proporcionarle 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 módulo Contacto 7 Forma increíble, que le permite agregar sus formularios de contacto e integrarlos 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 características principales son: No se necesita conocimiento en codificación, desde características ricas que se combinan perfectamente con simplicidad y 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

Crea fácilmente tu tienda en línea

Descargue gratis WooCommerce, los mejores complementos de comercio electrónico para vender sus productos físicos y digitales en WordPress. [Recomendado]

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ágina de producto únicas, muchos elementos visuales para crear páginas de productos WooCommerce, muchos widgets de contenido pegadizo, como Agregar al carrito, Vista previa, Imagen, Notación, Relacionados y muchos otros, la capacidad de ver taxonomías de productos y mucho más.

Descargar | Demo | alojamiento web

Algunos recursos útiles:

conclusión:

Eso es todo para 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.

...

Este artículo contiene los comentarios 23
  1. Hola Thierry
    Desde el fondo del corazón muchas gracias por el artículo. Ahora tengo una inquietud que me ha molestado por algún día: comencé con WordPress y uso Ocean WP como tema y luego instalé elementor en versión gratuita, así que con esta versión gratuita comencé a crear mis páginas y eso es bueno, pero el problema que surgió para mí es que cuando publico mi página o el artículo que tiene una vez las letras mayúsculas no aparecen después de un punto o al comienzo de mi oración es necesario La configuración de la tipografía o la familia de fuentes elegida en resumen me ayuda a comprender mejor dónde está la versión gratuita que no tiene capital después de un punto. Gracias por la comprensión.

    1. 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.

  2. ¡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

  3. Hola,
    Tengo un problema En los últimos meses, no he actualizado mi sitio web en el que utilizo este elemento; Hoy traté de hacerlo, pero tengo un problema, la mayoría de las secciones me muestran un cuadro con la palabra APAGADO DE SECCIÓN y no puedo hacer nada. Solo puedo editar una sección de la página, en la que tengo el texto en sí.
    ¿Sabes lo que puede funcionar?

  4. Hola,
    Aprendo a construir un sitio web con WordPress, Elementor es un gran complemento, permite mucho, descubro 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 encabezados son rígidos y no puedo cambiar la fuente, el color, el grosor, etc. A pesar de los cambios en la configuración, nada cambia. Esto no es un problema de patrón porque su fuente y combinación de colores son diferentes a las de Elementor.
    No sé cómo cambiar este parámetro de plantilla, me pasó lo mismo con el encabezado 1, pero lo cambié al ingresar el código html en el encabezado y me ayudó, ahora no funciona.

    ¿Cómo cambiará esto? - por favor ayuda.

    1. 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.

  5. Bonsoir.
    Agregué una foto en el sitio (Landing Page) y traté de cambiar por otra que no pude ... eliminar varias veces y puse la nueva foto pero no se carga ... la foto anterior permanece ...
    ¿Podrías ayudarme?

  6. Hola y gracias por este artículo que me refuerza en la elección de Elementor como creador de páginas. ^^

    Por otro lado, ¿qué piensas de la creación de un sitio secundario antes de las modificaciones? ¿Es necesario con Elementor?

    Mi temor es que todos los cambios realizados se sobrescriban al actualizar el tema? ¿No hay un riesgo?

    Agradeciendo tu respuesta,
    Bien à vous,
    Nicolas

  7. Hola y gracias por este artículo tan interesante.
    Empecé a usar Elementor y me pregunté si no era necesario antes de continuar creando un tema infantil del que yo uso. De lo contrario, ¿no existe el riesgo de que maJs de tema o complemento sobrescriban el diseño integrado con Elementor?
    Agradeciendo tu regreso,

  8. Hola,

    Me gustaría saber cómo tener el código PHP de la extensión ELEMENTOR para integrarlo a mi página de inicio.

    Te agradezco por tu atención a mi solicitud.

  9. Hola,

    artículo muy interesante.
    Tengo una pregunta para el elemento pro o que eres tú.
    ¿Es posible agregar en las formas generadas, un método = "POST"?

    Jeanson

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
23 acciones
cuota18
Tweet
Siguiente 5