{"id":113131,"date":"2023-05-17T12:02:28","date_gmt":"2023-05-17T12:02:28","guid":{"rendered":"https:\/\/elementor.com\/blog\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/"},"modified":"2025-12-01T15:17:39","modified_gmt":"2025-12-01T13:17:39","slug":"presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/","title":{"rendered":"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid"},"content":{"rendered":"\n<p>Mejora tus capacidades de dise\u00f1o y disfruta de nuevas formas de estilizar tu sitio web con Elementor 3.13 para que puedas lograr dise\u00f1os \u00fanicos que mantengan a tus visitantes comprometidos.\nEsta versi\u00f3n incluye una nueva opci\u00f3n de dise\u00f1o en Contenedores &#8211; <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/es\/que-es-cssy-como-usarlo-en-el-diseno-web\/\" title=\"What Is CSS? How to Use it in Web Design (2025)\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"23532\">CSS<\/a> Grid, una excelente manera de dise\u00f1ar dise\u00f1os de sitios web sofisticados y ligeros, manteniendo un alto nivel de consistencia.\nAdem\u00e1s, esta actualizaci\u00f3n introduce m\u00e1s opciones de estilo en el Widget de Men\u00fa y agrega nuevas capacidades a la nueva Barra Superior.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Container-CSS-Grid.png\" alt=\"\" class=\"wp-image-85167\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Nuevo &#8211; Contenedor CSS Grid &#8211; Dise\u00f1a Dise\u00f1os Ligeros, Responsivos y Profesionales<\/strong><\/h2>\n\n<p>Ahora, cuando a\u00f1ades un Contenedor, puedes elegir entre Contenedores Flexbox o Grid.\nUsar Contenedores Grid es ideal para dise\u00f1os tipo cuadr\u00edcula, te ayuda a mantener la alineaci\u00f3n de los elementos en el Contenedor y reduce la curva de aprendizaje asociada con la transici\u00f3n del dise\u00f1o de secci\u00f3n-columna al dise\u00f1o de contenedor.  <\/p>\n\n<p>Con los Contenedores Grid, puedes elegir el n\u00famero de filas y columnas que deseas para componer tu cuadr\u00edcula, determinar la distancia entre tus columnas y filas usando el control de Espacios, y elegir si deseas que el Flujo Autom\u00e1tico se base en columna o fila.\nTambi\u00e9n puedes justificar y alinear contenido y elementos, de manera similar a como lo har\u00edas con un Contenedor Flexbox.  <\/p>\n\n<p>Cada celda en la Cuadr\u00edcula puede aceptar un elemento, que puede ser estilizado y editado como normalmente lo har\u00edas.\nPara lograr un mayor nivel de sofisticaci\u00f3n, puedes colocar un Contenedor Flexbox dentro de la celda de una Cuadr\u00edcula y colocar tantos elementos como desees dentro del Contenedor Flexbox.  <\/p>\n\n<p>Para usar la Cuadr\u00edcula de Contenedores, aseg\u00farate de habilitar las caracter\u00edsticas de Contenedor Flexbox y Contenedor Grid desde el Panel de Control de WordPress \u2192 Elementor \u2192 Configuraci\u00f3n \u2192 Caracter\u00edsticas.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-4.png\" alt=\"\" class=\"wp-image-85169\" \/><\/figure>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Nuevas Capacidades de Estilo en el Widget de Men\u00fa<\/strong><\/h2>\n\n<p>En la versi\u00f3n anterior, Elementor introdujo un nuevo widget de Men\u00fa, que te permite crear men\u00fas simples de un solo nivel y men\u00fas de contenido desplegable sofisticados, con contenido anidable.\nEste widget es un cambio de juego para la creaci\u00f3n de sitios web, permiti\u00e9ndote dise\u00f1ar men\u00fas hermosos y funcionales para tus sitios web. <\/p>\n\n<p>Elementor Pro 3.13 introduce dos nuevas capacidades que ahora est\u00e1n disponibles en el widget de Men\u00fa:<\/p>\n\n<ul class=\"wp-block-list\"><li><strong>Iconos en el nivel superior del Men\u00fa<\/strong> &#8211; esta nueva capacidad de estilo te permite mejorar el dise\u00f1o de tus men\u00fas a\u00f1adiendo iconos llamativos que atraen la atenci\u00f3n de los visitantes.\nCon una variedad de iconos para elegir en la biblioteca de iconos, o la capacidad de subir cualquier SVG, puedes personalizar tus men\u00fas para que coincidan con el estilo de tu sitio web y hacer que se destaquen. <\/li><\/ul>\n\n<p><strong>Estado activo para enlaces de anclaje<\/strong> &#8211; indica a los visitantes del sitio web en qu\u00e9 parte de la p\u00e1gina han navegado o hecho clic cuando tu men\u00fa incluye enlaces de anclaje.\nDe esa manera, puedes mejorar la experiencia del visitante ayud\u00e1ndolos a navegar por tu sitio web. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Editor-UI-Revamp-Next-Steps.png\" alt=\"\" class=\"wp-image-85170\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">Mejoras en la Barra Superior &#8211; Continuaci\u00f3n de la Renovaci\u00f3n de la Interfaz de Usuario de Elementor<\/h2>\n\n<p>En Elementor 3.12, comenzamos el despliegue gradual de los pr\u00f3ximos cambios en la interfaz de Elementor.\nEstos cambios est\u00e1n escritos en React, lo que mejora el rendimiento y permite el crecimiento y la escalabilidad futuros del producto.\nAdem\u00e1s, estos cambios promueven las mejores pr\u00e1cticas de Elementor, resultando en una mejor y m\u00e1s optimizada experiencia de usuario.   <\/p>\n\n<p>Uno de los mayores cambios es la nueva Barra Superior, introducida como un experimento que puedes activar desde la p\u00e1gina de caracter\u00edsticas de Elementor en WordPress (Elementor \u2192 Configuraci\u00f3n \u2192 Caracter\u00edsticas \u2192 Barra Superior del Editor).\nEn esta versi\u00f3n, la Barra Superior incluye dos actualizaciones:  <\/p>\n\n<ol class=\"wp-block-list\"><li><strong>Opciones de guardado en el bot\u00f3n Publicar<\/strong> &#8211; aunque no es una capacidad nueva, esta caracter\u00edstica no estaba disponible en la primera versi\u00f3n de la Barra Superior.\nAhora, tienes acceso a todas las opciones de guardado disponibles en el Editor &#8211; Guardar como Borrador, Guardar como Plantilla y Condiciones de Visualizaci\u00f3n (cuando sea aplicable).\nEsto tambi\u00e9n significa que la Barra Superior ahora incluye todas las capacidades previamente disponibles en la interfaz de usuario heredada del Editor.   <\/li><li><strong>Navegaci\u00f3n de p\u00e1gina<\/strong> &#8211; una nueva caracter\u00edstica que agilizar\u00e1 tu flujo de trabajo y har\u00e1 que la transici\u00f3n entre diferentes p\u00e1ginas y partes del tema sea m\u00e1s fluida.\nHacer clic en la indicaci\u00f3n de p\u00e1gina en el centro de la Barra Superior abrir\u00e1 un men\u00fa desplegable que incluye las cinco \u00faltimas p\u00e1ginas \/ publicaciones \/ partes del tema en las que trabajaste, y te permitir\u00e1 redirigirte a cualquiera de ellas con un solo clic, sin tener que navegar de regreso al Panel de Control de WordPress.  <\/li><\/ol>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Automatically-Populate-The-Post-Excerpt-from-Your-Posts-Content.png\" alt=\"\" class=\"wp-image-85171\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Rellena Din\u00e1micamente Tu Extracto de Publicaci\u00f3n, con el Contenido de Tu Publicaci\u00f3n<\/strong><\/h2>\n\n<p>Anteriormente, usar el widget de Extracto de Publicaci\u00f3n o la etiqueta din\u00e1mica en WordPress significaba que el contenido se rellenar\u00eda autom\u00e1ticamente a partir del Extracto Personalizado que insertaste manualmente en WordPress.\nSin embargo, con Elementor 3.13, ahora tienes la opci\u00f3n de elegir si deseas que el contenido se rellene autom\u00e1ticamente a partir de los primeros caracteres de tu publicaci\u00f3n o del Extracto Personalizado en WordPress.\nEsta actualizaci\u00f3n resuelve una de las principales solicitudes desde la introducci\u00f3n del Constructor de Bucles, y espec\u00edficamente desde que se pudo agregar el widget de Extracto de Publicaci\u00f3n dentro de tu elemento de bucle.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Performance-Improvements-2.png\" alt=\"\" class=\"wp-image-85180\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Nuevo: Aprovecha Elementor AI, Perfectamente Adaptado para Elementor <\/strong><\/h2>\n\n<p>Elementor 3.13 tambi\u00e9n incluye Elementor AI, que est\u00e1 integrado de forma nativa dentro del Editor, y transformar\u00e1 la forma en que creas sitios web.\nEsta versi\u00f3n introduce la primera fase de Elementor AI, que te permite crear texto y c\u00f3digo con el poder de la IA.\nPuedes usarlo para crear contenido desde cero, mejorar el contenido existente en tu sitio web, traducirlo a cualquier sitio web y m\u00e1s.\nAdem\u00e1s, puedes usar Elementor AI para escribir c\u00f3digo para CSS personalizado o c\u00f3digo personalizado (requiere Elementor Pro o Hosting), o fragmentos de HTML.\nPuedes leer m\u00e1s sobre lo que puedes hacer con Elementor AI <a href=\"https:\/\/elementor.com\/blog\/es\/presentamos-elementor-ai-revoluciona-la-forma-en-que-creas-sitios-web\/\">aqu\u00ed<\/a>.     <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Performance-Improvements-1.png\" alt=\"\" class=\"wp-image-85173\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Mejoras de Rendimiento<\/strong><\/h2>\n\n<p>En versiones anteriores, las mejoras de rendimiento se centraron en los widgets m\u00e1s comunes en las p\u00e1ginas principales.\nCon Elementor 3.13, el enfoque se traslad\u00f3 a los widgets utilizados principalmente en p\u00e1ginas internas, donde los visitantes del sitio suelen pasar la mayor parte de su tiempo. <\/p>\n\n<p>Los widgets de Author Box, Post Info y Price List muestran im\u00e1genes y fotos de perfil de usuario, estas im\u00e1genes ahora tienen una carga diferida aplicada.\nEste cambio deber\u00eda mejorar la carga inicial de tus p\u00e1ginas internas. <\/p>\n\n<p>Adem\u00e1s, dado que el encabezado aparece en la parte superior de la p\u00e1gina, siempre debe cargarse inmediatamente al cargar la p\u00e1gina.\nPor lo tanto, se elimin\u00f3 la carga diferida de los encabezados para mejorar la experiencia del visitante al usar el experimento de Lazy Load Background Images. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2401\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/Accessibility.png\" alt=\"\" class=\"wp-image-85174\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Mejoras de Accesibilidad<\/strong><\/h2>\n\n<p>Elementor 3.13 est\u00e1 lleno de ajustes y correcciones que mejoran la accesibilidad de tu sitio web, as\u00ed como del Editor.\nEn esta versi\u00f3n, nos centramos en la navegaci\u00f3n por teclado, implementando etiquetas ARIA adicionales, corrigiendo problemas de cumplimiento de ARIA existentes y aplicando marcado sem\u00e1ntico.  <\/p>\n\n<p>Puedes leer m\u00e1s sobre estas mejoras de accesibilidad en el <a href=\"https:\/\/developers.elementor.com\/elementor-3-13-developers-update\/\">Blog de Desarrolladores<\/a>. <\/p>\n\n<h2 class=\"wp-block-heading\"><strong>Disfruta de m\u00e1s opciones de estilo y dise\u00f1o para experiencias de sitios web altamente personalizadas y atractivas <\/strong><\/h2>\n\n<p>Eleva el dise\u00f1o de tu sitio web y desbloquea nuevas posibilidades de estilo para personalizar tu sitio web usando Elementor 3.13.\nCon CSS Grid Containers puedes crear dise\u00f1os ligeros, flexibles y similares a una cuadr\u00edcula sin problemas, y con las nuevas capacidades de estilo en el widget de men\u00fa puedes crear dise\u00f1os distintivos que cautivan y mantienen a tus visitantes comprometidos.  <\/p>\n\n<p>Esta versi\u00f3n tambi\u00e9n incluye nuevas capacidades en la funci\u00f3n de Barra Superior, lo que significa que todas las capacidades previamente disponibles en el Editor ahora est\u00e1n disponibles al usar el experimento de Barra Superior. <\/p>\n\n<p>Elementor 3.13 tambi\u00e9n incluye una prueba gratuita de Elementor AI, que transformar\u00e1 la forma en que construyes sitios web al permitirte crear texto original al instante, mejorar el texto existente y codificar para mejorar tu sitio web y su dise\u00f1o. <\/p>\n\n<p>Prueba las nuevas funciones en Elementor 3.13 y d\u00e9janos saber qu\u00e9 piensas sobre ellas en los comentarios a continuaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor 3.13 incluye Contenedores CSS Grid, nuevas opciones de estilo y personalizaci\u00f3n en el widget de Men\u00fa, extiende el experimento de la Barra Superior y te proporciona opciones adicionales de Contenido Din\u00e1mico para Extractos de Publicaciones. <\/p>\n","protected":false},"author":2024207,"featured_media":113132,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[257,293,325],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-113131","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-es","category-elementor-es","category-new-features-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid<\/title>\n<meta name=\"description\" content=\"Elementor 3.13 incluye Contenedores CSS Grid, nuevas opciones de estilo y personalizaci\u00f3n en el widget de Men\u00fa, extiende el experimento de la Barra Superior y te proporciona opciones adicionales de Contenido Din\u00e1mico para Extractos de Publicaciones.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid\" \/>\n<meta property=\"og:description\" content=\"Elementor 3.13 incluye Contenedores CSS Grid, nuevas opciones de estilo y personalizaci\u00f3n en el widget de Men\u00fa, extiende el experimento de la Barra Superior y te proporciona opciones adicionales de Contenido Din\u00e1mico para Extractos de Publicaciones.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-17T12:02:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T13:17:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2401\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella Laster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid\",\"datePublished\":\"2023-05-17T12:02:28+00:00\",\"dateModified\":\"2025-12-01T13:17:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/\"},\"wordCount\":1473,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"articleSection\":[\"Blog\",\"Elementor\",\"Nuevas caracter\u00edsticas\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/\",\"url\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/\",\"name\":\"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"datePublished\":\"2023-05-17T12:02:28+00:00\",\"dateModified\":\"2025-12-01T13:17:39+00:00\",\"description\":\"Elementor 3.13 incluye Contenedores CSS Grid, nuevas opciones de estilo y personalizaci\u00f3n en el widget de Men\u00fa, extiende el experimento de la Barra Superior y te proporciona opciones adicionales de Contenido Din\u00e1mico para Extractos de Publicaciones.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png\",\"width\":2401,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/es\/category\/blog-es\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/es\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"caption\":\"Gabriella Laster\"},\"description\":\"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.\",\"url\":\"https:\/\/elementor.com\/blog\/es\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid","description":"Elementor 3.13 incluye Contenedores CSS Grid, nuevas opciones de estilo y personalizaci\u00f3n en el widget de Men\u00fa, extiende el experimento de la Barra Superior y te proporciona opciones adicionales de Contenido Din\u00e1mico para Extractos de Publicaciones.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/","og_locale":"es_ES","og_type":"article","og_title":"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid","og_description":"Elementor 3.13 incluye Contenedores CSS Grid, nuevas opciones de estilo y personalizaci\u00f3n en el widget de Men\u00fa, extiende el experimento de la Barra Superior y te proporciona opciones adicionales de Contenido Din\u00e1mico para Extractos de Publicaciones.","og_url":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-05-17T12:02:28+00:00","article_modified_time":"2025-12-01T13:17:39+00:00","og_image":[{"width":2401,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","type":"image\/png"}],"author":"Gabriella Laster","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Escrito por":"Gabriella Laster","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid","datePublished":"2023-05-17T12:02:28+00:00","dateModified":"2025-12-01T13:17:39+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/"},"wordCount":1473,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/es\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","articleSection":["Blog","Elementor","Nuevas caracter\u00edsticas"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/","url":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/","name":"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","datePublished":"2023-05-17T12:02:28+00:00","dateModified":"2025-12-01T13:17:39+00:00","description":"Elementor 3.13 incluye Contenedores CSS Grid, nuevas opciones de estilo y personalizaci\u00f3n en el widget de Men\u00fa, extiende el experimento de la Barra Superior y te proporciona opciones adicionales de Contenido Din\u00e1mico para Extractos de Publicaciones.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/05\/cover-3.png","width":2401,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/es\/presentando-elementor-3-13-construye-disenos-de-sitios-web-ligeros-y-flexibles-con-css-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/es\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/elementor.com\/blog\/es\/category\/blog-es\/"},{"@type":"ListItem","position":3,"name":"Presentando Elementor 3.13 \u2013 Construye Dise\u00f1os de Sitios Web Ligeros y Flexibles con CSS Grid"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/es\/#website","url":"https:\/\/elementor.com\/blog\/es\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/es\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","caption":"Gabriella Laster"},"description":"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.","url":"https:\/\/elementor.com\/blog\/es\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/113131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=113131"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/113131\/revisions"}],"predecessor-version":[{"id":145551,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/113131\/revisions\/145551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/media\/113132"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=113131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=113131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=113131"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/marketing_persona?post=113131"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/marketing_intent?post=113131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}