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

¿Quieres crear tus propios diseños de página 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 sólo 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 satisfacen sus necesidades.

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

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

Esto es exactamente lo que hace Elementor. Es un plugin para arrastrar y soltar WordPress que te permite crear fácilmente tus propios diseños personalizados de WordPress sin necesidad de tener conocimientos de codificación.

Tiene una interfaz de usuario intuitiva que le permite crear diseños personalizados con una 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 instantáneamente como punto de partida. Funciona con todos los temas estándar de WordPress y es compatible con todos los plugins populares de WordPress.

Dicho esto, echemos un vistazo a cómo crear diseños de WordPress personalizados con Elementor.

Introducción a Elementor

En primer lugar, deberá adquirir el plugin Elementor Pro. Es la versión de pago del plugin gratuito Elementor y le da acceso a características adicionales y 1 año de soporte.

A continuación, deberá instalar y activar el plugin Elementor. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página Elementor » Settings para configurar la configuración del plugin.

Aquí puede habilitar Elementor para diferentes tipos de puestos. Por defecto, está habilitado para sus publicaciones y páginas de WordPress. Si tiene tipos de mensajes personalizados en su sitio, estos también aparecerán aquí, y también puede habilitarlos.

Puede excluir o incluir roles de usuario que pueden utilizar Elementor al escribir mensajes o páginas. De forma predeterminada, sólo está habilitado para administradores.

No olvide 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 necesitas crear una nueva página (o post) en tu sitio de WordPress. En la pantalla de edición de mensajes, notará el nuevo botónEditar con Elementor.

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

Ahora puedes añadir secciones y construir tu página desde cero, o puedes añadir una plantilla.

Las plantillas son una forma más rápida de comenzar rápidamente. Elementor viene con varias plantillas diseñadas profesionalmente que puedes personalizar tanto como quieras.

Comencemos con una plantilla haciendo clic en el botónAgregar plantilla.

Esto le mostrará una ventana emergente donde podrá ver las diferentes plantillas disponibles. Debe buscar una plantilla que sea similar a la que tiene en mente para el diseño de su página.

Ahora haga clic para seleccionar la plantilla que le guste y luego haga clic en el botónInsertar para añadirla a su página.

Elementor ahora cargará la plantilla por ti.

Ahora puede empezar a editar la plantilla para que se ajuste 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 de cómo funcionan los diseños de Elementor.

Los diseños de Elementor se construyen utilizando secciones, columnas y widgets. Las secciones son como filas o bloques que usted coloca en su página.

Cada sección puede tener múltiples columnas y cada sección y columna puede tener sus propios estilos, colores, contenido, etc.

Puedes añadir cualquier cosa en tus columnas y secciones usando los widgets de Elementor.

Estos widgets son diferentes tipos de bloques de contenido que puedes colocar en tus secciones de Elementor.

Simplemente selecciona un widget y suéltalo en tu sección o columna. Hay un extenso conjunto de widgets disponibles que cubren todos los elementos populares de diseño web que se le ocurran.

Puede añadir imágenes, texto, encabezados, galerías de imágenes, vídeos, mapas, iconos, testimonios, deslizadores, carruseles y mucho más.

También puede añadir widgets por defecto de WordPress e incluso los 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 los cambios.

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

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

Esto te llevará de vuelta al editor de entradas de WordPress. Ahora puede guardar su página de WordPress o publicarla en su sitio web.

Creando 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 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 la carpeta junto al botón de guardar y luego seleccioneGuardar plantilla.

Esto mostrará una ventana emergente en la que deberá proporcionar un nombre para su plantilla y hacer clic en el botón Guardar.

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

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

Necesitará visitar la página Elementor » Library para ver las plantillas guardadas. Pase el ratón por encima del nombre de su plantilla y haga clic en el enlaceExportar plantilla.

Después de descargar su archivo de plantilla puede ir a la página de la biblioteca en otro sitio de WordPress usando Elementor y luego importar su plantilla.

Eso es todo por ahora.

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

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario