Spanish (Español) translation by Gustavo Ramirez (you can also view the original English article)
Existe una razón por la que mucha gente está volteando a ver los plugins de creación de páginas WordPress: estos pueden hacer que la creación de los diseños de página y funciones más complejas sean relativamente sencillas.
Por lo tanto, no te debe sorprender que Elementor sea el creador de páginas preferido en el mercado. No solo simplifica la creación de contenido, el plugin Elementor también cuenta con algunos atractivos adicionales. Estas características hacen que la experiencia del usuario sea más agradable y eficiente. Incluso si estás aprendiendo cómo usar Elementor.
Dentro de los mayores atractivos está la incorporación de plantillas Elementor, que son plantillas de página prefabricadas que puedes importar a tu sitio web. Desde ahí podrás editarlas para ajustarlas a tus necesidades. Modifica el texto, colores e imágenes, incluso quita elementos que no necesitas. Prácticamente cualquier aspecto se puede ajustar.
En nuestro tutorial Elementor de hoy te mostraremos cómo usar las plantillas en tu sitio web WordPress. ¡Comencemos!
¿Cuáles son los Beneficios de las Plantillas Elementor?
Aún los mejores creadores de página WordPress requieren cierto esfuerzo para hacer las cosas bien. Crear un diseño con aspecto profesional y atractivos elementos de diseño es posible, pero toma tiempo.
Las plantillas Elementor se hacen cargo de todo el trabajo que requiere mucho tiempo. Con tan solo unos clics, tendrás todo lo que necesitas para crear una bonita página.
Las plantillas vienen en una variedad de estilos y algunas incluso cuentan con funcionalidades integradas. Solo ten en cuenta que algunas pueden requerir el plugin Elementor Pro, a diferencia de la versión gratuita.
Además, los “kits” de plantillas Elementor también han aparecido recientemente. Los Kits son una colección de plantillas con un estilo similar, hechas para ir juntas en un sitio web. Esto significa que se puede construir un sitio completo mas rápida y fácilmente.
También puedes echar a andar tu proyecto, ya que las plantillas Elementor gratis vienen incluidas con el plugin (están disponibles sin el plugin también). Además, hay una gran cantidad de plantillas Elementor gratis disponibles en otros lugares de la web.
Encuentra Plantillas Elementor en Envato Elements
Envato Elements te da acceso a una gran selección premium de Kits de Plantillas Elementor. ¡Es muy fácil comenzar! Encuentra tus plantillas favoritas, descárgalas e impórtalas con la ayuda del plugin Elementor Template Kit - Import.
O instala el plugin para WordPress de Envato Elements gratuito para navegar e importar plantillas sin tener que dejar WordPress. Una gran solución si te preguntas cómo instalar Elementor en WordPress.
Con cualquiera de estos métodos, podrás de comenzar a construir tu increíble sitio web en muy poco tiempo. Ya sea que utilizes plantillas Elementor gratis o premium. Todo gracias a nuestro tutorial Elementor.
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”.
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.
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.
Entra a la Biblioteca de Plantillas Elementor
Una vez dentro del Elementor Page builder, te darás cuenta que hay muchos ajustes. Pero para nuestro propósito, nos enfocaremos únicamente en el cuadro en la mitad de la pantalla.
El cuadro estará rodeado por un borde discontinuo y contiene dos iconos: un signo de más rosa y una carpeta gris. Pasa tu cursor sobre el icono de la carpeta gris y verás una descripción emergente: Agregar Plantilla.
Da clic en el icono para entrar a la biblioteca de plantillas Elementor.
Ahora nos hemos abierto a un mundo de posibilidades de diseño.
Importa una Plantilla Elementor de la Biblioteca
Existen muchas plantillas Elementor gratis para elegir. Además, los usuarios de la versión Pro de Elementor también tienen acceso a una variedad de plantillas exclusivas. No olvides que puedes revisar la última oferta de kits de plantillas Elementor en Envato Elements.
Aquí, te mostraré cómo importar plantillas Elementor gratis directamente de su biblioteca, así como la manera de importar una plantilla descargada en un archivo .ZIP.
La Biblioteca de plantillas Elementor tiene muchas opciones, así que reduzcámoslas un poco. Al buscar por about (acerca de),veremos las plantillas Elementor que aplican a nuestra página.
Al desplazarnos por los resultados, encontramos las plantillas Elementor gratis perfectas para nuestras necesidades. Al clic en ellas obtendrás una mirada más detallada.
¡Esta parece ser una gran opción! Para utilizarla, haz clic sobre el botón verde de Insertar en la parte superior derecha de la pantalla.
Crea una Cuenta Elementor Gratuita
Para este punto, se te pedirá que te registres para obtener una cuenta personal gratuita en Elementor. Sigue su proceso de registro, una vez que hayas confirmado tu cuenta, la puedes conectar con tu sitio web.
Terminarás el proceso de importación al conectar tu nueva cuenta de Elementor a tu sitio web. Ahora, tu plantilla Elementor se mostrará en tu página.
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!
3. 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.
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.
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.
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.
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.
2. ¿Necesitas Diseñar un Sitio Completo? Utiliza los Kits de Plantillas
La consistencia es una de las claves para un gran diseño. Los kits de plantillas Elementor ofrecen un conjunto de plantillas que combinan y son perfectas para usar en todo tu sitio web. Utilízalas para agregar un aspecto y estilo al instante. Revista la más reciente oferta de kits de plantillas Elementor en Envato Elements y descarga todas las que quieras con tu suscripción.
3. Mejora tu Sitio Web Actual
Las plantillas Elementor no solo son para proyectos nuevos de sitios web. De hecho, también pueden ser un medio efectivo para mejorar sitios existentes. Utiliza plantillas para agregar atractivos aspectos y funciones donde sea necesario. Es una gran manera de darle una vida nueva a sitios web más viejos.
4. Utiliza Bloques Elementor para Trabajos más Pequeños
A veces, una plantilla de página completa puede ser más de lo que necesitas. Los bloques Elementor son una gran alternativa. Son secciones individuales más pequeñas que se pueden emplear para mejorar tu página. Y están integrados directamente en la biblioteca de plantillas Elementor.
5. Combina Bloques para Construir tus Propias Páginas Personalizadas
Para agregar un toque único a tus páginas, utiliza varios bloques Elementor. Pueden ser excelentes secciones de página, lo que te permite crear una separación natural del contenido. Combina y personaliza cada una para ajustarlas a tus necesidades.
Crea Páginas Personalizadas con Poco Esfuerzo
La siguiente vez que busques crear una página altamente personalizada para tu sitio web WordPress, dale una oportunidad a las plantillas Elementor. Te ofrecen una forma sencilla de agregar tanto belleza como funcionalidad con tan solo unos clics.
Con la habilidad de edita todos y cada uno de los elementos, puedes modificar una plantilla para ajustarla a tu estilo. El resultado final será una página que luzca como si hubiera sido hecha solo para ti.
Más Tutoriales y Recursos Elementor
Si quieres saber más sobre cómo usar Elementor, tenemos una creciente colección de recursos Elementor en Tuts+ y el blog de Envato. ¡Échales un vistazo!
