Crear una Plantilla con Elementor para TODOS los Post de nuestro blog
HTML-код
- Опубликовано: 21 окт 2024
- ► Link de referido de Elementor Pro:
links.joqueofe...
Diseñar TODOS los Post del blog AUTOMÁTICAMENTE con Elementor
📌 Tutorial Completo: comohacerunapa...
En este tutorial vamos a ver como podemos diseñar la página single de los post con elementos de forma automática.
Es decir, creamos un diseño y todos nuestros post se ven con ese diseño.
Esto es realmente útil ya que una vez creada la plantilla, nosotros vamos a crear los nuevos post con Gutenberg pero los post se van a ver con el diseño que hemos generado en Elementor.
Añadir la plantilla a todos los Post automáticamente
Ahora creamos una nueva plantilla, hacemos clic en Añadir nuevo y seleccionamos en el primer desplegable Single Post y le damos un nombre
En la siguiente pantalla añadimos la plantilla que queremos usar.
La plantilla que vamos a escoger nos proporciona el diseño pero todavía no va a coger el texto del post de forma automática.
Lo que tenemos que hacer ahora es cambiar el texto demo por el texto real de nuestros post.
Añadir Título Post en Elementor en todos los post AUTOMÁTICAMENTE
Por ejemplo, para que se añada el título real del post tenemos que editar el texto “The story Behind ” por la etiqueta del título del post
Si queremos previsualizar el contenido con un post en concreto lo podemos hacer desde la opción de previsualizar (icono del ojo), Ajustes:
Y en la pantalla que aparece elegimos la entrada en la que queremos previsualizar el contenido:
Añadir RESUMEN del Post en Elementor en todos los post AUTOMÁTICAMENTE
Al igual que hemos hecho con el título, podemos añadir el resumen del post debajo del título ¿como se hace? Se hace igual, tan solo elegimos otro campo, el campo Excerpt
¿De dónde sale el resumen o excerpt? De la página de edición del post:
Añadir Imagen destacada como imagen del Fondo del Post en Elementor en todos los post AUTOMÁTICAMENTE
Para hacerlo vamos a seguir la misma dinámica.
En esta ocasión vamos a cambiar la imagen de las nubes del fondo por la imagen destacada que hayamos añadido como imagen destacada del post.
Para ello vamos a la capa donde esté el fondo » estilo y modificamos el fondo con una etiqueta dinámica
Y el mismo procedimiento vamos haciendo con el resto de campos.
Añadir Imagen del Autor en Elementor en todos los post AUTOMÁTICAMENTE
Añadir Nombre y enlace del Autor en Elementor en todos los post AUTOMÁTICAMENTE
Añadir Contenido del Post en Elementor en todos los post AUTOMÁTICAMENTE
Primero borro los campos texto que viene de prueba .
Ahora, para añadir el campo body del texto tenemos que añadir el campo desde los widgets que tiene elementor:
Añadir la plantilla a todos los Post automáticamente
Una vez que tenemos creada nuestra plantilla vamos a decirle que queremos que se use para todos los post.
Para ello, vamos a Publicar y elegimos las condiciones en las que queremos que se muestre esta plantilla. En nuestro ejemplo en todas las entradas:
Fijaros lo potente que es esta opción, podemos añadir diferentes plantillas para diferentes categorías o cualquier otro filtro que se nos ocurra.
Si lo hemos hecho todo correcto ya tendremos nuestro post creado con la plantilla de Elementor aunque estemos creando la entrada desde Gutenberg.
¿No me digáis que no es maravilloso 😉?
Espero que os haya gustado, nos vemos en el siguiente tutorial!!!
► Link de referido de Elementor Pro:
links.joqueoferta.com/elementor-post
Gracias, gracias y gracias. Muy útil.
Top, justo lo que necesitaba. Muchas gracias!
Fantástico, muchísimas gracias por el vídeo!! No encontraba nada así, y además es muy de agradecer que vayas al grano y explicándolo tan tan bien. Gracias por tu trabajo, tienes un like y un nuevo suscriptor :)
Gracias. Muy útil !
Buena explicación... fácil y rápido...
Muchas gracias ;)
gracias
Hola Oscar, muy bien explicado y facil de entender. Muchas gracias maestro 👍
hola Hassan!!!
ME alegro que te haya gustado 😉
Un abrazo bien fuerte. Me ha hecho mucha ilusión ver tu comentario ;)
Muy buena explicación, muchas gracias
Muchas gracias ;)
Gracias por elcontenido! estoy construyendo un blog para un cliente y esto me ayudó mucho! Sigue asi!
¡Muchas gracias!
oye. Cada vez que añado una entrada, me escoge la última plantilla creada y no puedo trabajar sobre una creada. Es decir, que no puedo poner una plantilla creada para trabajar en ella.
Muy buen video. Pero me desparece el menú de la web en los posts. ¿Cómo lo soluciono?
Muy bien explicado, como hago para poner un botón y que te descargue un pdf, individual de cada post? Gracias!!!
Muchas gracias!! Tengo una duda: me pasa que cuando cargo el contenido y publico con la plantilla me pone lo mismo en todos los posts anteriores. En qué me estoy equivocando?
Hola Genial tu video. Pero tengo una duda si mi página web anterior mente tenia una plantilla personalizada que yo cree y resulta que ahora tiene una por defecto en toda la sección de articulos. Como hago para que los articulos, blogs que ya estan creados vuelvan a tener la plantilla personalizada que yo cree anteriormente?
Hola, a mi me produce el problema que si pongo la página blog que he creado donde estan los posts como página del blog, entonces ya no me deja elementor tocarla de nuevo
Hola!! Al crear la plantilla a ti te da más opciones, a mi solo me sale: página, sección y página de destino. No me da la opción entrada. Hasta ahora he creado una entrada con el diseño que quiero, la he duplicado para crear las siguientes entradas, pero ahora quiero cambiar cosas de ese diseño y como no vaya haciendo los cambios uno a uno en cada entrada... no se como hacerlo.
Hola, buen tutorial, pero no era lo que quería (busqueda en youtube jaja) Elementor se usarlo bastante, pero nunca se me dio por hacer una sección en el front, en la que me muestre los post más visitados. Tendrías algún video que explique sobre eso?? o me podrías decir que opción usar para eso? Gracias campeón!!
No me funciona cuando le doy al botón de "insertar" para usar una de las páginas predefinidas de Elementor. (lo tengo de pago)
¿Alguien sabe cómo puedo solucionarlo?
te falto asignarle header y footer