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

¿Busca el tutorial más simple sobre cómo crear una plantilla de publicación de blog personalizada? Los blogs son una de las formas más populares y efectivas de crear conciencia sobre su producto. Sin embargo, si desea disfrutar de los mayores beneficios del marketing de contenidos, debe asegurarse de que su página de blog tenga un aspecto cautivador con la información correcta. Para que la publicación en el blog sea atractiva, debe crear su propia plantilla de blog personalizada. Y puede obtener una plantilla de publicación de blog notable para involucrar a su público usando Elementor. Puede crear un elemento de página de blog personalizado desde cero, así como para crear uno usando plantillas prefabricadas.
En este artículo, aprenderá cómo crear una plantilla de publicación de blog elemental utilizando dos métodos en las formas más simples posibles. Entonces, continúas leyendo …
Se esconde el contenido
Complementos que debe instalar para crear plantilla de publicación de blog personalizada
Cómo crear una página de blog personalizada de Elementor desde cero
Cómo crear una sola página de publicación utilizando la plantilla de elementos prefabricados
Cómo crear una página con el elemento de las últimas publicaciones con ElementsKit
Ultimas palabras
Complementos que debe instalar para crear una plantilla de publicación de blog personalizada para crear una publicación de blog en WordPress con Element Page Builder, sin esfuerzo, necesitará ambos
Elementor (gratis)
y Elementor Pro.

Cómo crear una página de blog personalizada de ElementR Pro Custom Blog ofrece todos los widgets necesarios que necesitará para crear una increíble plantilla de publicación de blog personalizada. Simplemente siga los pasos mencionados a continuación para crear una sola plantilla de publicación elemental: Paso 1: Cree una nueva plantilla de blog única, debe crear una sola plantilla de blog. Para hacer esto, vaya al tablero de WordPress y luego navegue por las plantillas ⇒ Agregar Newsi Haga clic en el botón Agregar nuevo. Una vez que se abre la nueva ventana, seleccione una sola publicación como un menú Tipo de plantilla de plantilla, proporcione un nombre de su elección, luego haga clic en Crear plantilla.

Ahora debería ver modelos prefabricados (cubriremos cómo usarlos más tarde). Debido a que construiremos una plantilla de blog desde cero, haga clic en el botón cruzado en la esquina superior derecha para cerrar esta ventana.

Paso 2: Seleccione una estructura/apariencia para la plantilla de publicación de blog ahora, debe elegir una estructura para la plantilla de su blog, se recomienda no usar el ancho completo de una página porque es difícil para el usuario leerla. Para elegir una estructura para la página de la página de blog personalizada de Elemento, haga clic en el icono + y seleccione la que desee y simplemente haga clic en la estructura para insertarla.
Nota: Para ver cómo se verá un blog con la plantilla que crea, seleccione un blog existente de la opción Dynamic Content Preview. Para establecer esto, haga clic en la opción Configuración en la esquina inferior izquierda. Luego, elija Publicar en la vista previa del contenido dinámico como un menú de caída, ingrese el nombre del blog que desea seleccionar en el segundo menú de caída. Finalmente, haga clic en la aplicación y la vista previa. PAS 3: Agregue el widget de imagen recomendado y personalice las opciones de estilo de imagen una vez que busque, en la barra del editor izquierdo, busque el widget de imagen recomendado. Después de encontrar el widget, tírelo y colóquelo en la ubicación deseada.

Después de cargar el widget, personalice el tamaño de la imagen, la alineación, la leyenda, el enlace y la opción Lightbox.

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

También puede consultar nuestro blog sobre cómo construir un mega menú con Elementor

Paso 4: Agregue y personalice el widget de información de la publicación Elemental por imagen característica, debe mostrar la información posterior a la relación que puede hacer con el widget de información de la publicación. Al igual que la imagen presentada, primero busque el widget de información de la publicación, luego simplemente tire y coloque debajo del widget de imagen presentado.

En el contenido del editor primario, puede establecer la apariencia como predeterminado o en línea. Puede editar/eliminar las opciones, la fecha, la hora y los comentarios del autor. También puede agregar un campo personalizado al widget de información de la publicación haciendo clic en el botón + Agregar nuevo.
Nuevamente, pase a la pestaña Estilo para personalizar la configuración de estilo, como el espacio entre listas, alineación, color y tamaño del icono, color de texto y tipografía. Y tirar y colocar debajo del widget con información sobre la publicación.

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

En la pestaña de estilo, encontrará opciones para personalizar el color del texto, la impresión, el contorno del texto, la sombra del texto y la forma de mezclar.

Paso 6: Agregue y personalice el widget de contenido de publicación ahora, extra y coloque el widget de publicación. El widget de contenido de la publicación de PostSkit representa el cuerpo (contenido principal) de la publicación del blog.

Paso 7: Tire y coloque el widget de icono social para agregar una opción de intercambio social después del contenido de publicación, agregue los íconos sociales deslizándose y la ubicación. Los íconos sociales le darán opciones para compartir su blog en diferentes plataformas sociales.

Puede agregar / eliminar cuántos iconos sociales desea. Además, puede personalizar la forma de los iconos, el número de columnas que también deben parecer alineados. También puede personalizar el ícono de la plataforma social, el color y el enlace para cada uno de los íconos sociales.

Navegue por la pestaña de estilo para cambiar el tamaño del icono, el color, el relleno, el espacio, el tipo de borde.

Paso 8: Agregue el widget de la caja del autor y personalice la configuración del widget Busque el cuadro de autor y tire y coloque el widget después de los iconos sociales. También puede agregar un autor personalizado, si lo desea, desde el menú desplegable de origen. Puede elegir cómo/ocultar su foto de perfil, nombre de pantalla y biografía. También puede personalizar otras configuraciones, como HTML, enlace, diseño, alineación. Navegue a la pestaña de estilo para personalizar opciones como el tamaño de la imagen, el color del borde y la tipografía, la biografía, etc.
Paso 9: Agregue un widget de navegación a la publicación para el widget de Paging Elementor Post Navigation proporcionará a los lectores a navegar opciones para que puedan moverse a diferentes blogs. Para agregar el widget posterior a la navegación, como antes, busque en el editor y luego tire y coloque después del widget de la caja del autor. Puede mostrar u ocultar la etiqueta de paginación o el letrero de flecha. Tiene más de 8 opciones de diseño para flechas. También puede personalizar el texto anterior y siguiente.

Puede cambiar el color y la tipografía de la etiqueta, el título, las flechas y los bordes para la visualización normal y la visualización del mouse.

Paso 10: Tire y coloque el widget de publicaciones para mostrar las publicaciones asociadas para presentar las publicaciones relacionadas, usaremos el widget de publicaciones Elementor. Entonces, tire y coloque el widget posterior al widget de la navegación posterior. Con este widget, puede cambiar el color de la piel, establecer el número de columnas, el número de publicaciones en la página, la posición de la imagen y muchas otras configuraciones. También puede cambiar los diferentes estilos de apariencia, caja, imagen y contenido.

Paso 11: Agregue los comentarios de la publicación Widgetul para dar a los usuarios una opción para comentar sus publicaciones, debe agregar widgets de publicaciones de comentarios. Busque en las publicaciones de comentarios del widget y tire y coloque en la publicación de publicaciones. Si aparece la ventana Configuración de publicación, haga clic en Guardar y cerrar. Aquí está la vista previa de la publicación personalizada de publicación en el blog Elemental que acabo de crear.


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

También puede consultar nuestro blog sobre cómo agregar un formulario de múltiples pasos en elemento en 5 pasos simples

Cómo crear una sola página de publicación utilizando la plantilla de elementos prefabricados Si tiene la intención de usar una plantilla predefinida para su página de blog personalizada, puede hacerlo en solo 3 pasos. Vamos a ver cómo:

