Cómo crear una página inicial receptiva con GenerApRess y Elementor

GeneratePress es uno de los temas de WordPress más populares y uno de los primeros temas que recomiendan el constructor de páginas del complemento elemental. El tema está optimizado para que coincida con el algoritmo elemental y tiende a ser muy flexible y receptivo. Puedes decir que Elementor y GeneratePress se mezclan bien. Elementor es ahora la primera opción para los desarrolladores web de WordPress y se vuelve extremadamente popular todos los días, así como el tema generador. Es un tema multifuncional con un alto grado de compatibilidad con WordPress. Sin embargo, las personas preguntaron cómo crear una página inicial receptiva con GenerePress y Elementor.
Entonces, hice este artículo para mostrarle cómo crear una página inicial súper receptiva combinando Elementor y GeneratePress. ¡Vamos a empezar!
¿Por qué usar Elementor para GeneratePress?
Ambas versiones Lite y Pro de GeneratePress tienen la opción de que el elemento puede funcionar perfectamente con ellas. Vale la pena pagar la versión Pro, porque agrega numerosos suplementos y funciones sobre el tema básico, como el tema de control, la tipografía, los colores y más. Si está buscando los temas de SEO, ligeros y débiles más optimizados disponibles en WordPress, GenerePress es el que necesita elegir de muchos de ellos. Además, es muy popular y se ha descargado más de 700,000 veces.
Sigue siendo fácil cuando se combina con Elementor, pero también se sobrealimenta y ofrece un control significativamente mayor sobre la apariencia, los colores, el estilo y otros elementos dentro del tema. Los beneficios clave del uso de Elementor para diseñar la página inicial GeneratePress-
Diseñe la página inicial utilizando el editor de páginas en vivo para sumergirlo completamente en la experiencia completa de desarrollo de TopControl en la apariencia de la página, el contenido y el estilo. Personaliza todo de arriba a abajo sin excepción
Elementor permite que la incorporación de widgets agregue muchos archivos multimedia útiles, botones de intercambio social, etiquetas, etc. En GeneratePress. Widgets, Gallery, Social Icons, Font Awesome Icons, Slider son alojados por el elemento, lo que hace que la página GenerApress sea más cautivadora y dinámica.
Configuración inicialmente requerida para Elemoror y GenerePress
Es posible que tenga una impresión incorrecta cuando veo “Este es solo otro tema de blog” si abre la vista previa GenerApress en wordpress.org. La realidad es que este tema se puede utilizar para crear cualquier sitio web, desde sitios comerciales hasta carteras.
Comenzaremos a crear una página inicial que incluya:
Una sección de fondo con fondo
Un título principal
Lista de precios
Una sección de servicios
Sección del botón de acción a la acción y
Presentación de logotipos
Lo sorprendente es que no necesitas codificación, CSS personalizado; incluso instalar un tema infantil.
Primero debe seguir estos pasos a continuación:
Eliminar el título de la página
Debe eliminar el título de la página, porque debe mantener la página de inicio clara, no ser el título de la página. Para hacer esto, use la opción “Elementos de deshabilitación” de GeneratePress.
Integración del generador de páginas
No hay necesidad de hacer ninguna personalización con GeneratePress. Debe verificar el práctico cuadro de selección llamado “Integración de constructor de páginas” que permite una página de ancho completo.
Apariencia de la barra lateral
Debe establecer la configuración de la barra lateral en “Contenido (sin barras laterales)”, porque debe trabajar durante mucho tiempo en páginas con ancho completo.
Supongo que instaló GeneratePress y Elementor y vio que estos dos son un gran par. Son súper rápidos y ligeros y funcionan excelentes en términos de SEO y velocidad de página. Ofrecen excelentes capacidades para la receptividad móvil y son muy intuitivas y fáciles de usar. Esta es solo la superficie de las capacidades para este complemento y tema. Hay infinitas posibilidades de diseñar su WordPress con Elementor.
¡Vamos a bucear!
Pasos para crear una página de inicio receptiva
Crear una página de inicio receptiva a partir de cero en GeneratePress es muy fácil. Usando el conjunto de herramientas de edición móvil desde Elementor, puede hacer que la página inicial responda a tabletas y dispositivos móviles. Después de haber diseñado cada página con Elementor, viaja regularmente la página en modo móvil y de tableta, asegúrese de que cada widget, columna y sección cada vez se vea genial. Construir la página inicial generarpress con Elementor no es tan difícil. Permítame decirle que hay 4 pasos simples para completar el proceso. Los pasos son:
Paso 1: Cree la sección Hero Paso 2: La sección de características y personalización Paso 3: Sección de servicio y personalización Paso 4: ¡Personalización de la sección del boletín para comenzar!
Paso 1: Crear sección de héroes
Como saben, cada página inicial comienza con una sección de héroes. Después de eso, debes crear una sección de héroes para tu página inicial. En primer lugar, abra el editor de páginas de Elemento.
Inmediatamente después, haga clic en la pestaña “Contenido” en el área superior izquierda. Agregue un título, editor de texto y botón. Personalizarlos como desee. Tenga en cuenta que ya tenemos el encabezado y el sótano con GeneratePress. Ahora, acceda a la configuración de la sección. Haga clic en la pestaña “Avanzado” en el área superior izquierda, en el tercer lugar y agregue “Actualización” a la sección configurando los parámetros.

Luego, haga clic en la pestaña “Estilo” en el área superior izquierda, en el lugar central. Elija un video de fondo, proporcione un enlace de video desde YouTube. El video se reproducirá en segundo plano.

Establezca el color del título, el texto blanco para que aparezcan en el fondo del video.

Paso 2: Sección de características y personalización

Ahora, resolveremos las características principales de nuestro sitio justo debajo de la sección Hero. Esta es una parte importante de su sitio si desea aprender a crear una página de inicio receptiva con GenerApress & Elementor.


Seleccione y agregue el widget del “cuadro de icono avanzado” del paquete PRO. Aquí verá un icono, un título, un texto y un botón.
Cambie el color del título, el texto, el separador y el botón a blanco. Dale un borde delgado, un poco de llenado de botones. Establezca el color de fondo en verde o azul o como desee.
Ahora haga copias de esta columna mientras configura el resto de las funciones de la misma manera. Haga pequeños cambios que muestren alguna diferencia en los ojos de los visitantes. Puede hacer esto haciendo clic en la pestaña “Avanzado” y haciendo clic en el fondo en el área inferior izquierda.

Paso 3: Sección de servicio y personalización

¡No estamos tan lejos! Hagamos algunas tareas para completar este paso. Tome otra sección a continuación y llene 150 arriba y abajo. Dé un título interno y una sección debajo que contenga tres columnas. Establezca el cuadro de icono avanzado en la primera columna seleccionando una imagen, alinee a la izquierda, mida la distancia, cambie el tamaño de la imagen desde el “estilo”. Cure la porción 5 veces y cambie la imagen o el logotipo de cada pieza de acuerdo con a sus requisitos de servicio.

Ahora solo tiene que insertar texto de acuerdo con su servicio. Esto no llevará mucho tiempo con Element, porque le mostramos cómo crear una página de inicio receptiva con GenerApress y Elementor.
Paso 4: Personalización de la sección del boletín

En esta última sección, siga estos para hacer su trabajo. Tome una nueva sección a continuación, que contiene dos columnas y cambie el color del fondo. Luego amplíe una columna e ingrese un encabezado y algún texto.

Luego seleccione el “MailChimp” para el boletín en la siguiente columna.
Para la última parte, ya tenemos nuestro sótano preparado. Simplemente cambie el logotipo del sitio en el sótano si es necesario. El campo de correo electrónico del boletín informativo funciona perfectamente como una función incorporada de GeneratePress.
¡Todo listo! ¡Tada! Ha completado con éxito el proceso de creación y personalización de una página inicial receptiva usando GeneratePress y Elementor. Después de la personalización, el sitio web se ve así. ¡Maravilloso!

Conclusión