1. Instala y Activa Elementor
Plantillas Elementor se escucha bastante increíble, ¿cierto? El único requisito técnico para comenzar es instalar y activar la versión gratuita del plugin Elementor page builder. Además, necesitarás una cuenta personal de Elementor. Más adelante veremos eso.
Primero, veamos cómo instalar Elementor en WordPress.
Instala y Activa Elementor Page Builder
Dentro de WordPress, visita Plugins > Añadir nuevo.
En la barra de búsqueda, ingresa Elementor Page Builder y da clic en el botón de Instalar ahora.
Una vez que el plugin Elementor esté instalado, da clic en Activar.
¡Listo! Es momento de poner a trabajar las plantillas Elementor gratis o premium.
2. Agrega una Plantilla Elementor a tu Página
Para este paso, necesitarás elegir o crear una página WordPress a la que te gustaría agregar una plantilla Elementor. En nuestro ejemplo, crearemos una nueva página llamada, “Acerca de nosotros”.
3. Encuentra tu Página
Navega a tu página en el panel de WordPress visitando Páginas > Todas las páginas. A continuación da clic en la página que quieras editar.
4. Editar con Elementor
Dentro del editor, da clic en el botón de Editar con Elementor en la parte superior izquierda de la pantalla para lanzar el page builder..
Pista: Si estás utilizando el editor clásico de WordPress, el botón de Editar con Elementor aparecerá justo debajo del título de la página.
5. Carga una Plantilla Elementor desde un Archivo .ZIP
Como alternativa, si descargaste una plantilla de Envato Elements, la importación requiere un par de pasos adicionales.
Primero, querrás instalar y activar el plugin gratuito Template Kit - Import de Envato. Dentro de WordPress, visita Plugins > Añadir nuevo.
En la barra de búsqueda, escribe Template Kit - Import. Da clic en el botón de Instalar ahora.
Una vez instalado el plugin, da clic en Activar.
A continuación necesitarás subir tu plantilla a tu sitio web por medio del plugin Template Kit - Import.
Dirígete a Herramientas > Template Kit dentro de WordPress. Da clic en el área de la pantalla que dice Upload Template Kit ZIP File.
Encuentra el archivo ZIP del kit de plantilla Elementor en tu dispositivo y cárgalo en tu sitio web.
Una vez que el kit de plantilla Elementor se haya instalado con éxito, verás un listado de plantillas nuevas listas para usar.
Con tu nuevo kit de plantillas Elementor en su lugar, ¡ahora puedes agregar plantillas a tu página!
Visita la página que deseas editar y sigue el mismo proceso que mencionamos anteriormente para editar con Elementor.
Notarás que la pantalla de edición de Elementor cambió ligeramente. Ahora, el Envato - Template Kit Import plugin agregó un icono de hoja verde. Pasa tu cursor sobre el ícono y verás una descripción emergente: Envato Elements.
Da clic en el icono para abrir tus kits de plantillas instalados.
En el interior verás un listado de kits de plantillas Elementos que están instalados en tu sitio web. Da clic en el kit que quieras usar.
Por último, inserta la plantilla deseada a tu página.
Ahora, ¡tendrás una gran pagina lista para personalizar!
6. Personaliza la Plantilla Elementor
El siguiente paso en nuestro tutorial Elementor es que te apropies de la plantilla. Una de las mejores cosas de las plantillas Elementor es que cada elemento se puede personalizar a tu gusto.
Para comenzar, da clic sobre un elemento que te gustaría editar. De ahí, puedes editar el contenido directamente dentro del mismo elemento. O para hacer cambios de estilo o diseño, utiliza la barra de herramientas en el lado izquierdo de la pantalla.
7. Modifica el Diseño
Estamos usando el tema WordPress por defecto Twenty Twenty. Al importar nuestra plantilla, noté que el ancho del contenido no es el que nos gustaría que fuera. Por suerte, esto es fácil de cambiar con Elementor.
Al dar clic en el icono punteado de la Sección de Edición en la parte superior de la plantilla, podemos habilitar un diseño de ancho completo. Cabe destacar que este proceso no se repetirá en cada sección importada de la página.
8. Edición de Colores
El fondo rosa sobrepuesto en la sección no es la mejor selección para nuestro tema. Pero solo toma un par de clics para cambiarlo a algo más aceptable.
9. Personaliza Todas las Cosas
Cuando se trata de plantillas Elementor, realmente no hay un límite en cuanto a lo que puedes personalizar. Dar clic en un elemento te permite editar el contenido, el aspecto y el diseño. También puedes arrastrar nuevos elementos a tu página.
10 .Guarda tus Cambios
Una vez que estés satisfecho con los resultados de tu trabajo, da clic en el botón verde de Actualizar en la parte inferior izquierda de la pantalla. Esto guardará tu página personalizada.
Consejos para Utilizar las Plantillas Elementor
1. Las Plantillas Elementor se Pueden Modificar para Ajustarse a tu Sitio Web
Otro paso en nuestro tutorial Elementor. Cuando busques plantillas Elementor, puede que te desanime un elemento de diseño específico o hasta el esquema de color. ¡No te preocupes! Estos elementos se pueden cambiar fácilmente dentro de Elementor page builder para ajustarse a tu sitio web.