{"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\/pt\/blocks\/organic-blocks\/position-block\/","title":{"rendered":"Bloco de posi\u00e7\u00f5es"},"content":{"rendered":"
\n
\n\n\n\n
\n
\n

Exemplos de blocos de contentores de posi\u00e7\u00e3o<\/h4>\n<\/div>\n\n\n\n
\n
\n
Documenta\u00e7\u00e3o<\/a><\/div>\n\n\n\n
Comprar blocos<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

O Posi\u00e7\u00e3o Bloco de contentores<\/strong> apresenta op\u00e7\u00f5es para dimensionar e mover a posi\u00e7\u00e3o de qualquer conte\u00fado dentro do contentor. \u00c9 uma ferramenta de design \u00fatil para quebrar a grelha e desenhar fora da caixa. Qualquer combina\u00e7\u00e3o de mover, dimensionar e puxar pode ser utilizada em conjunto. Al\u00e9m disso, a posi\u00e7\u00e3o pode ser redefinida opcionalmente em dispositivos m\u00f3veis, para n\u00e3o quebrar o layout em dispositivos m\u00f3veis.<\/p>\n\n\n\n

Abaixo s\u00e3o apresentadas v\u00e1rias varia\u00e7\u00f5es de blocos. Cada varia\u00e7\u00e3o pode ser copiada para a sua \u00e1rea de transfer\u00eancia e colada diretamente no seu editor de blocos do WordPress. No entanto, o Blocos org\u00e2nicos<\/strong><\/a> plugin \u00e9 necess\u00e1rio.<\/p>\n\n\n\n

Nota:<\/strong> Estes s\u00e3o exemplos de varia\u00e7\u00f5es de estilo criadas para mostrar a flexibilidade do bloco. Qualquer varia\u00e7\u00e3o pode ser modificada a seu gosto e podem ser criadas varia\u00e7\u00f5es totalmente novas utilizando as defini\u00e7\u00f5es do bloco.<\/p>\n\n\n\n

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

Varia\u00e7\u00e3o 1<\/h4>\n\n\n\n
\n
\n
\n

Bloco de posi\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n

Neste exemplo, a posi\u00e7\u00e3o \u00e9 deslocado para a esquerda 200 pix\u00e9is<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta varia\u00e7\u00e3o de bloco utilizando o bot\u00e3o e cole-a no seu editor de blocos do WordPress. A Blocos org\u00e2nicos<\/strong> plugin \u00e9 necess\u00e1rio.<\/p>\n<\/div>\n\n\n\n

\n
Bloco de c\u00f3pias<\/span><\/a>
Bloco copiado para a \u00e1rea de transfer\u00eancia!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Varia\u00e7\u00e3o 2<\/h4>\n\n\n\n
\n
\n
\n

Bloco de posi\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n

Neste exemplo, a posi\u00e7\u00e3o \u00e9 deslocado 120 pix\u00e9is para baixo<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

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

Copie esta varia\u00e7\u00e3o de bloco utilizando o bot\u00e3o e cole-a no seu editor de blocos do WordPress. A Blocos org\u00e2nicos<\/strong> plugin \u00e9 necess\u00e1rio.<\/p>\n<\/div>\n\n\n\n

\n
Bloco de c\u00f3pias<\/span><\/a>
Bloco copiado para a \u00e1rea de transfer\u00eancia!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Varia\u00e7\u00e3o 3<\/h4>\n\n\n\n
\n
\n
\n

Bloco de posi\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n

Neste exemplo, a posi\u00e7\u00e3o \u00e9 deslocado para a direita 400 pix\u00e9is<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta varia\u00e7\u00e3o de bloco utilizando o bot\u00e3o e cole-a no seu editor de blocos do WordPress. A Blocos org\u00e2nicos<\/strong> plugin \u00e9 necess\u00e1rio.<\/p>\n<\/div>\n\n\n\n

\n
Bloco de c\u00f3pias<\/span><\/a>
Bloco copiado para a \u00e1rea de transfer\u00eancia!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Varia\u00e7\u00e3o 4<\/h4>\n\n\n\n
\n
\n
\n

Bloco de posi\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n

Neste exemplo, a posi\u00e7\u00e3o \u00e9 puxado para a esquerda 260 p\u00edxeis<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta varia\u00e7\u00e3o de bloco utilizando o bot\u00e3o e cole-a no seu editor de blocos do WordPress. A Blocos org\u00e2nicos<\/strong> plugin \u00e9 necess\u00e1rio.<\/p>\n<\/div>\n\n\n\n

\n
Bloco de c\u00f3pias<\/span><\/a>
Bloco copiado para a \u00e1rea de transfer\u00eancia!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Varia\u00e7\u00e3o 5<\/h4>\n\n\n\n
\n
\n
\n

Bloco de posi\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n

Neste exemplo, a escala \u00e9 reduzido para 0,7<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta varia\u00e7\u00e3o de bloco utilizando o bot\u00e3o e cole-a no seu editor de blocos do WordPress. A Blocos org\u00e2nicos<\/strong> plugin \u00e9 necess\u00e1rio.<\/p>\n<\/div>\n\n\n\n

\n
Bloco de c\u00f3pias<\/span><\/a>
Bloco copiado para a \u00e1rea de transfer\u00eancia!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Varia\u00e7\u00e3o 6<\/h4>\n\n\n\n
\n
\n
\n

Bloco de posi\u00e7\u00f5es<\/strong><\/h4>\n\n\n\n

Neste exemplo, a escala \u00e9 aumentou para 1,3<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copie esta varia\u00e7\u00e3o de bloco utilizando o bot\u00e3o e cole-a no seu editor de blocos do WordPress. A Blocos org\u00e2nicos<\/strong> plugin \u00e9 necess\u00e1rio.<\/p>\n<\/div>\n\n\n\n

\n
Bloco de c\u00f3pias<\/span><\/a>
Bloco copiado para a \u00e1rea de transfer\u00eancia!<\/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\/pt\/blocks\/organic-blocks\/position-block\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\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\/pt\/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=\"Tempo estimado de leitura\" \/>\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\":\"pt-PT\",\"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\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/#organization\",\"name\":\"ThinkSAi - LatAm\",\"url\":\"https:\\\/\\\/www.thinksai.com\\\/latam\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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":"Bloco de Posi\u00e7\u00e3o - 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\/pt\/blocks\/organic-blocks\/position-block\/","og_locale":"pt_PT","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\/pt\/blocks\/organic-blocks\/position-block\/","og_site_name":"ThinkSAi - LatAm","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"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":"Bloco de Posi\u00e7\u00e3o - 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":"pt-PT","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":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.thinksai.com\/latam\/#organization","name":"ThinkSAi - LatAm","url":"https:\/\/www.thinksai.com\/latam\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/pt\/wp-json\/wp\/v2\/pages\/2712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinksai.com\/latam\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinksai.com\/latam\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/pt\/wp-json\/wp\/v2\/users\/236185298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/pt\/wp-json\/wp\/v2\/comments?post=2712"}],"version-history":[{"count":0,"href":"https:\/\/www.thinksai.com\/latam\/pt\/wp-json\/wp\/v2\/pages\/2712\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/pt\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/www.thinksai.com\/latam\/pt\/wp-json\/wp\/v2\/media?parent=2712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}