Saltar al contenido principal

Cómo crear un diseño personalizado con Elementor

¿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]

¿Te gustaría crear tus propios diseños personalizados en WordPress? ¿Quieres crear fácilmente tu sitio web con un diseño profesional? Así que tienes que Descarga Elementor aquí.

Elementor es un generador de páginas de WordPress mediante "Arrastrar y soltar" que te permite crear fácilmente diseños personalizados en WordPress sin ningún conocimiento de codificación. En esto tutoriel, le mostraremos cómo crear fácilmente diseños personalizados de WordPress con Elementor con unos pocos clics

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

Muchos temas de WordPress gratuitos y premium ofrecen varias opciones de diseño para diferentes tipos de páginas. Sin embargo, a veces ninguna de estas disposiciones satisface sus necesidades.

Si sabe cómo codificar en PHP, HTML y CSS, puede crear sus propias plantillas de página o incluso crear un tema secundario para su sitio. Sin embargo, la mayoría de los usuarios de WordPress no son desarrolladores, por lo que esta opción no funciona para ellos.

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

Eso es exactamente lo que hace Elementor. Este es un plugin de creación de páginas de WordPress que te permite crear fácilmente tus 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 vivo. Viene con muchos módulos listos para usar para todo tipo de elementos de diseño web.

Hay varias plantillas diseñadas profesionalmente que puede cargar y usar al instante como punto de partida. Funciona con todos los temas estándar de WordPress compatibles y es compatible con todos los plugins populares de WordPress.

Dicho esto, veamos cómo crear diseños personalizados de WordPress con Elementor.

Comenzando con Elementor

Primero, tendrás que comprar el plugin " Elementor Pro ". Esta es la versión paga del complemento Elementor Gratis y le da acceso a funciones adicionales y soporte 1.

Luego deberá instalar y activar el complemento Elementor. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómoinstalar un plugin WordPress.

Al activar, debes visitar la página " Elementor> Configuración Para configurar los ajustes del plugin.

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, estos también aparecerán aquí, y también puede habilitarlos.

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

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

Puede excluir o incluir funciones de usuario que pueden usar Elementor al escribir artículos o páginas. Por defecto, está habilitado solo para administradores.

No olvides hacer clic en el botón "Guardar cambios" para guardar tu configuración.

Crear el diseño personalizado con Elementor

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

Al hacer clic en él, se abrirá la interfaz de usuario de Elementor, donde podrá editar su página utilizando el generador de páginas Elementor arrastrar y soltar.

Ahora puede agregar secciones y crear su página desde cero, o puede agregar una plantilla.

Los modelos son una manera más rápida de comenzar rápidamente. Elementor viene con 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 verá diferentes modelos disponibles. Debe buscar una plantilla que se parece a lo que ha agregado en su diseño.

Ahora, haga clic para seleccionar la plantilla que desea, luego haga clic en el botón "Insertar" para agregarla a su página.

Elementor ahora cargará la plantilla por usted.

Ahora puede comenzar a editar 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.

Crea fácilmente tu blog con SiteGround

SiteGround le permite crear su blog de WordPress en unos pocos clics. Nombre de dominio gratis, alojamiento seguro, SSL, transferencia y mucho más ... [Recomendado]

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

Las configuraciones de Elementor se construyen usando secciones, columnas y widgets. Las secciones son las líneas o bloques se coloca en su página.

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

Puede agregar algo a sus columnas y secciones con los widgets que ofrece Elementor.

Estos widgets son diferentes tipos de bloques de contenido que puede colocar en sus secciones de Elementor.

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

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

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

Una vez que haya terminado de editar, puede hacer clic en el botón "Guardar" para guardar sus cambios.

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

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. [GRATIS]

Ahora puede obtener una vista previa de su página o acceder al panel de WordPress.

Esto lo llevará de vuelta al Editor de Publicaciones de WordPress. Ahora puede guardar su página de WordPress o publicarla en su sitio.

Eso es todo por este tutorial, espero que te permita hacer diseños con el complemento Elementor.

Algunos recursos útiles:

Este artículo contiene los comentarios 16
  1. 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?

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

  3. 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?

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

  5. 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,

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

  7. 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
25 acciones
cuota18
Tweet2
Guardar5
WhatsApp