Cómo crear una plantilla de publicación de blog de Elementor personalizada (Guía fácil)

¿Está buscando el tutorial más fácil sobre cómo crear una plantilla de publicación de blog de Elementor personalizada?

Los blogs son una de las formas más populares y efectivas de crear conciencia sobre su producto. Sin embargo, si desea disfrutar al máximo del marketing de contenidos, debe asegurarse de que la página de su blog tenga un aspecto cautivador junto con la información correcta.

Para que su publicación de blog sea atractiva, debe crear su propia plantilla de blog personalizada. Y puede lograr una excelente plantilla de publicación de blog para atraer a su audiencia utilizando Elementor. Puede crear una página de blog personalizada de Elementor desde cero, así como crear una utilizando plantillas prediseñadas.

En este artículo, aprenderá cómo crear una plantilla de publicación de blog de Elementor utilizando dos métodos de la manera más simple posible. Entonces, sigue leyendo…

Complementos que necesita instalar para crear una plantilla de publicación de blog de Elementor personalizada

Para crear una publicación de blog en WordPress con el generador de páginas Elementor sin esfuerzo, necesitará ambos

• Elementor (Gratis)

• y Elementor Pro.

Cómo crear una plantilla de página de blog personalizada de Elementor desde cero

Elementor Pro proporciona todos los widgets necesarios que necesitará para crear una impresionante plantilla de publicación de blog personalizada desde cero. Simplemente siga los pasos mencionados a continuación para crear su única plantilla de publicación de Elementor:

Paso 1: Cree una nueva plantilla de blog única

Primero, debe crear una sola plantilla de blog. Para eso, vaya al Panel de WordPress y luego navegue a Plantillas ⇒ Agregar nuevo

y haga clic en el botón Agregar nuevo . Una vez que se abra la nueva ventana, seleccione Publicación única como el tipo de plantilla del menú desplegable, proporcione un nombre de su elección y luego haga clic en Crear plantilla .

Ahora debería ver los diseños prefabricados (cubrirá cómo usarlos más adelante). Como vamos a crear una plantilla de blog desde cero, haga clic en el botón de cruz en la esquina superior derecha para cerrar esta ventana.

Paso 2: Seleccione una estructura/diseño para la plantilla de publicación de blog

Ahora, debe elegir una estructura para la plantilla de su blog, se recomienda no usar todo el ancho de una página, ya que al usuario le resulta difícil leerla. Para elegir una estructura para su plantilla de página de blog personalizada de Elementor, haga clic en el ícono + y seleccione la que le guste y simplemente haga clic en la estructura para insertarla.

Nota: Para ver cómo se verá un blog con la plantilla que está creando, seleccione un blog existente de la opción de vista previa de contenido dinámico . Para configurar eso, haga clic en la opción Configuración en la esquina inferior izquierda.

Luego, elija Publicar en Vista previa de contenido dinámico como un menú desplegable, escriba el nombre del blog que desea seleccionar en el segundo menú desplegable a continuación. Finalmente, haga clic en Aplicar y vista previa .

Paso 3: agregue el widget de imagen destacada y personalice las opciones de estilo de imagen

Una vez que tenga el diseño, en la barra de edición izquierda, busque el widget Imagen destacada. Después de encontrar el widget, arrástrelo y suéltelo en la ubicación deseada.

Después de que se cargue el widget, personalice el tamaño de la imagen, la alineación, el título, el enlace y la opción de caja de luz.

Para cambiar la configuración de estilo, vaya a la pestaña Estilo . Aquí puede cambiar la altura, el ancho, la opacidad, el borde, el radio, etc. de la imagen.

Paso 4: agregue y personalice el widget de información de publicación de Elementor

Después de la imagen de la función, debe mostrar la información relacionada con la publicación que puede hacer con el widget Información de la publicación. Al igual que la imagen destacada, al principio busque el widget de información de la publicación y luego simplemente arrastre y suelte debajo del widget de imagen destacada.

En la pestaña Contenido del Editor de Elementor, puede establecer el diseño como Predeterminado o En línea. Puede editar/eliminar las opciones de autor, fecha, hora y comentarios . También puede agregar un campo personalizado al widget Información de publicación haciendo clic en el botón + AGREGAR NUEVO.

