Elementor Pro 2.0 incorpora el maquetador de temas

Hasta ahora había dos restricciones que impedían usar Elementor como un maquetador completo, estas:

  • Algunas partes del tema eran intocables. Tenías que usar código para cambiar partes del tema. Cuando usabas Elementor estabas restringido al área de contenido de tu sitio.
  • Solo podías crear contenido estático, no contenido dinámico. Las partes dinámicas de una web (como entradas o páginas de producto) requieren contenido dinámico, y no lo podías manejar sin código.

Con Elementor Pro 2.0 se han solucionado estos dos problemas, haciendo que sea posible diseñar dinámicamente cada parte de la web, visualmente, y sin tener que usar nada de código.

El maquetador de temas de Elementor Pro

En la nueva versión de Elementor Pro, por fin puedes personalizar visualmente cabeceras,  pies de página, entradas, páginas de archivo y otras áreas de la web.

Esto te ahorra tiempo y además permite arrastrar y soltar para crear tu web completa.

El nuevo proceso de creación web con Elementor incluye estas partes:

  • Tipo de plantilla – Eliges el tipo de plantilla que quieras crear, ya sea la cabecera, pie de página, entrada y página de archivo.
  • Datos dinámicos – Creas la estructura de tu página usando contenido dinámico. De este modo tu contenido se rellena dinámicamente con contenidos de tu web.
  • Condiciones – Defines condiciones para determinar donde se aplicará tu plantilla: en toda la web, en una página concreta, o en cualquier otra condición.

Veamos como funciona…

Todo empieza con la plantilla

Con Elementor Pro 2.0 tienes que empezar a pensar en las plantillas como unidades base de diseño, en las que poder personalizar cada área de tu sitio, incluyendo el blog, el pie de página y todo lo demás.

Hasta ahora estábamos limitados a un área específica de la web, el contenido, entre la cabecera y el pie de página. Esta es una restricción de la mayoría de los maquetadores, que solo te podías saltar programando.

Ahora tenemos varias plantillas, y todas se pueden diseñar visualmente con Elementor. Es  más, Elementor reconocerá hasta las nuevas plantillas que crees, y te permitirá maquetarlas visualmente, cero código.

Lo mismo con la plantilla de entrada simple. Puedes crear una nueva y Elementor sabrá como meterle dentro tu contenido dinámico, tus entradas.

Las plantillas de archivos se crean igual. Una vez esté creada Elementor te permite que muestren tu contenido dinámicamente, tus entradas, productos, lo que sea.

Olvídate de tener que tocar el código de header.php o footer.php.

Contenido dinámico

Una vez hayas elegido el tipo de plantilla que quieres crear es hora de llenarla de contenido dinámico.

Hasta ahora las plantillas de página con Elementor solo podían incluir contenido estático. Creabas la página y la publicabas.

Elementor Pro 2.0 nos permite, por fin, crear una plantilla que tenga contenido dinámico. Simplemente crea la estructura de la página, le añades partes como el título o la imagen destacada, y el contenido aparece automáticamente.

Las etiquetas de contenido dinámico disponibles son:

  • Entradas: URL, título, imagen destacada, contenido, extracto, datos meta, fecha, hora, términos,ID, archivos adjuntos.
  • Archivos: Título, descripción, datos meta, URL.
  • Autor: Nombre, imagen del perfil, biografía, datos meta.
  • Comentarios: URL, número de comentarios.
  • Sitio: Nombre del sitio, descripción del sitio, URL del sitio,
  • General: Fecha actual.

Widgets dinámicos

Para hacer más fácil la creación de las plantillas con contenido dinámico tienes nuevos widgets de elementos del tema:

En las cabeceras puedes crear el menú completo desde cero, añadir una barra de búsqueda, otra barra superior, etc. Puedes añadir el logo de tu sitio y que se cambie dinámicamente en todas las páginas de la web.

En las entradas puedes insertar el título de la entrada, la imagen destacada, el contenido de cada parte de la entrada, lo que sea. Luego, si creas una nueva entrada, el diseño de la página se hereda de la plantilla.

En las páginas de archivo puedes crear la plantilla para tu blog,  por ejemplo, y personalizarla sin tocar código, todo dentro del editor de Elmentor.

Y esta funcionalidad la puedes usar para personalizar cualquier tipo de contenido dinámico o tipo de contenido personalizado, incluso los que crees con ACF.

Vista previa del contenido dinámico

Cuando creas contenido dinámico, especialmente en páginas de archivo o de entrada simple, es a veces difícil imaginar el resultado final.

Para ello se ha añadido la opción de vista previa para ver nuestra plantilla con contenido en ella, cogiéndolo del previamente creado.

Así si, por ejemplo, creas una plantilla de entrada simple, podrás ver el resultado final previsualizando la entrada simple con el contenido de una entrada que ya hubieses publicado.

De este modo puedes trabajar en el diseño mientras ves el aspecto del resultado final. Puedes incluso probar con varias vistas previas de distintas entradas, para asegurarte de que el resultado será bueno con distintas entradas.

Condiciones de visualización

Una vez hayas terminado de crear el contenido dinámico es el momento de elegir las condiciones a las que se aplicará el contenido.

Puedes aplicar tu plantilla en toda la web, en una categoría concreta, una página determinada o cualquier otra condición que quieras.

Cada plantilla incluye condiciones de visualización que determinarán exactamente dónde se implementará la plantilla.

Por ejemplo, si creas una plantilla de cabecera y quieres mostrarla SOLO como cabecera para tus entradas, puedes hacerlo fácilmente eligiendo las entradas simples en el menú desplegable.

Cualquier tema

Una de las mejoras realmente fantásticas de Elementor Pro 2.0 es que funciona con cualquier tema WordPress. Esto te ofrece la máxima flexibilidad y libertad de trabajar con tu tema favorito, o de cambiar de tema y que tengas que preocuparte de los cambios.

Y si desarrollas temas hay una documentación detallada de cómo registrar una nueva ubicación e integrarla manualmente en la API de ubicaciones de Elementor.

Elementor alcanza la mayoría de edad

Con el lanzamiento de Elementor Pro 2.0 ya no es solo un plugin para maquetar la parte de contenidos. Elementor Pro 2.0 introduce un nuevo modo de crear y maquetar webs, en el que finalmente tenemos control total de todas las partes de nuestro sitio WordPress, un movimiento muy inteligente y necesario.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (2 votos, promedio: 5,00 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Al dejar un comentario se solicitan datos como tu correo y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad | Responsable de los datos: Fernando Tellado García | Finalidad: Gestión y moderación de comentarios | Legitimación: Tu consentimiento expreso | Destinatario: Disqus (acogido a EU-US Privacy Shield) | Derechos: Tienes derecho al derecho al acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para almacenar tu nombre, correo, IP y demás datos que dejas en los formularios de comentarios, contacto, acceso y tus preferencias de privacidad.

AUTH_KEY, SECURE_AUTH_KEY, LOGGED_IN_KEY, NONCE_KEY, comment_author, comment_author_email, comment_author_url, rated, gdpr, gawdp

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid
cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform
_ga, _gid

¿Quieres cerrar tu cuenta?

Se cerrará tu cuenta y todos los datos se borrarán de manera permanente y no se podrán recuperar ¿Estás seguro?

Pin It on Pinterest