{"id":2712,"date":"2021-12-29T14:07:02","date_gmt":"2021-12-29T14:07:02","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=2712"},"modified":"2021-12-29T14:07:02","modified_gmt":"2021-12-29T14:07:02","slug":"position-block","status":"publish","type":"page","link":"https:\/\/www.thinksai.com\/latam\/es\/blocks\/organic-blocks\/position-block\/","title":{"rendered":"Posici\u00f3n Bloque"},"content":{"rendered":"
\n
\n\n\n\n
\n
\n

Ejemplos de bloques contenedores de posici\u00f3n<\/h4>\n<\/div>\n\n\n\n
\n
\n
Documentaci\u00f3n<\/a><\/div>\n\n\n\n
Comprar bloques<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

En Posici\u00f3n Bloque contenedor<\/strong> ofrece opciones para escalar y mover la posici\u00f3n de cualquier contenido dentro del contenedor. Es una herramienta de dise\u00f1o \u00fatil para romper la cuadr\u00edcula y dise\u00f1ar fuera de la caja. Se puede utilizar cualquier combinaci\u00f3n de mover, escalar y tirar. Adem\u00e1s, la posici\u00f3n se puede restablecer opcionalmente en m\u00f3vil, por lo que no rompe el dise\u00f1o en dispositivos m\u00f3viles.<\/p>\n\n\n\n

A continuaci\u00f3n se muestran m\u00faltiples variaciones de bloques. Cada variaci\u00f3n puede copiarse en el portapapeles y pegarse directamente en el editor de bloques de WordPress. Sin embargo, el Bloques org\u00e1nicos<\/strong><\/a> es necesario.<\/p>\n\n\n\n

Tenga en cuenta lo siguiente:<\/strong> Estos son ejemplos de variaciones de estilo creados para mostrar la flexibilidad del bloque. Cualquier variaci\u00f3n puede modificarse a su gusto, y pueden crearse variaciones completamente nuevas utilizando los ajustes del bloque.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n

Variante 1<\/h4>\n\n\n\n
\n
\n
\n

Posici\u00f3n Bloque<\/strong><\/h4>\n\n\n\n

En este ejemplo, la posici\u00f3n es desplazado 200 p\u00edxeles a la izquierda<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta variaci\u00f3n del bloque utilizando el bot\u00f3n y p\u00e9guela en su editor de bloques de WordPress. El Bloques org\u00e1nicos<\/strong> es necesario.<\/p>\n<\/div>\n\n\n\n

\n
Bloque de copia<\/span><\/a>
Bloque copiado en el portapapeles<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variante 2<\/h4>\n\n\n\n
\n
\n
\n

Posici\u00f3n Bloque<\/strong><\/h4>\n\n\n\n

En este ejemplo, la posici\u00f3n es desplazado 120 p\u00edxeles hacia abajo<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
<\/div>\n\n\n\n
\n
\n

Copie esta variaci\u00f3n del bloque utilizando el bot\u00f3n y p\u00e9guela en su editor de bloques de WordPress. El Bloques org\u00e1nicos<\/strong> es necesario.<\/p>\n<\/div>\n\n\n\n

\n
Bloque de copia<\/span><\/a>
Bloque copiado en el portapapeles<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variante 3<\/h4>\n\n\n\n
\n
\n
\n

Posici\u00f3n Bloque<\/strong><\/h4>\n\n\n\n

En este ejemplo, la posici\u00f3n es desplazado 400 p\u00edxeles a la derecha<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta variaci\u00f3n del bloque utilizando el bot\u00f3n y p\u00e9guela en su editor de bloques de WordPress. El Bloques org\u00e1nicos<\/strong> es necesario.<\/p>\n<\/div>\n\n\n\n

\n
Bloque de copia<\/span><\/a>
Bloque copiado en el portapapeles<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variante 4<\/h4>\n\n\n\n
\n
\n
\n

Posici\u00f3n Bloque<\/strong><\/h4>\n\n\n\n

En este ejemplo, la posici\u00f3n es tirado a la izquierda 260 p\u00edxeles<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta variaci\u00f3n del bloque utilizando el bot\u00f3n y p\u00e9guela en su editor de bloques de WordPress. El Bloques org\u00e1nicos<\/strong> es necesario.<\/p>\n<\/div>\n\n\n\n

\n
Bloque de copia<\/span><\/a>
Bloque copiado en el portapapeles<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variante 5<\/h4>\n\n\n\n
\n
\n
\n

Posici\u00f3n Bloque<\/strong><\/h4>\n\n\n\n

En este ejemplo, la escala es reducido a 0,7<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta variaci\u00f3n del bloque utilizando el bot\u00f3n y p\u00e9guela en su editor de bloques de WordPress. El Bloques org\u00e1nicos<\/strong> es necesario.<\/p>\n<\/div>\n\n\n\n

\n
Bloque de copia<\/span><\/a>
Bloque copiado en el portapapeles<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variante 6<\/h4>\n\n\n\n
\n
\n
\n

Posici\u00f3n Bloque<\/strong><\/h4>\n\n\n\n

En este ejemplo, la escala es aument\u00f3 a 1,3<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta variaci\u00f3n del bloque utilizando el bot\u00f3n y p\u00e9guela en su editor de bloques de WordPress. El Bloques org\u00e1nicos<\/strong> es necesario.<\/p>\n<\/div>\n\n\n\n

\n
Bloque de copia<\/span><\/a>
Bloque copiado en el portapapeles<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

Position Container Block Examples The Position Container Block features options to scale and move the position of any content within the container. It’s a useful design tool for breaking the grid, and designing outside the box. Any combination of moving, scaling, and pulling can be used together. Additionally, the position can be optionally be reset […]<\/p>\n","protected":false},"author":236185298,"featured_media":0,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2712","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nPosition Block - ThinkSAi - LatAm<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thinksai.com\/latam\/es\/blocks\/organic-blocks\/position-block\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Position Block - ThinkSAi - LatAm\" \/>\n<meta property=\"og:description\" content=\"Position Container Block Examples The Position Container Block features options to scale and move the position of any content within the container. It’s a useful design tool for breaking the grid, and designing outside the box. Any combination of moving, scaling, and pulling can be used together. Additionally, the position can be optionally be reset […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thinksai.com\/latam\/es\/blocks\/organic-blocks\/position-block\/\" \/>\n<meta property=\"og:site_name\" content=\"ThinkSAi - LatAm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/blocks\\\/organic-blocks\\\/position-block\\\/\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/blocks\\\/organic-blocks\\\/position-block\\\/\",\"name\":\"Position Block - ThinkSAi - LatAm\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/#website\"},\"datePublished\":\"2021-12-29T14:07:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/blocks\\\/organic-blocks\\\/position-block\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/blocks\\\/organic-blocks\\\/position-block\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/blocks\\\/organic-blocks\\\/position-block\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/blocks\\\/organic-blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Position Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/#website\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/\",\"name\":\"ThinkSAi - LatAm\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/#organization\",\"name\":\"ThinkSAi - LatAm\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2023\\\/06\\\/SAiPurple_Logo.png\",\"contentUrl\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/wp-content\\\/uploads\\\/sites\\\/9\\\/2023\\\/06\\\/SAiPurple_Logo.png\",\"width\":406,\"height\":407,\"caption\":\"ThinkSAi - LatAm\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Position Block - ThinkSAi - LatAm","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:\/\/www.thinksai.com\/latam\/es\/blocks\/organic-blocks\/position-block\/","og_locale":"es_ES","og_type":"article","og_title":"Position Block - ThinkSAi - LatAm","og_description":"Position Container Block Examples The Position Container Block features options to scale and move the position of any content within the container. It’s a useful design tool for breaking the grid, and designing outside the box. Any combination of moving, scaling, and pulling can be used together. Additionally, the position can be optionally be reset […]","og_url":"https:\/\/www.thinksai.com\/latam\/es\/blocks\/organic-blocks\/position-block\/","og_site_name":"ThinkSAi - LatAm","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/","url":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/","name":"Position Block - ThinkSAi - LatAm","isPartOf":{"@id":"https:\/\/www.thinksai.com\/latam\/#website"},"datePublished":"2021-12-29T14:07:02+00:00","breadcrumb":{"@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.thinksai.com\/latam\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/www.thinksai.com\/latam\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Position Block"}]},{"@type":"WebSite","@id":"https:\/\/www.thinksai.com\/latam\/#website","url":"https:\/\/www.thinksai.com\/latam\/","name":"ThinkSAi - Latinoam\u00e9rica","description":"","publisher":{"@id":"https:\/\/www.thinksai.com\/latam\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thinksai.com\/latam\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.thinksai.com\/latam\/#organization","name":"ThinkSAi - Latinoam\u00e9rica","url":"https:\/\/www.thinksai.com\/latam\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/","url":"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png","contentUrl":"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png","width":406,"height":407,"caption":"ThinkSAi - LatAm"},"image":{"@id":"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/pages\/2712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/users\/236185298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/comments?post=2712"}],"version-history":[{"count":0,"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/pages\/2712\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/www.thinksai.com\/latam\/es\/wp-json\/wp\/v2\/media?parent=2712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}