Nuevamente, vaya a la pestaña Estilo para personalizar la configuración de estilo, como el espacio entre listas, la alineación, el color y el tamaño del icono, el color del texto y la tipografía.

Paso 5: arrastre y suelte el widget Título de la publicación y personalícelo

Ahora, busque el widget Título de la publicación y arrastre y suelte debajo del widget de información de la publicación.

Puede personalizar el tamaño, la etiqueta HTML y la alineación de la etiqueta Título de la publicación.

En la pestaña de estilo, encontrará opciones para personalizar el color del texto, la tipografía, el trazo del texto, la sombra del texto y el modo de fusión.

Paso 6: agregue y personalice el widget de contenido de publicación

Ahora, arrastre y suelte el widget de contenido de la publicación . El widget de contenido de la publicación de ElementsKit representa el cuerpo (contenido principal) de la publicación del blog.

Paso 7: arrastre y suelte el widget de iconos sociales para agregar una opción para compartir en redes sociales

Después del contenido de la publicación, agregue el widget Iconos sociales arrastrándolo y soltándolo. Los íconos sociales brindarán opciones para compartir su blog en diferentes plataformas sociales.

Puede agregar/eliminar tantos íconos sociales como desee. Además, puede personalizar la forma de los iconos, la cantidad de columnas que deben mostrar y la alineación. También puede personalizar el icono, el color y el enlace de la plataforma social para cada uno de los iconos sociales.

Vaya a la pestaña Estilo para cambiar el tamaño, el color, el relleno, el espaciado y el tipo de borde del icono.

Paso 8: agregue el widget Cuadro de autor y personalice la configuración del widget

Busque Author Box y arrastre y suelte el widget después de Social Icons. También puede agregar un autor personalizado si lo desea desde el menú desplegable de fuentes. Puede elegir mostrar/ocultar la imagen de perfil, el nombre para mostrar y la biografía . También puede personalizar otras configuraciones, como la etiqueta HTML, el enlace, el diseño y la alineación.

Navegue a la pestaña Estilo para personalizar opciones como Tamaño de imagen, borde, color y tipografía del nombre del autor, biografía, etc.

Paso 9: agregue el widget de navegación posterior para la opción de paginación

El widget Elementor Post Navigation ofrecerá opciones de navegación a los lectores para que puedan cambiar a diferentes blogs. Para agregar el widget de navegación de publicaciones, como antes, busque en el editor y luego arrastre y suelte después del widget del cuadro de autor.

Puede mostrar u ocultar la etiqueta de paginación o el signo de flecha. Obtiene alrededor de 8+ opciones de diseño para flechas. También puede personalizar el texto de nivel anterior y siguiente.

Puede cambiar el color y la tipografía de la etiqueta, el título, la flecha y los bordes para las vistas normal y flotante.

Paso 10: arrastre y suelte el widget Publicaciones para mostrar publicaciones relacionadas

Para mostrar las publicaciones relacionadas, vamos a utilizar el widget Elementor Posts . Por lo tanto, arrastre y suelte el widget de publicaciones después del widget de navegación de publicaciones. Con este widget, puede cambiar el color de la piel, establecer la cantidad de columnas, la cantidad de publicaciones por página, la posición de la imagen y muchas más configuraciones. También puede cambiar los diferentes estilos de diseño, cuadro, imagen y contenido.

Paso 11: agregue el widget de comentarios de publicación

Para dar una opción a sus usuarios para comentar sus publicaciones, debe agregar los widgets de comentarios de publicaciones. Busque el widget Comentarios de publicaciones y arrastre y suelte debajo del widget de publicaciones.

Paso 12: actualice y vea la plantilla de página de blog personalizada de Elementor

Ahora que todo el diseño está hecho, haga clic en el botón de actualización . Si aparece la ventana de configuración de publicación, haga clic en Guardar y cerrar.

Aquí está la vista previa de la plantilla de publicación de blog de Elementor personalizada que acabamos de crear.

Si encuentra que el método descrito anteriormente consume demasiado tiempo, puede optar por el método mencionado a continuación, donde no tiene que construir y diseñar cada sección desde cero.

Cómo crear la página de publicación única usando una plantilla de Elementor prefabricada

Si planea usar una plantilla preconstruida para su página de blog personalizada de Elementor, puede hacerlo en solo 3 pasos. Veamos cómo:

