Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Suscribirse (10€/mes)
  • Mi Cuenta
  • Contacto
Estás aquí: Inicio / Elementor / Crear una Plantilla con Elementor para TODOS los Post de nuestro blog

Crear una Plantilla con Elementor para TODOS los Post de nuestro blog

noviembre 9, 2020 Por Óscar Dejar un comentario

Crear plantilla post con elementor

En este tutorial vamos a ver cómo crear una plantilla para todos los post de tu blog y que automáticamente aparezcan todas las entradas de nuestro blog con el diseño creado en Elementor.

Es decir, creamos un diseño y todos nuestros post se verán con ese diseño.

Esto es realmente útil ya que una vez creada la plantilla, podemos crear las entradas desde Gutenberg pero los post se verán con el diseño que hemos generado en Elementor. 😉

Para poder hacer este tutorial necesitas Elementor Pro.

Elementor Pro Lo tienes disponible en la Zona premium

Una vez instalado Elementor Pro vamos al menú Plantillas » Theme Builder

Tabla de Contenidos

  • Añadir Título Post en Elementor en todos los post AUTOMÁTICAMENTE
  • Añadir RESUMEN del Post en Elementor en todos los post AUTOMÁTICAMENTE
  • Añadir Imagen destacada como imagen del Fondo del Post en Elementor en todos los post AUTOMÁTICAMENTE
  • 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
  • Añadir la plantilla a todos los Post automáticamente

Tutorial en Vídeo

Suscríbete a mi canal:

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.

Aquí el resultado final:

¿No me digáis que no es maravilloso 😉?

Espero que os haya gustado, nos vemos en el siguiente tutorial!!!

Recuerda que en la Zona Premium tienes mucho más

Archivado en:Elementor

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Iniciar sesión

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necesarias
Siempre activado

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.

No necesarias

Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.