¿Quieres crear tus propios diseños de página personalizados en WordPress? Elementor es un generador de páginas de WordPress de arrastrar y soltar que le permite crear fácilmente diseños personalizados de WordPress sin ningún conocimiento de codificación. En este artículo, le mostraremos cómo usar Elementor para crear fácilmente diseños personalizados de WordPress con solo unos pocos clics.

Cómo crear diseños personalizados de WordPress con Elementor

¿Por qué y cuándo necesitas un diseño personalizado de WordPress?

Muchos temas de WordPress gratuitos y premium ofrecen múltiples opciones de diseño para diferentes tipos de páginas. Sin embargo, a veces ninguno de estos diseños cumple con sus requisitos.

Si sabe codificar en PHP, HTML y CSS, puede crear sus propias plantillas de página e incluso crear subtemas para su sitio. Sin embargo, la mayoría de los usuarios de WordPress no son desarrolladores, por lo que esta opción no se aplica a ellos.

¿No sería genial si pudiera usar una interfaz de arrastrar y soltar para crear diseños de página?

Eso es exactamente lo que hace Elementor. Es un complemento de creación de páginas de WordPress de arrastrar y soltar 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 vistas previas en vivo. Viene con muchos módulos listos para usar para varios elementos de diseño web.

Hay varias plantillas diseñadas profesionalmente que puede cargar de inmediato y usar como punto de partida. Funciona con todos los temas de WordPress que cumplen con los estándares y es compatible con todos los complementos populares de WordPress.

Habiendo dicho eso, veamos cómo crear diseños personalizados de WordPress usando Elementor.

Primeros pasos con Elementor

Primero, debe comprar el complemento Elementor Pro. Es una versión paga del complemento gratuito Elementor que le brinda acceso a funciones adicionales y 1 año de soporte.

A continuación, debe instalar y activar el complemento Elementor. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Después de la activación, debe acceder Elementor » Configuración página para configurar los ajustes del complemento.

configuración de elementos

Aquí puede habilitar Elementor para diferentes tipos de publicaciones. De forma predeterminada, está habilitado para sus publicaciones y páginas de WordPress. Si tiene tipos de publicaciones personalizadas en su sitio, también aparecerán aquí y también puede habilitarlas.

Puede excluir o incluir roles de usuario que pueden usar Elementor al escribir una publicación o página. De forma predeterminada, solo está habilitado para los administradores.

No olvide hacer clic en el botón Guardar cambios para almacenar su configuración.

Crea diseños personalizados de WordPress con Elementor

Primero, debe crear una nueva página (o publicación) en su sitio de WordPress. En la pantalla de edición posterior, notará el nuevo botón “Editar con Elementor”.

Edición con botones de Elementor

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

Interfaz del constructor de Elementor

Ahora puede agregar secciones y crear páginas desde cero o agregar plantillas.

Las plantillas son una forma más rápida de comenzar. Elementor viene con varias plantillas diseñadas profesionalmente que puedes personalizar según tus necesidades.

Comencemos con la plantilla haciendo clic en el botón “Agregar plantilla”.

Aparecerá una ventana emergente donde podrá ver las diferentes plantillas disponibles. Debe buscar una plantilla que tenga un diseño similar a la página que está considerando.

Seleccionar e insertar plantilla

Ahora haga clic para seleccionar su plantilla preferida y haga clic en el botón “Insertar” para agregarla a su página.

Elementor ahora cargará la plantilla por ti.

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

Editar elementos en Elementor

Ahora hablemos de cómo funciona el diseño de Elementor.

Los diseños de Elementor se crean utilizando secciones, columnas y widgets. Las secciones son como líneas o bloques que colocas en la página.

Cada sección puede tener múltiples columnas, y cada sección y columna puede tener su propio estilo, color, contenido, etc.

Editar secciones y columnas en Elementor

Puede agregar cualquier cosa a las columnas y secciones usando los widgets de Elementor.

Estos widgets son diferentes tipos de bloques de contenido que puede colocar en una sección de Elementor.

Simplemente seleccione un widget y suéltelo en su sección o columna. Hay toneladas de widgets disponibles, que cubren todos los elementos populares de diseño web que se te ocurran.

widget de elemento

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

También puede agregar widgets de WordPress predeterminados, o incluso widgets creados por otros complementos de WordPress en su sitio.

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

Guardar y salir de Elementor

notas: Guardar el diseño no publicará la página en su sitio de WordPress. Simplemente guarda el diseño de su página.

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

Esto lo llevará de regreso al editor de publicaciones de WordPress. Ahora puede guardar su página de WordPress o publicarla en su sitio web.

publicar página

Crea tus propias plantillas en Elementor

Elementor le permite guardar sus propios diseños personalizados como plantillas. De esta manera, puede reutilizar sus propias plantillas para crear nuevas páginas más rápido en el futuro.

Simplemente use Elementor para editar la página que desea guardar como plantilla.

En la interfaz del constructor de Elementor, haga clic en el icono de la carpeta junto al botón Guardar y seleccione Guardar plantilla.

Guarda tu plantilla

Aparecerá una ventana emergente en la que deberá asignar un nombre a la plantilla y hacer clic en el botón Guardar.

Nombre de la plantilla

La próxima vez que cree un diseño de página personalizado, puede seleccionarlo en la pestaña Mis plantillas.

plantilla personalizada

También puede exportar esta plantilla y usarla en otros sitios de WordPress usando Elementor.

tendrás que visitar Elementor » Bibliotecas página para ver sus plantillas guardadas. Mueva el mouse sobre el nombre de su plantilla y haga clic en el enlace “Exportar plantilla”.

exportar plantilla

Después de descargar el archivo de plantilla, puede usar Elementor para ir a la página de la biblioteca en otro sitio de WordPress e importar su plantilla.

Eso es todo hasta ahora.

Esperamos que este artículo le haya ayudado a aprender cómo crear diseños personalizados de WordPress con Elementor. También puede consultar nuestra guía paso a paso sobre cómo acelerar WordPress y mejorar el rendimiento.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.