Cómo crear una plantilla de publicación de blog de Elementor personalizada
Publicado: 2022-01-14Una página de publicación única bien formada brinda a sus lectores una buena sensación cuando leen su publicación. También ayuda a atraer visitantes nuevos o existentes a su sitio, reduce la tasa de rebote, ayuda a mejorar la vista de la página de su sitio y más. Es por eso que debe concentrarse en el diseño de su página de una sola publicación.
Si está buscando una guía ideal para crear una página de publicación única personalizada con Elementor, la siguiente guía será perfecta para usted.
En esta guía, le mostraremos cómo diseñar la plantilla o página de publicación de blog de Elementor desde cero. Antes de eso, debe tener una idea clara de por qué necesita crear una página de publicación única personalizada.
Empecemos:
Por qué necesita diseñar su plantilla de publicación de blog de Elementor personalizada
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 1 How To Create Custom Elementor Blog Post Template](/uploads/article/26977/owHaSAXIw9jeUlg3.png)
Los temas de WordPress más populares tienen su propio marco de diseño de publicación única. Pero es posible que el formato de diseño de publicación única predeterminado de su tema no satisfaga sus necesidades. Suponga que necesita agregar una ventana emergente personalizada a su página de publicación única, pero el tema que usó para diseñar su sitio no le permite hacerlo.
¿Qué vas a hacer después? Desde ese punto de vista, debe diseñar una página de publicación única personalizada para agregar las funciones que necesita. Sin embargo, hay otros aspectos importantes que puede considerar para crear una página de publicación de blog personalizada para su sitio web. Los hechos destacables son:
- Garantice una mejor experiencia de usuario
- Reducir la tasa de rebote
- Mejorar el diseño de la página de publicación única
- Agregar características personalizadas
- Asegurar una mejor vista de la publicación
2 formas de crear una plantilla de publicación de blog de Elementor personalizada
Puede crear una plantilla de publicación de blog Elementor personalizada de dos maneras simples:
- Método 1: crear una plantilla de publicación de blog de Elementor desde cero
- Método 2: Cree la página de publicación única usando la plantilla de Elementor prefabricada
Asegúrese de haber instalado y activado los complementos Elementor (Gratis) y Elementor Pro en su sitio web.
Si es nuevo en Elementor, consulte este práctico blog sobre cómo usar Elementor correctamente.
Método 1: crear una plantilla de publicación de blog de Elementor desde cero
Si desea diseñar su propia plantilla de publicación única desde cero, puede hacerlo utilizando los widgets de Elementor.
Paso 1: Agregar columna y sección
Primero, debe agregar una sección e insertar una columna según sus necesidades. Para hacer esto, debe hacer clic en el ícono (+) y la columna en la sección.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 2 Add Column](/uploads/article/26977/h2rTinKFEsr2nCYZ.png)
Paso 2: Agregar widget de imagen de función
Después de eso, puede agregar los widgets necesarios en la columna. Aquí, agregamos el widget Imagen destacada para mostrar nuestra imagen destacada de publicación. Puede encontrar el widget en el menú del lado izquierdo y arrastrar y soltar el widget en el lugar correcto.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 3 Add Feature Image Widget](/uploads/article/26977/H49TSNwrPxQQ1vlc.png)
Contenido de la imagen destacada
Puede administrar la imagen de la característica en el área de contenido . Puede cambiar el tamaño de la imagen , establecer la alineación , agregar el título e insertar un enlace si lo desea.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 4 Content of Feature Image](/uploads/article/26977/sTtQ0abP5EYAbsIy.png)
Imagen característica de estilo
Puede personalizar el diseño de la imagen usando las opciones de Estilo. Vaya al área Estilo , cambie la configuración necesaria para que su imagen de función sea más atractiva.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 5 Style Feature Image](/uploads/article/26977/9Csea77QjJcEE9nE.png)
Paso 3: agregue una nueva columna y establezca el diseño
Después de agregar la Imagen destacada, queremos agregar los otros widgets. Antes de eso, nos gusta agregar una nueva columna y configurar el diseño usando la configuración Avanzada . Verifique la imagen a continuación, verá que configuramos Content Width->Boxed y definimos el Ancho como 850px .
Agreguemos los otros widgets en esta columna.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 6 Add New Column & Set Layout](/uploads/article/26977/hvofJEq9RqwZAYp1.png)
Paso 4: Agregar widget de información de publicación
Agregamos el widget Información de publicación para mostrar los metadatos de nuestra publicación. Encuentra el widget y suéltalo en la columna.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 7 Add Post Info Widget](/uploads/article/26977/H8b6TQ2IBFM2hKHU.png)
Contenido del widget de información de publicación
En el contenido, puede controlar los metadatos del widget de información de la publicación.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 8 Content Post Info Widget](/uploads/article/26977/qLBqGLGRkxIl4RLm.png)
Establecer la alineación del widget de información de la publicación
Si desea personalizar el diseño de la información de la publicación, puede hacerlo aquí en el área Estilo . Aquí, establecemos la Alineación del metacontenido de la publicación.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 9 Style Post Info Widget](/uploads/article/26977/tTy4T6rvToAIkA8h.png)
Cambiar el color y el tamaño del icono de información de la publicación
También cambiamos el color y el tamaño del icono. Puede cambiar el diseño del texto yendo al área Estilo->Texto . Pero estamos bien con el diseño de texto predeterminado.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 10 Style Post Info Widget](/uploads/article/26977/ZksACWDQPmmB9DIg.png)
Paso 5: Agregar widget de título de publicación
Agregue el widget Título de la publicación y muestre el título del blog. Puede agregar el widget siguiendo el procedimiento anterior.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 11 Add Post Title Widget](/uploads/article/26977/1wmoc5b9MqTYsPaE.png)
Título de la publicación de estilo
También puede administrar el estilo del título en el área Estilo . Aquí, puede personalizar el color del texto, la tipografía, la sombra del texto y el modo de fusión del título de la publicación.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 12 Style Post Title](/uploads/article/26977/3wK8T7giGKQAKDLR.png)
Nota: Si ha instalado el complemento Happy Addons en su sitio, obtendrá la opción Trazo de texto .
Paso 6: Agregar widget de contenido de publicación
Ahora es el momento de agregar todo el contenido de la publicación a nuestra página. Para hacer esto, agregamos el widget de contenido de publicación a la página.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 13 Add Post Content Widget](/uploads/article/26977/8Junw37Pw2sXC8Kn.png)
Estilo Publicar Contenido
Puede establecer la Alineación del contenido, el Color del texto y la Tipografía del contenido.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 14 Style Post Content](/uploads/article/26977/WJj6q18r7Plqehkc.png)
Paso 7: Agregue el widget para compartir en redes sociales
Hemos agregado el botón Social Share para compartir la publicación.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 15 Add Social Share Widget](/uploads/article/26977/tswmigdwwMmcXsxe.png)
Paso 8: Agregue el widget de información del autor
También hemos agregado el widget de información del autor para mostrar los detalles del autor de la publicación.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 16 Add Author Info Widget](/uploads/article/26977/jMCELNa2PLO2r0Bt.png)
Caja de autor de estilo
De acuerdo con sus necesidades, puede cambiar el diseño predeterminado de Información del autor utilizando las opciones de Estilo. Aquí, obtienes diferentes opciones para personalizar la imagen, el texto y el botón .
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 17 Style Author Box](/uploads/article/26977/kg1N1oIHj5n8XQWV.png)
Paso 9: Agregue el widget de paginación de publicaciones
Para hacer la navegación de publicaciones, hemos agregado el widget de paginación de publicaciones. Ahora uno puede navegar fácilmente por las publicaciones.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 18 Add Post Pagination](/uploads/article/26977/zyoSNtuRP12Opbde.png)
Paso 10: Agregar publicaciones relacionadas
Es una característica muy común que a menudo ves en la parte inferior de una sola publicación de blog. Es por eso que hemos decidido agregar el widget Publicaciones relacionadas a nuestra página. También hemos establecido el Diseño y definido las Columnas, Publicaciones por página y otras configuraciones de publicaciones necesarias de los widgets.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 19 Add Related Posts](/uploads/article/26977/kgi6nyQTy0jgCDqz.png)
Paso 11: Agregue el widget Publicar comentario
Puede implementar fácilmente la opción de comentario en su página de publicación agregando el widget Publicar comentario . Puede establecer la apariencia del comentario y la fuente del comentario mediante la opción Contenido .
![](https://s.stat888.com/img/bg.png)
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 20 Add Post Comment Widget](/uploads/article/26977/8LoIxnlnM7RuMmbr.png)
Vista previa final del diseño de publicación única de Elementor
Después de agregar todos los widgets necesarios y personalizar el diseño, este es el diseño actual de nuestra página de publicación única.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 21 Final Preview of Elementor Single Post Design](/uploads/article/26977/afZGZi3TVRBO6X62.png)
Método 2: Cree la página de publicación única usando la plantilla de Elementor prefabricada
En esta parte de nuestro blog, vamos a mostrar cómo crear una plantilla de publicación única utilizando Elementor Theme Builder.
Empecemos:
Ir a Tempalte Teme Builder
Primero, debe ir a Plantillas-> Generador de temas para crear una nueva plantilla de publicación única.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 22 Go to Tempalte Teme Builder](/uploads/article/26977/PkBYQPctzAZ6gF2z.png)
Agregar nueva publicación única
En la siguiente página, obtienes varias opciones. Haga clic en la pestaña Publicación única . Luego haga clic en el botón Agregar nueva publicación única .
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 23 Add New Single Post](/uploads/article/26977/SWtpEd3lb6kpOuZ4.png)
Crear plantilla de publicación única
Después de eso, encontrará la opción para crear su plantilla. Escriba el nombre de la plantilla y haga clic en el botón Crear plantilla y espere la próxima página.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 24 Create Single Post Template](/uploads/article/26977/4mQsa71iu8MrZLph.png)
Elija una plantilla de publicación prediseñada adecuada
Ahora es el momento de seleccionar una plantilla de blog prefabricada adecuada para su página de blog. Simplemente instale la plantilla y utilícela.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 25 Choose a Suitable Pre-Designed Post Template](/uploads/article/26977/6XATzhM3Syp3eQ0G.png)
Nota: También puede personalizar la plantilla prefabricada según sus necesidades.
Eso es todo.
Mejore su capacidad de personalización con los widgets de publicación de Happy Addons
Happy Addons, uno de los complementos de Elementor ligeros y de rápido crecimiento, le permite diseñar una página de publicación única personalizada utilizando sus potentes widgets de publicación. Actualmente, viene con 8 widgets de publicación avanzados que son fáciles de usar y totalmente personalizables.
Démosle un resumen rápido sobre estos widgets para que pueda entender por qué debería probarlos.
Lista de publicaciones (gratis)
¿Quieres mostrar las publicaciones de tu blog en una lista? El nuevo widget gratuito de lista de publicaciones de Happy Addons le permite mostrar las ollas de su blog en forma de lista. Prueba este widget y haz que el diseño de tu publicación sea exclusivo.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 26 Post List Demo HappyAddons](/uploads/article/26977/FuXtX3ZgFsUIvxjp.png)
Consulte la documentación del widget Lista de publicaciones.
Pestaña Publicar (Gratis)
Puede notar que muchos sitios web muestran sus publicaciones usando una pestaña. Y si quieres hacerlo, entonces el widget gratuito Post Tab de Happy Addons será la herramienta perfecta para este diseño.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 27 Post-Tab Demo HappyAddons](/uploads/article/26977/5EHq6UncvVx2PUFU.png)
Lea la documentación del widget Publicar pestaña y aprenda a usarlo.
Taxonomía (Gratis)
¿Quiere modernizar su taxonomía de publicaciones? Pruebe el widget de taxonomía gratuito de Happy Addons a partir de ahora, puede decorar eficientemente su taxonomía de publicaciones de una manera más organizada.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 28 Taxonomy Widget Demo](/uploads/article/26977/3OJRFdlJBLVxjJcf.png)
Consulte la documentación completa del widget de taxonomía.
Publicar cuadrícula (Pro)
Si está buscando una herramienta sólida para mostrar las publicaciones de su blog en un diseño de cuadrícula, entonces debe probar el widget de cuadrícula de publicación de Happy Addons. Este widget creativo le ahorra un tiempo valioso al diseñar dichos elementos web y hace que la página de su blog sea más atractiva.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 29 Post Grid Widget Demo](/uploads/article/26977/FCYLimWVj9MTGj4K.png)
Lea la documentación completa del widget Post Grid.
Azulejos de poste (Pro)
El widget de mosaicos de publicaciones de Happy Addons es otra herramienta avanzada que le permite mostrar las publicaciones de una manera más organizada. Puede agregar varias publicaciones a la vez y administrar su ancho y alto. Es fácil de usar y totalmente personalizable.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 30 Post Tiles Widget Demo](/uploads/article/26977/rqb7WTuHipirrTc9.png)
Siga la documentación del widget Post Tiles y aprenda a usar esta increíble herramienta.
Lista de publicaciones inteligentes (Pro)
Con este widget exclusivo de Smart Post List, puede enumerar publicaciones de blog en su sitio web de Elementor de manera más eficiente que nunca. Puede agregar sus publicaciones fijas con la capacidad de mostrar listas de publicaciones categorizadas.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 31 Smart Post List Widget Demo](/uploads/article/26977/IpYJW01lWIXkdr0Q.png)
Consulte la documentación de la lista de publicaciones inteligentes.
Carrusel de publicaciones (Pro)
Este widget exclusivo de Happy Addons le permite presentar las publicaciones de su blog en un diseño de carrusel. Pruebe el widget Carrusel de publicaciones y haga que el diseño de su publicación sea más atractivo para sus visitantes.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 32 Post Carousel Widget Demo](/uploads/article/26977/AMLOyZWIYMC86uXa.png)
Lea la documentación de Post Carousel y aprenda a trabajar con ella.
Lista de autores (Pro)
Pruebe el widget Lista de autores de New Happy Addons para hacer una hermosa lista de su autor y mostrar cuántas publicaciones escribieron.
![Cómo crear una plantilla de publicación de blog de Elementor personalizada 33 Author List Widget Demo](/uploads/article/26977/FoV771wmHVyGMitP.png)
Obtenga más información sobre el widget Lista de autores leyendo la documentación.
¿Estás listo para diseñar tu plantilla personalizada de publicación de blog de Elementor?
Ahora es tu momento de crear tu propia página de publicación única usando Elementor.
Si sigue las instrucciones anteriores, obtendrá una idea precisa de cómo diseñar una página de publicación única de Elementor personalizada desde cero. También hemos discutido cómo agregar más valor a su página de publicación usando los widgets de publicación de HappyAddons.
Si todavía tiene alguna pregunta sobre el diseño de la plantilla de publicación de blog de Elementor, puede hacerla usando el cuadro de comentarios a continuación. Intentaremos solucionar su problema lo antes posible.
Si te gusta esta útil guía, compártela en tu canal social. Y únase a nuestro boletín para obtener guías más interesantes sobre WordPress y Elementor.
Suscríbete a nuestro boletín
Obtenga las últimas noticias y actualizaciones sobre Elementor