{"id":1654,"date":"2020-03-07T13:23:59","date_gmt":"2020-03-07T12:23:59","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?p=1654"},"modified":"2020-03-08T21:18:19","modified_gmt":"2020-03-08T20:18:19","slug":"uso-de-los-bloques-de-atomic-blocks","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/","title":{"rendered":"Uso de los bloques de Atomic Blocks"},"content":{"rendered":"\n<p>En este tramo final de la tercera sesi\u00f3n del curso vamos a abordar el uso de los bloques de Atomic Blocks. Dado que el tiempo disponible nos impide tratar <a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/funcionalidades-de-atomic-blocks\/\" class=\"ek-link\">todos los bloques<\/a>, varios de los cuales tienen m\u00faltiples opciones de configuraci\u00f3n, solo nos ocuparemos de aquellos que ofrecen mayor potencial en tareas de dise\u00f1o global y de configuraci\u00f3n de la estructura del contenido. <\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Funcionamiento general del plugin Atomic Blocks<\/h2>\n\n\n\n<p>Los alumnos y alumnas del curso no deben sentirse abrumados ante la variedad y aparente complejidad de los bloques de este plugin; de hecho, para una persona habituada a trabajar con el editor actual de WordPress, el uso de los bloques de Atomic Blocks no es dif\u00edcil, pero requiere pr\u00e1ctica, paciencia y mucha atenci\u00f3n a los detalles. <\/p>\n\n\n\n<p>Lo primero que vamos a hacer es mostrar el funcionamiento general del plugin una vez activado, y para ello vamos a presentar sus bloques y la forma de acceder a ellos. El <em>screencast<\/em> que incluimos a continuaci\u00f3n muestra c\u00f3mo hacerlo.<\/p>\n\n\n\n<figure class=\"wp-block-video caption-align-center\"><video controls poster=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/integracion-atomic-blocks-editor-wp.png\" src=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/atomic-blocks-editor-wp.m4v\"><\/video><figcaption>Integraci\u00f3n de Atomic Blocks con el editor de WordPress<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Uso de las secciones y los dise\u00f1os<\/h2>\n\n\n\n<p>La forma m\u00e1s sencilla y productiva de comenzar a trabajar con los bloques de Atomic Blocks es utilizar el bot\u00f3n de <strong>Layouts<\/strong>, que aparece en la parte superior del editor de WordPress. Una vez que se instala y activa el plugin Atomic Blocks, cuando pulsemos sobre este bot\u00f3n se abrir\u00e1 una ventana modal que muestra una serie de dise\u00f1os organizados en tres pesta\u00f1as:<\/p>\n\n\n\n<ul><li><strong>Sections<\/strong>, que equivalen a secciones de p\u00e1gina.<\/li><li><strong>Layouts<\/strong>, o dise\u00f1os completos de varios tipos de p\u00e1ginas.<\/li><li><strong>Favorite<\/strong>s, o favoritos. Esta pesta\u00f1a aparece vac\u00eda hasta que marquemos un dise\u00f1o o secci\u00f3n como favorito, para lo cual hay que hacer clic sobre el icono con forma de coraz\u00f3n que vemos bajo cada dise\u00f1o.<\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Si hacemos clic sobre cualquiera de los dise\u00f1os que acabamos de mencionar, ese dise\u00f1o se incluir\u00e1 en el editor de WordPress, y podremos comenzar a trabajar y experimentar con \u00e9l, tal como nos muestra el siguiente v\u00eddeo:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube caption-align-center wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Atomic Blocks Section &amp; Layout Block\" width=\"800\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/iJC2AY-ClO8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Bloque de dise\u00f1os y secciones de Atomic Blocks<\/figcaption><\/figure>\n\n\n\n<p>Quienes se desenvuelvan con comodidad en ingl\u00e9s, tambi\u00e9n pueden consultar estos otros dos videotutoriales, que explican c\u00f3mo utilizar los dise\u00f1os (<em>layouts<\/em>):<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube caption-align-center wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Atomic Blocks Layouts\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/Yx-bG_rfiCE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Atomic Block Layouts<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube caption-align-center wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Adding Blocks and Sections to an Atomic Blocks Layout\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/ecKtqoT3zAo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Adding Blocks and Sections to Atomic Block Layouts<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Pr\u00e1cticas con dise\u00f1os y bloques de Atomic Blocks<\/h2>\n\n\n\n<p>Con el fin de demostrar algunas de entre las muchas posibilidades que ofrece este plugin, vamos a realizar ejercicios con dos elementos predise\u00f1ados (la secci\u00f3n de cabecera, y la de miembros del equipo) y con uno de los bloques m\u00e1s distintivos del plugin, el de cuadr\u00edcula de entradas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Secci\u00f3n de cabecera<\/h3>\n\n\n\n<p>La primera de las secciones con las que vamos a trabajar, denominada <strong>Cabecera h\u00e9roe<\/strong>, est\u00e1 formada a su vez por un <a href=\"https:\/\/atomicblocks.com\/blocks\/container-block\/\" target=\"_blank\" aria-label=\"bloque contenedor de Atomic Blocks (AB Container) (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">bloque contenedor de Atomic Blocks (<strong>AB Container<\/strong>)<\/a>, dentro del cual se insertan otros bloques que ya conocemos:<\/p>\n\n\n\n<ul><li>Bloque de titular.<\/li><li>Bloque de p\u00e1rrafo.<\/li><li>Bloque de bot\u00f3n.<\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>El bloque contenedor dispone de opciones que permiten determinar la imagen de fondo, el color de superposici\u00f3n y su opacidad, el margen exterior y el margen interior (\u00abrelleno\u00bb o \u00abpadding\u00bb), etc. Haciendo un uso inteligente de estas opciones, es muy f\u00e1cil crear bonitas y expresivas im\u00e1genes de cabecera, tal como muestra este <em>screencast<\/em>:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube caption-align-center wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"13. C\u00f3mo crear una cabecera Hero con Atomic Blocks\" width=\"800\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/1SQ-6siH9cs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>C\u00f3mo crear una cabecera Hero con Atomic Blocks<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Secci\u00f3n de miembros del equipo<\/h3>\n\n\n\n<p>Podemos repetir el procedimiento con otro elemento predise\u00f1ado, que en este caso ser\u00e1 el de la secci\u00f3n <strong>Miembros del equipo<\/strong>. Cuando lo insertemos, veremos que este es un dise\u00f1o mucho m\u00e1s complejo, formado por una jerarqu\u00eda de bloques anidados (<a aria-label=\"columnas avanzadas (opens in a new tab)\" href=\"https:\/\/atomicblocks.com\/blocks\/advanced-columns-block\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">columnas avanzadas<\/a>, contenedor, <a aria-label=\"cajas de perfil de autor (opens in a new tab)\" href=\"https:\/\/atomicblocks.com\/blocks\/author-profile-block\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">cajas de perfil de autor<\/a>, etc.), lo cual permite crear dise\u00f1os muy sofisticados. Al principio puede parecer complicado manejar esta estructura, pero una vez que practiquemos con ella no resultar\u00e1 tan dif\u00edcil.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bloque de cuadr\u00edcula de entradas<\/h3>\n\n\n\n<p>El tercer elemento de Atomic Blocks con el que vamos a practicar no es un dise\u00f1o predefinido, sino uno de los bloques m\u00e1s potentes de toda la colecci\u00f3n, que se llama <a aria-label=\"AB Post And Page Grid (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/atomicblocks.com\/blocks\/post-grid-block\/\" target=\"_blank\" class=\"ek-link\">AB Post And Page Grid<\/a>. Como,su nombre indica, este bloque permite generar cuadr\u00edculas de entradas muy elegantes y vistosas, que se pueden utilizar para crear listados de art\u00edculos, organizados por tipos de contenido, fechas, categorias, etc.<\/p>\n\n\n\n<p>Utilizados en lugares estrategicos del sitio web, como por ejemplo la p\u00e1gina principal, este bloque de cuadr\u00edculas es capaz de dar a cualquier sitio web un toque muy elegante y profesional.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Otros bloques de Atomic Blocks<\/h2>\n\n\n\n<p>Dado el escaso tiempo de que disponemos, es imposible mostrar c\u00f3mo se utilizan todos los bloques de este plugin. No obstante, los v\u00eddeos que ofrecemos a continuaci\u00f3n permitir\u00e1n que los alumnos y alumnas del curso se hagan una idea cabal de todas sus posibilidades y afiancen sus habilidades en el uso de los bloques de Atomic Blocks.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube caption-align-center wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Los Mejores Plugins para Gutenberg: Creando Bloques PRO para tu Sitio Web con Atomic Blocks\" width=\"800\" height=\"600\" src=\"https:\/\/www.youtube.com\/embed\/1XypOE3bAXk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Los mejores plugins para Gutenberg. 1. Atomic Blocks<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube caption-align-center wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Bloques para WordPress 5.1 | Atomic Blocks\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/tgdNa7ctPWc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Bloques para WordPRESS 5.1 | Atomic Blocks<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube caption-align-center wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"C\u00f3mo funciona Atomic Blocks, la colecci\u00f3n de bloques de Gutenberg\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/BaxV5JbRzZY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>C\u00f3mo funciona Atomic Blocks, la colecci\u00f3n de bloques de Gutenberg<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Demostraci\u00f3n pr\u00e1ctica y ejercicios de uso de los bloques de Atomic Blocks: ejemplos predise\u00f1ados, secciones, dise\u00f1os y cuadr\u00edcula de entradas. <\/p>\n","protected":false},"author":1,"featured_media":1997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":3,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[4],"tags":[33,14,46,56,26,48],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Uso de los bloques de Atomic Blocks - Curso de WordPress 2020<\/title>\n<meta name=\"description\" content=\"Demostraci\u00f3n pr\u00e1ctica y ejercicios de uso de los bloques de Atomic Blocks: ejemplos predise\u00f1ados, secciones, dise\u00f1os y cuadr\u00edcula de entradas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uso de los bloques de Atomic Blocks - Curso de WordPress 2020\" \/>\n<meta property=\"og:description\" content=\"Demostraci\u00f3n pr\u00e1ctica y ejercicios de uso de los bloques de Atomic Blocks: ejemplos predise\u00f1ados, secciones, dise\u00f1os y cuadr\u00edcula de entradas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2020\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-07T12:23:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-08T20:18:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1067\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/\"},\"author\":{\"name\":\"Administrador\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735\"},\"headline\":\"Uso de los bloques de Atomic Blocks\",\"datePublished\":\"2020-03-07T12:23:59+00:00\",\"dateModified\":\"2020-03-08T20:18:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/\"},\"wordCount\":920,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization\"},\"image\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg\",\"keywords\":[\"Atomic Blocks\",\"bloques\",\"cuadr\u00edcula\",\"plugins\",\"plugins de colecciones de bloques\",\"secciones\"],\"articleSection\":[\"Sesi\u00f3n 3\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/\",\"name\":\"Uso de los bloques de Atomic Blocks - Curso de WordPress 2020\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg\",\"datePublished\":\"2020-03-07T12:23:59+00:00\",\"dateModified\":\"2020-03-08T20:18:19+00:00\",\"description\":\"Demostraci\u00f3n pr\u00e1ctica y ejercicios de uso de los bloques de Atomic Blocks: ejemplos predise\u00f1ados, secciones, dise\u00f1os y cuadr\u00edcula de entradas.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg\",\"contentUrl\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg\",\"width\":1600,\"height\":1067,\"caption\":\"Estrellas de pl\u00e1stico\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sesi\u00f3n 3\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/categoria\/sesion-3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Uso de los bloques de Atomic Blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/\",\"name\":\"Curso de WordPress 2020\",\"description\":\"Curso de dise\u00f1o web avanzado para docentes\",\"publisher\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization\",\"name\":\"Departamento de Educaci\u00f3n, Gobierno de Navarra\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Departamento de Educaci\u00f3n, Gobierno de Navarra\"},\"image\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"caption\":\"Administrador\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Uso de los bloques de Atomic Blocks - Curso de WordPress 2020","description":"Demostraci\u00f3n pr\u00e1ctica y ejercicios de uso de los bloques de Atomic Blocks: ejemplos predise\u00f1ados, secciones, dise\u00f1os y cuadr\u00edcula de entradas.","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:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/","og_locale":"es_ES","og_type":"article","og_title":"Uso de los bloques de Atomic Blocks - Curso de WordPress 2020","og_description":"Demostraci\u00f3n pr\u00e1ctica y ejercicios de uso de los bloques de Atomic Blocks: ejemplos predise\u00f1ados, secciones, dise\u00f1os y cuadr\u00edcula de entradas.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/","og_site_name":"Curso de WordPress 2020","article_published_time":"2020-03-07T12:23:59+00:00","article_modified_time":"2020-03-08T20:18:19+00:00","og_image":[{"width":1600,"height":1067,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#article","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/"},"author":{"name":"Administrador","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735"},"headline":"Uso de los bloques de Atomic Blocks","datePublished":"2020-03-07T12:23:59+00:00","dateModified":"2020-03-08T20:18:19+00:00","mainEntityOfPage":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/"},"wordCount":920,"commentCount":1,"publisher":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization"},"image":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg","keywords":["Atomic Blocks","bloques","cuadr\u00edcula","plugins","plugins de colecciones de bloques","secciones"],"articleSection":["Sesi\u00f3n 3"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/","name":"Uso de los bloques de Atomic Blocks - Curso de WordPress 2020","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage"},"image":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg","datePublished":"2020-03-07T12:23:59+00:00","dateModified":"2020-03-08T20:18:19+00:00","description":"Demostraci\u00f3n pr\u00e1ctica y ejercicios de uso de los bloques de Atomic Blocks: ejemplos predise\u00f1ados, secciones, dise\u00f1os y cuadr\u00edcula de entradas.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#primaryimage","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg","contentUrl":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-content\/uploads\/2020\/03\/estrellas-plastico.jpg","width":1600,"height":1067,"caption":"Estrellas de pl\u00e1stico"},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/uso-de-los-bloques-de-atomic-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/"},{"@type":"ListItem","position":2,"name":"Sesi\u00f3n 3","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/categoria\/sesion-3\/"},{"@type":"ListItem","position":3,"name":"Uso de los bloques de Atomic Blocks"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/","name":"Curso de WordPress 2020","description":"Curso de dise\u00f1o web avanzado para docentes","publisher":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#organization","name":"Departamento de Educaci\u00f3n, Gobierno de Navarra","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/","url":"","contentUrl":"","caption":"Departamento de Educaci\u00f3n, Gobierno de Navarra"},"image":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/066ad5d4ca2974ba3ee57bd6f41ef735","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","caption":"Administrador"}}]}},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts\/1654"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/comments?post=1654"}],"version-history":[{"count":24,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts\/1654\/revisions"}],"predecessor-version":[{"id":2060,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/posts\/1654\/revisions\/2060"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/media\/1997"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/media?parent=1654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/categories?post=1654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/wp-json\/wp\/v2\/tags?post=1654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}