How To Create Custom Wordpress Layouts With Elementor

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

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

¿Por qué y cuándo necesita diseños personalizados de WordPress?

Muchos temas de WordPress gratuitos y premium vienen con múltiples opciones de diseño para diferentes tipos de páginas. Sin embargo, a veces ninguno de estos diseños satisfaría 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 les funciona. ¿No sería genial si pudiera crear diseños usando una interfaz de arrastrar y soltar? Esto es exactamente lo que hace Elementor. Este es un plugin de creación de páginas de WordPress de arrastrar y soltar 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 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 instantáneamente 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 plugins populares de WordPress. Dicho esto, veamos cómo crear diseños personalizados de WordPress con Elementor.

Empezando con Elementor

Primero deberá comprar el plugin Elementor Pro. Esta es la versión paga del plugin gratuito Elementor y le brinda acceso a funciones adicionales y 1 año de soporte. A continuación, deberá instalar y activar el plugin Elementor. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, debe visitar Elementor »Configuración página para configurar los ajustes del plugin.

Configuración De Elementor
Aquí puede activar Elementor para diferentes tipos de publicaciones. De forma predeterminada, está habilitado para sus publicaciones y páginas de WordPress. Si tiene tipos de publicaciones personalizados en su sitio, también aparecerán aquí y también puede habilitarlos. Puede excluir o incluir roles de usuario que pueden usar Elementor al escribir publicaciones o páginas. De forma predeterminada, solo está habilitado para administradores. Recuerde hacer clic en el botón Guardar cambios para guardar su configuración.

Creación de un diseño personalizado 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 de publicaciones, verá el nuevo botón «Editar con Elementor».
Editar Con El Botón 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 de arrastrar y soltar de Elementor.
Interfaz De Constructor De Elementor
Ahora puede agregar secciones y crear su página desde cero, o puede agregar una plantilla. Las plantillas son una forma más rápida de comenzar rápidamente. Elementor viene con varias plantillas diseñadas profesionalmente que puede personalizar tanto como desee. Comencemos con un modelo haciendo clic en el botón «Agregar un modelo». Esto abrirá una ventana emergente donde podrá ver los diferentes modelos disponibles. Debes buscar una plantilla similar a la que tienes en mente para el diseño de tu página.
Seleccionar E Insertar Una Plantilla
Ahora haz clic para seleccionar la plantilla que te gusta y luego haz clic en el botón «Insertar» para agregarla a tu página. Elementor ahora cargará la plantilla por usted. Ahora puede comenzar a modificar la plantilla según 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.
Editando Un Elemento En Elementor
Ahora hablemos de cómo funcionan los diseños 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 tu página. Cada sección puede tener varias columnas y cada sección y columna puede tener sus propios estilos, colores, contenido, etc.
Editar Secciones Y Columnas En Elementor
Puede agregar cualquier cosa en sus columnas y secciones usando los widgets de 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. Hay un gran conjunto de widgets disponibles que cubren todos los elementos de diseño web populares que se te ocurran.
Widgets De Elementor
Puede agregar imágenes, texto, encabezados, galerías de imágenes, videos, mapas, íconos, testimonios, controles deslizantes, carruseles y mucho 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 se completen los cambios, puede hacer clic en el botón Guardar para guardar sus cambios.
Guardar Y Salir De Elementor
Notar: Guardar un diseño no publicará la página en su sitio de WordPress. Simplemente guardará su diseño. Ahora puede obtener una vista previa de su página o ir al panel 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.
Publica La Pagina

Crea tus propios modelos 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 aún más rápido en el futuro. Simplemente edite la página que desea guardar como plantilla con Elementor. En la interfaz del constructor de Elementor, haga clic en el icono de carpeta junto al botón Guardar y luego seleccione «Guardar plantilla».
Guarda Tu Modelo
Aparecerá una ventana emergente en la que debe proporcionar un nombre para su plantilla y hacer clic en el botón Guardar.
Nombre Del Modelo
La próxima vez que cree un diseño personalizado, puede seleccionarlo en la pestaña «Mis plantillas».
Modelo Personalizado
También puede exportar esta plantilla y usarla en otros sitios de WordPress usando Elementor. Tendrás que visitar Elementor »Biblioteca página para ver los modelos guardados. Coloca el cursor sobre el nombre de tu modelo y luego haz clic en el enlace «Exportar modelo».
Modelo De Exportación
Después de cargar su archivo de plantilla, puede ir a la página de la biblioteca en otro sitio de WordPress usando Elementor y luego cargar su plantilla. Eso es todo por el momento. Esperamos que este artículo le haya ayudado a aprender a 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 le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply