Cómo crear una página de inicio personalizada para su blog de WordPress con Elementor

Cada blog de WordPress tiene una apariencia diferente de la página inicial, dependiendo del tema que utilice. En la mayoría de los blogs basados ​​en WordPress, la página principal generalmente muestra artículos en blogs asociados. Ya sea los últimos artículos o artículos presentados que se filtran de acuerdo con ciertos criterios. Si la apariencia/apariencia de la página inicial ofrecida por su tema. No le impresiona, puede crear una página de inicio personalizada con su propio diseño para reemplazar la página de inicio predeterminada.
Si no has oído hablar de eso. Elementor es las páginas más populares para las páginas de WordPress. Viene con un editor visual en el que todo es querido y caída. No solo puede usar Elementor para crear una página, sino también encabezado personalizado, sótano y otras partes de su base. Si usted es un usuario de WordPress que no tiene habilidades de codificación, trabajar con Elementor sería muy divertido. Cómo crear una página de inicio personalizada para su blog de WordPress con Elementor creando una página de inicio de blog personalizada usando Elementor, puede agregar cualquier elemento como desee. Desde una diapositiva, su foto (tal vez), una breve introducción a usted, las redes sociales, sus artículos (que puede filtrar), etc. En este ejemplo, demostraremos cómo crear una página de inicio de blog simple, de la siguiente manera.

Bueno, es solo un ejemplo. Puede crear un blog personalizado en el blog mucho mejor que eso con su propio diseño. El elemento en sí también tiene algunas plantillas de plataforma prefabricadas para el blog, que pueden adaptarse a usted. Si es completamente nuevo en el elemento, puede leer nuestro artículo anterior para averiguar cómo usar Elementor. Puede averiguar cómo agregar y personalizar una sección y un widget. La página inicial del blog personalizado que creamos aquí consta de tres secciones, de la siguiente manera: Sección 1: Para colocar el widget de imagen, el editor de texto y los íconos sociales del widget.
Sección 2: Para colocar el widget del título.
Sección 3: Para colocar los postes de widgets.
Comience creando una nueva página (páginas -> Agregar nuevo) y edítelo con Elementor (haciendo clic en el botón Editar con Elementor). Si desea crear una página de inicio personalizada desde una plantilla predeterminada, puede hacer clic en el icono de carpeta en el área de lona para abrir la biblioteca de plantillas.
Busque una plantilla de página de inicio de blog que desee y haga clic en el botón Insertar para importarlo en el área de lienzo.

Creando la página inicial del blog personalizado desde cero antes de comenzar a crear la página, primero puede establecer el aspecto de la página. Haga clic en el icono de la rueda en la parte inferior del panel de configuración (el panel de la izquierda).

Puede configurar la página de aspecto de la página en la opción de aspecto de la página en el bloque de configuración general en la pestaña Configuración.

Sección 1 Como se dijo anteriormente, usaremos esta sección para colocar el widget de imagen, el editor de texto y los íconos sociales. Haga clic en el botón Plus en el área de lona para agregar una nueva sección. Seleccione la estructura con dos columnas. Trate el widget de la imagen y colóquelo en la primera columna de la sección.

Vaya al panel de configuración para realizar la configuración. Puede hacer clic en el selector de imágenes en el bloque de imágenes en la pestaña Contenido para seleccionar una imagen. O, si desea usar su WordPress AVA (foto de perfil del autor), puede hacer clic en el icono de la base de datos y seleccionar la foto de perfil del autor.

Para enfatizar la imagen, puede pasar a la pestaña de estilo. Desde esta pestaña, puede establecer cosas como el tamaño de la imagen (ancho y alto), el rayo del borde, el tipo de borde, el tamaño del borde, el color del borde, los filtros CSS y el Sombra de la caja.

Para establecer el espacio (y el borde) del widget de la imagen, puede abrir la pestaña avanzada.

Después de terminar de editar la imagen, agregue el editor de texto. Colóquelo en la segunda columna de la sección. Reemplace el texto predeterminado con su texto (puede reemplazar el texto predeterminado desde el panel de configuración o incluso desde el lienzo elemental).

Luego puede abrir la pestaña de estilo para estilizar el texto. Puede establecer la tipografía (familia de fuentes, tamaño de fuente, estilo de fuente, etc.), color de texto y alineación.

Al igual que el widget de imagen de arriba, también puede acceder a la pestaña avanzada para establecer el relleno y el borde del editor de texto. Una vez que haya terminado de editar el widget del editor de texto, puede agregar los iconos sociales del widget a la segunda columna. Puede colocarlo debajo del editor de texto.

Vaya al panel izquierdo para personalizar los perfiles de redes sociales. Para agregar un enlace de su cuenta social, puede abrir el artículo existente en los iconos sociales en la pestaña de contenido. También puede hacer clic en el icono para reemplazar el icono predeterminado. Puede hacer clic en el elemento Agregar para agregar un nuevo perfil de red social. Para personalizar los iconos, puede acceder a la pestaña de estilo. Desde esta pestaña, puede establecer el tamaño de los iconos, el color de los iconos, el espacio entre los iconos, el estilo de borde, el tamaño del borde, el rayo del borde, etc.


Puede acceder a la pestaña avanzada para establecer el relleno y el borde de los iconos sociales del widgets como los dos primeros widgets anteriores. Sección 2 Utilizaremos esta sección para colocar el widget de encabezado. Usaremos este widget para agregar un texto “publicaciones de blog”. Haga clic en el botón Plus en el área de lona para agregar una nueva sección. Puede seleccionar la estructura con una sola columna. Una vez que se agrega la sección, agregue el widget de título y reemplace el texto predeterminado con su propio texto.

Luego puede acceder a la pestaña de estilo para estresar el título. Puede establecer la impresión, el color del texto, la sombra de texto y el modo de mezcla.

Simplemente vaya a la pestaña avanzada para establecer el relleno y el borde del widget del título. Sección 3 Utilizaremos esta sección para colocar el widget de publicaciones. Widgetul Publics en sí solo está disponible en Elementor Pro (léase: Elementor Free vs Elementor Pro). En otras palabras, debe usar la versión Pro A El Elemental para usarla. O puede usar uno de los siguientes suplementos de elementos.

Complementos felices

Capa

Complementos esenciales
Estos tres suplementos tienen un widget gratuito para mostrar publicaciones de blog en su sitio para reemplazar el widget nativo de Elementor. Como usamos el Pro, usaremos las publicaciones de widgets.
Haga clic en el botón Plus en el área de lona para agregar una nueva sección. Esta vez, seleccione la estructura con tres columnas. Antes de agregar las publicaciones de widget, primero puede establecer el tamaño de las columnas. Para hacer esto, haga clic en mucho tiempo en el borde de una columna y tire hacia la derecha o hacia la izquierda.
Una vez que la columna esté lista, dibuje los postes del widget y colóquelo en la segunda columna (el medio).
Por defecto, Widget Postari muestra elementos en su sitio web en tres columnas. Puede acceder al panel de configuración para personalizarlo. También puede filtrar los artículos en el panel de configuración.
Para obtener instrucciones más detalladas sobre cómo usar Widget Postari, puede leer nuestro artículo anterior. Después de haber terminado de editar la página, haga clic en el botón de publicación en la parte inferior del panel de configuración para publicar la página. También puede obtener una vista previa primero haciendo clic en el icono del ojo cerca del botón de publicación.

Establezca la página que acaba de crear como página de inicio de su blog después de haber publicado anteriormente la página de inicio personalizada, debe configurarla como una página de inicio en su blog para hacer esto, Configuración de acceso -> Leer en el tablero de WordPress. En la opción, visite su página de inicio, configure una página estática y seleccione la página de inicio que acaba de crear en el menú de inicio. Recuerde hacer clic en los cambios Guardar para aplicar el cambio.