Paso 1: cree una nueva plantilla de publicación de blog única desde el tablero

Al igual que el primer método, debe crear una nueva plantilla de blog única. Para obtener más detalles sobre cómo crear la nueva plantilla , desplácese un poco hacia arriba y consulte el primer paso del primer método (cómo crear una plantilla de blog desde cero).

Paso 2: elija una plantilla de publicación única de Elementor prefabricada

Una vez que haga clic en Crear plantilla, verá la ventana de la biblioteca de Elementor con muchas plantillas personalizadas de publicación única. Aquí puede elegir cualquiera de los bloques de publicaciones individuales que desee. Pase el cursor sobre la plantilla de su preferencia, haga clic en insertar.

Paso 3: elija una plantilla de publicación única de Elementor prefabricada

Una vez que se carga la plantilla, haga clic en el botón publicar para guardar todas las nuevas plantillas de blog.

Aquí hay un aspecto final de una publicación de blog usando una publicación de blog de Elementor usando una plantilla de publicación única prefabricada.

Cómo crear una página de últimas publicaciones de Elementor con ElementsKit

Ahora que tiene una plantilla de publicación única atractiva, es hora de crear una página de lista de blogs personalizada para que todos sus blogs se muestren de una manera agradable a la vista y fácil de usar. Echemos un vistazo a cómo puede crear las últimas publicaciones personalizadas de Elementor con ElementsKit.

Paso 1: Instalar y activar ElementsKit

Para crear una impresionante página de lista de blogs, junto con el generador de páginas de Elementor, necesitará ElementsKit. ElementsKit es un complemento todo en uno para Elementor con más de 85 widgets y módulos para que el desarrollo web sea más fácil que nunca.

Paso 2: habilite el widget relacionado con la lista de publicaciones

Una vez activado, debe activar el widget relacionado con la publicación para crear la página de la lista de publicaciones. ElementsKit proporciona una serie de widgets para mostrar sus listas de blogs, que incluyen publicaciones de blog, cuadrícula de publicaciones, lista de publicaciones, widget de pestaña de publicación, etc. Puede habilitar el widget que desea usar.

Paso 3: Agrega el widget y personaliza

Ahora, vaya a la página de la lista de blogs, busque el widget y simplemente arrastre y suelte. Una vez que se carga el widget, puede personalizar la configuración relacionada para personalizar la página de la lista de su blog. Echemos un vistazo a cómo se verá una página de lista de blog con algunos de los widgets de ElementsKit y sus opciones de personalización.

Publicaciones de blog:

Con el widget Publicación de blog, puede mostrar sus blogs en formato Bloque, Cuadrícula con pulgar y Cuadrícula sin diseño de pulgar . También puede establecer la cantidad de publicaciones para mostrar por fila, habilitar/deshabilitar la paginación y muchas más opciones. Para obtener más detalles, consulte nuestro blog sobre cómo mostrar publicaciones de blog recientes.

Publicar cuadrícula:

Con el complemento de cuadrícula de publicación, puede personalizar qué categoría de blogs desea mostrar en su lista de blogs. También puede elegir la cantidad de publicaciones que se mostrarán y los números de columna que debe tener cada fila. Para más detalles, consulta nuestra documentación.

Widget de pestaña de publicación

Con un widget de pestaña de publicación, obtienes todas las opciones de personalización como la cuadrícula de publicación junto con una pestaña de categoría adicional. Con esta opción, los usuarios pueden pasar el cursor sobre cualquier pestaña de categoría y ver solo los blogs de esa categoría en particular.

Una vez que elija su widget y realice la personalización de acuerdo con su elección, haga clic en el botón de actualización para publicar. Ahora debería tener una página que muestre las últimas publicaciones recientes de Elementor de una manera atractiva.

Ultimas palabras

Hemos hecho todo lo posible para brindarle un tutorial sencillo sobre cómo crear una plantilla de publicación de blog de Elementor personalizada de dos maneras. Esperamos que haya encontrado el blog útil para crear su plantilla de blog Elementor personalizada. Puede seguir los pasos y cambiar los diseños y los diseños según su elección.

Y no olvides darle un toque extraordinario a la página de lista de tu blog con los widgets de ElementsKit. ElementsKit es el complemento perfecto para Elementor, tómese un tiempo para ver todos los increíbles widgets que este complemento tiene para ofrecer.