En este tutorial paso a paso de WordPress, te enseño cómo crear tu sitio web usando Elementor Pro, Super Fácil y Rápido.
¿Quieres aprender a usar Elementor?
Ha pasado muchas veces en las que me he decepcionado con los prometedores temas premium que han demostrado ser caros, increíblemente lentos y muy rígidos.
Sin mencionar el dinero desperdiciado, porque no había ninguna posibilidad de que me quedara con ningún tema multipropósito, que prometía ser funcional, y al final terminaba con páginas que demoraban de 4 a 5 segundos en cargarse. Un desastre en términos de SEO.
Esta es la razón por la que recomiendo instalar el tema (Theme) Tema base, creado por Sitepoint Base Theme con la velocidad y el minimalismo en mente. El tema básico también incluye compatibilidad total con todos los creadores o Builders de páginas, por lo que perfecto para probar con Elementor.
¿Cómo usar Elementor?
1. Siguiente Paso… Instalar elementor
Asegúrate de tener su instalación de WordPress lista, junto con el constructor de páginas Elementor instalado. En el panel de WordPress, ve a «PLUGINS» ► «Agregar nuevo» e ingresa «Elementor» en la barra de búsqueda. Luego haz clic en el botón «Instalar» y luego en el botón «Activar«.
2. Editar una nueva página con Elementor
Ve a «Páginas» ► «Agregar nuevo«. Luego, haz clic en el botón «Editar» con Elementor’.
3. Insertar una plantilla de Elementor
Ahora deberías estar dentro del editor de Elementor. Haz clic en «Agregar plantilla» y elije entre la amplia gama de plantillas gratuitas y de pago. Se recomienda comenzar con una plantilla para conocer cómo se construyen los diferentes elementos de la página.
4. Hacer la plantilla de ancho completo
Puede hacer cualquier página en Elementor o ancho completo yendo a «Sección» ► Diseño, y cambiar la sección Estirar a Sí.
5. Entender la estructura de Elementor
Cada página de Elementor está formada por secciones, columnas y widgets. Las secciones dividen la página en filas horizontales. Las columnas dividen cada sección en columnas verticales, y los widgets se arrastran y se sueltan dentro de la columna.
6.- Agregar un widget
Intenta agregar un nuevo widget en una página. Elimina uno de los widgets de la plantilla que has insertado haciendo clic en el widget y luego en el icono de X. Luego, en el panel izquierdo, busca el widget del botón y arrástralo al área vacía donde acabas de eliminar el widget.
7. Cambiar imagen de fondo
Haz clic en una de las secciones. Esto abrirá la configuración de la sección en el panel izquierdo. Ve a la pestaña «Estilo» o Style del centro y haz clic en la imagen de fondo. Ahora, elige otra imagen y presiona «Insertar Medios«.
8. Cambiar fuentes
Ir a un widget de título en la página y haz clic en él. Se abrirá la configuración de título en el panel izquierdo. Ve a la pestaña «Estilo» del medio, y activa «Tipografía«. Ahora, en «Familia«, puedes navegar por las distintas fuentes y elegir una familia de fuentes diferente.
¿Por qué elegir el tema base?
Encontramos que SitePoint Base Theme funciona de maravilla con Elementor, ya que es increíblemente rápido, pero aún así ofrece todo lo que necesita de un tema:
Diseñar un sitio web 100% móvil y responsivo
El tema básico es totalmente móvil y Responsivo y además tiene una puntuación perfecta para dispositivos móviles en la herramienta de prueba móvil de Google, o sea que mejora en apariencia y velocidad de carga.
GRATIS y de Código Abierto
Base Theme es completamente de código abierto y gratuito, y es lógico que se ha creado pensando en el desarrollador y diseñador web que no necesita tener amplios conocimientos de código.
Multilingüe y RTL Amigable
El tema es compatible con WPML, que es una necesidad en la actualidad, a menos que estés dispuesto a dejar de lado más del 48% de todos los sitios web.
Soporte para WooCommerce
SitePoint BaseTheme hace que sea fácil agregar WooCommerce. Con los widgets de WooCommerce extendidos de Elementor Pro, esto también lo convierte en el candidato perfecto para las tiendas en línea.
Tema SitePoint Base Theme
Lo que hace que el tema SitePoint Base Theme sea tan bueno para los diseñadores de páginas web, aparte de la velocidad, es que obtienes seis plantillas útiles integradas:
Plantilla predeterminada: esta es la plantilla básica, con la barra lateral a la derecha o SIDEBAR Incluído.
Página de ancho completo: usa esta plantilla cuando no desees que aparezca la barra lateral, y prefieras que el contenido se extienda hasta el 100% del ancho
Página de la barra lateral izquierda: cuando necesitas cambiar la posición de la barra lateral
Generador de páginas en blanco: esto es perfecto para las páginas de destino, porque obtiene un lienzo en blanco, sin encabezado y sin pie de página. Diseñas toda la página con el creador de páginas.
Page Builder Boxed: esta es una plantilla muy útil, ya que elimina el título de la página y todos los espacios innecesarios relacionados.
Ancho completo del generador de páginas: es el mismo que el tema en caja del generador de páginas, pero el contenido abarca todo el ancho de la pantalla
Conclusión
Los usuarios de WordPress nos dimos cuenta de que hay un gran potencial en el uso de ELEMENTOR PRO con un tema de inicio gratuito como el Tema base. Ahora Tu puedes diseñar un sitio web de forma fácil y rápida, sin tener que dedicar demasiado tiempo a la codificación. El uso de este tema y combo de complementos está en el espíritu de Open Source que logró hacer de WordPress el número 1 de CMS en el mundo.
Espero que a Ti también te resulte útil esta combinación al crear tu propio sitio. Te invito a comprar y descargar Elementor Pro y Base Theme gratis y empieces a experimentar creando tu propio y hermoso sitio web de la manera más fácil y rápida.