Paso 1: Cree una nueva plantilla de publicación de blog única en el tablero como 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 y verifique el primer paso del primer método (cómo construir una plantilla de blog desde cero).


Paso 2: Elija una plantilla de Post -Pre -Prefabricatada de una sola mejora. Aquí puede elegir cualquiera de los bloques de publicaciones individuales que desee. Coloque el cursor en su plantilla favorita, haga clic en Insertar. Pas 3: Elija una sola plantilla posterior a Presfabricada. Aquí hay una imagen final de una publicación de blog que usa una publicación de blog elemental utilizando una plantilla de publicación única predeterminada.

Cómo crear una página con las últimas publicaciones de Elementor con ElementsKit ahora que tiene una plantilla de publicación atractiva única, es hora de crear una página de listado de blog personalizada para que todos sus blogs se muestren de una manera calmante y fácil de usar. Echemos un vistazo a cómo puede crear las últimas publicaciones personalizadas con ElementsKit.
Paso 1: Instale y active ElementsKit para crear una página de blog increíble, junto con el generador de páginas Elementor, necesitará ElementsKit. ElementsKit es un complemento todo en uno para elementos con más de 85 widgets y módulos para hacer que el desarrollo web sea más fácil que nunca.
Obtener elementoskit ahora
Paso 2: active el widget relacionado con la lista de publicaciones una vez activadas, debe activar el widget publicado para construir la lista de publicaciones. Elementskit ofrece una serie de widgets para mostrar las listas de sus blogs, que incluyen publicaciones de blog, red de publicación, lista de publicaciones, widget para la pestaña de publicación, etc. Puede activar el widget que desea usar. Flim cómo puede crear un buen elemento matrimonial en una página usando ElementsKit

Paso 3: Agregue el widget y personalice ahora, acceda a la página con la lista de blogs, busque el widget y simplemente tire y coloque. Una vez que se carga el widget, puede personalizar la configuración relacionada para personalizar su página con la lista de blogs. Echemos un vistazo a cómo se verá una lista de blogs con algunos de los widgets Elementskit y sus opciones de personalización.

Publicaciones de blog: Usando la publicación de blog Widget, puede mostrar sus blogs en formato de bloque, pulgar y cuadrícula sin el diseño de su pulgar. También puede establecer el número de publicaciones que se mostrarán en una fila, puede activar/desactivar la paginación y muchas otras opciones. Para obtener más detalles, consulte nuestro blog sobre cómo mostrar publicaciones de blog recientes.

Public Grid: con el complemento de publicaciones, puede personalizar qué categoría de blogs desea mostrar en la lista de blogs. También puede elegir el número de publicaciones para mostrar y los números de las columnas que cada una debe tener. Para más detalles, consulte nuestra documentación.
Pestaña Publicación de widget Con una pestaña Post de widget, obtiene todas las opciones de personalización, como Post Grid, junto con una pestaña de categoría adicional. Con esta opción, los usuarios pueden pasar con el mouse en cualquier pestaña de categoría y solo ver blogs en la categoría respectiva. Una vez que haya elegido el widget y personalice de acuerdo con su elección, haga clic en el botón Actualizar para publicar. Ahora debe tener una página que muestre las últimas publicaciones elementales de manera atractiva.

Palabras finales Hemos hecho todo lo posible para ofrecerle un tutorial fácil sobre cómo crear una plantilla de publicación de blog personalizada de dos maneras. Esperamos que haya encontrado el blog útil para crear su plantilla de blog elemental personalizada. Puede seguir los pasos y cambiar los modelos, así como los modelos de acuerdo con su elección y no olvidar dar una nota extraordinaria a su página con la lista de widgets Elementskit. Elementskit es el complemento perfecto para el elemento, tome tiempo para verificar todos los increíbles widgets que ofrece este suplemento.
Obtener elementoskit ahora