{"id":568,"date":"2019-03-26T21:50:51","date_gmt":"2019-03-26T20:50:51","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/?p=568"},"modified":"2019-04-01T22:27:31","modified_gmt":"2019-04-01T20:27:31","slug":"los-bloques-reutilizables","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/","title":{"rendered":"Los bloques reutilizables"},"content":{"rendered":"\n<p class=\"has-drop-cap\">Durante la primera sesi\u00f3n de este curso ya explicamos el concepto de bloque reutilizable y vimos c\u00f3mo se crean estos bloques desde el interfaz del nuevo editor de WordPress. El procedimiento para conseguirlo no puede ser m\u00e1s simple, ya que consiste en situarse sobre el bloque que interese, hacer clic sobre el icono de opciones del bloque (el que tiene forma de tres puntos alineados en vertical) y seleccionar la opci\u00f3n \u00abA\u00f1adir a los bloques reutilizables\u00bb. Una vez realizada esta operaci\u00f3n, el bloque ya se puede utilizar tantas veces como se desee, a modo de miniplantilla de contenido.  <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Cuando se trabaja con bloques reutilizables, lo m\u00e1s habitual es crearlos a partir de un \u00fanico bloque. Sin embargo, conviene tener en cuenta que un bloque reutilizable puede crearse tambi\u00e9n a partir de varios bloques diferentes, lo cual permite definir bloques complejos que posteriormente podr\u00e1n ser reaprovechados cuantas veces sea necesario. La selecci\u00f3n de varios bloques se puede realizar mediante el gesto de selecci\u00f3n del rat\u00f3n, o con una acci\u00f3n de selecci\u00f3n m\u00faltiple de teclado y rat\u00f3n (pulsando la tecla <strong>May\u00fasculas<\/strong> a la vez que se hace clic).. <\/p>\n\n\n\n<h2>1. Para qu\u00e9 se pueden utilizar los bloques reutilizables<\/h2>\n\n\n\n<p>Las posibilidades de los bloques reutilizables son pr\u00e1cticamente ilimitadas, pero sobe todo son \u00fatiles cuando hay que utilizar un dise\u00f1o complejo en diversas ocasiones. Por ejemplo, en los siguientes casos:<\/p>\n\n\n\n<ul><li>Bloques de llamadas de atenci\u00f3n, advertencias, avisos importantes, etc.<\/li><li>Elementos que solicitan una interacci\u00f3n con el usuario: botones, bloques de llamada a la acci\u00f3n, etc. <\/li><li>Formularios de contacto y otros tipos de formularios. <\/li><li>Tablas.<\/li><li>Dise\u00f1os en columnas.<\/li><li>Galer\u00edas de im\u00e1genes con dise\u00f1os complejos.<\/li><li>Titulares vistosos.<\/li><li>Listados de elementos repetidos: \u00faltimas entradas, \u00faltimos comentarios, entradas de una o varias categor\u00edas, etc.<\/li><li>Im\u00e1genes de cabecera.<\/li><li>Im\u00e1genes de fondo.<\/li><li>Bloques de c\u00f3digo HTML.<\/li><li> Dise\u00f1os de p\u00e1ginas de aterrizaje, p\u00e1ginas de inicio y otras p\u00e1ginas complejas. <\/li><li>etc.<\/li><\/ul>\n\n\n\n<h2>2. Gesti\u00f3n de los bloques reutilizables<\/h2>\n\n\n\n<p>Tal como hemos explicado en otros art\u00edculos de este curso, la p\u00e1gina de gesti\u00f3n de los bloques reutilizables no es directamente accesible desde el backend de WordPress. La \u00fanica forma de llegar a ella es ir a las opciones generales del editor, pulsar en el icono de los tres puntos verticales, y seleccionar la opci\u00f3n \u201cGestionar todos los bloques reutilizables\u201d (esta mismo enlace tambi\u00e9n est\u00e1 disponible al final de la secci\u00f3n de bloques reutilizables del insertador de bloques). <\/p>\n\n\n\n<p>Ahora bien, siempre es posible acceder a la p\u00e1gina de gesti\u00f3n de los bloques si se conoce su URL. Para averiguarla, hay que apuntar a la p\u00e1gina de gesti\u00f3n de p\u00e1ginas, y sustituir el \u00faltimo elemento de la URL por <code>wp_block<\/code>. Por tanto, si la URL de gesti\u00f3n de p\u00e1ginas es<code>http:\/\/blogsfad.educacion.navarra.es\/usuarioxxx\/wp-admin\/edit.php?post_type=page<\/code>, la URL de gesti\u00f3n de los bloques reutilizables ser\u00e1 <code>http:\/\/blogsfad.educacion.navarra.es\/usuarioxxx\/wp-admin\/edit.php?post_type=wp_block<\/code><\/p>\n\n\n\n<h3>2.1. Creaci\u00f3n de un men\u00fa de acceso a la p\u00e1gina de gesti\u00f3n de los bloques reutilizables<\/h3>\n\n\n\n<p>Cualquiera de los procedimientos que acabamos de describir resulta farragoso, de modo que hemos buscado una soluci\u00f3n para conseguir un acceso m\u00e1s \u00e1gil y transparente. Despu\u00e9s de cierto tiempo de b\u00fasquedas y pruebas, finalmente hemos encontrado la soluci\u00f3n gracias a la t\u00e9cnica descrita en el art\u00edculo<a rel=\"noreferrer noopener\" href=\"https:\/\/davidwalsh.name\/wordpress-admin-add-menu-item\" target=\"_blank\">&nbsp;Add Menu Items to the WordPress Admin Menu<\/a>., cuyo c\u00f3digo, convenientemente adaptado a nuestros prop\u00f3sitos, hemos activado mediante el plugin&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\">Code Snippets<\/a>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; auto-links: false; title: ; notranslate\" title=\"\">\nfunction elarequi_add_reusable_blocks_admin_menu_item() {\n  add_posts_page(__('Bloques reutilizables'), __('Bloques reutilizables'), 'manage_options', 'edit.php?post_type=wp_block');\n}\nadd_action('admin_menu', 'elarequi_add_reusable_blocks_admin_menu_item');\n<\/pre><\/div>\n\n\n<h3>2.2. Edici\u00f3n de los bloques reutilizables<\/h3>\n\n\n\n<p>Una vez que se accede a la p\u00e1gina de gesti\u00f3n de los bloques reutilizable,se puede editar cualquier bloque de la misma manera que se edita una entrada o p\u00e1gina de WordPress. Hay que tener en cuenta, no obstante, que si se modifica un bloque reutilizable,<strong> este se modificar\u00e1 en todos los lugares donde se haya insertado<\/strong>. No obstante, existe un procedimiento para modificar un bloque reutilizable sin aplicar los cambios a todos los lugares donde aparezca, que explicaremos m\u00e1s adelante.<\/p>\n\n\n\n<h2>3. Creaci\u00f3n de un bloque reutilizable<\/h2>\n\n\n\n<p>Proponemos a los alumnos y alumnas de este curso que practiquen la t\u00e9cnica de los bloques reutilizables mediante un ejemplo muy sencillo, siguiendo los pasos que detallamos a continuaci\u00f3n:<\/p>\n\n\n\n<ol><li>Crear una entrada en modo borrador. Da igual su t\u00edtulo.<\/li><li>A\u00f1adir a dicha entrada un \u00fanico bloque de la secci\u00f3n Widgets, el de \u00abUltimas entradas\u00bb\u00bb.<\/li><li>Este bloque ser\u00e1 configurado con las siguientes opciones:<ul><li>Disposici\u00f3n en vista de cuadr\u00edcula.<\/li><li>N\u00famero de elementos: 4.<\/li><li>N\u00famero de columnas: 2.<\/li><\/ul><\/li><li>Una vez creado y configurado el bloque (que tendr\u00e1 un aspecto parecido al que se muestra al final de este ep\u00edgrafe), este se guardar\u00e1 como un bloque reutilizable, con el nombre \u00ab\u00daltimas entradas en cuadr\u00edcula\u00bb.<\/li><li>Finalmente, este bloque se insertar\u00e1 en al menos un par de las entradas creadas durante la segunda sesi\u00f3n del curso.<\/li><\/ol>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-2 wp-block-latest-posts\"><li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/documentacion-y-recursos\/\">Documentaci\u00f3n y recursos<\/a><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/gutenberg-en-situaciones-especiales\/\">Gutenberg en situaciones especiales<\/a><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/desactivacion-de-gutenberg\/\">Desactivaci\u00f3n de Gutenberg<\/a><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/problemas-del-nuevo-editor-de-wordpress\/\">Problemas del nuevo editor de WordPress<\/a><\/li>\n<\/ul>\n\n\n<h2>4. Aplicaci\u00f3n de estilos al bloque reutilizable<\/h2>\n\n\n\n<p>Para modificar el aspecto del bloque que acabamos de crear, le vamos a aplicar un sencillo estilo, mediante el c\u00f3digo que incluimos a continuaci\u00f3n:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; auto-links: false; title: ; notranslate\" title=\"\">\n\/* Estilo para un bloque azul, recuadrado en gris y con texto blanco *\/\n\n.bloque-azul {\n\tbackground-color: aquamarine;\n\tcolor: black;\n\tborder-color: black;\n\tborder: 1px;\n\tborder-style: solid;\n\tpadding: 10px !important;;\n}\n\n.bloque-azul a {\n\tcolor: black;\n}\n<\/pre><\/div>\n\n\n<p>Este estilo deber\u00e1 activarse desde el personalizador de temas de WordPress, al cual se accede desde el men\u00fa <em>Apariencia<\/em> &gt; <em>Personalizar<\/em> &gt; <em>CSS adicional<\/em>. Una vez hecho esto, hay que ir a las propiedades avanzadas del bloque y a\u00f1adir al campo \u00ab\u00a8Clase CSS adicional\u00bb, el nombre de la clase CSS, sin el punto inicial: <code>bloque-azul<\/code>. Una vez realizada dicha operaci\u00f3n, el bloque tendr\u00e1 el siguiente aspecto:<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-2 bloque-azul wp-block-latest-posts\"><li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/documentacion-y-recursos\/\">Documentaci\u00f3n y recursos<\/a><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/gutenberg-en-situaciones-especiales\/\">Gutenberg en situaciones especiales<\/a><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/desactivacion-de-gutenberg\/\">Desactivaci\u00f3n de Gutenberg<\/a><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/problemas-del-nuevo-editor-de-wordpress\/\">Problemas del nuevo editor de WordPress<\/a><\/li>\n<\/ul>\n\n\n<p>Por supuesto, este es un ejemplo muy modesto y sencillo. Con un manejo creativo de los bloques reutilizables y con buenos conocimientos de CSS, las posibilidades son infinitas.<\/p>\n\n\n\n<h2>5. Conversi\u00f3n de un bloque reutilizable a bloque normal<\/h2>\n\n\n\n<p>Ya hemos indicado que, si se edita un bloque reutilizable, este queda modificado en todos los los lugares donde ha sido insertado. Para utilizar un bloque reutilizable y al mismo tiempo realizar cambios en \u00e9l, hay que hacer lo siguiente:<\/p>\n\n\n\n<ul><li>Insertar el bloque reutilizable de manera normal.<\/li><li>Una vez insertado, seleccionar la opci\u00f3n \u00abConvertir a bloque normal\u00bb.<\/li><li>Realizar los cambios que sean necesarios.<\/li><\/ul>\n\n\n\n<p>Podemos ver este uso en el ejemplo que ya hemos utilizado un par de veces en esta p\u00e1gina. y que de nuevo incluimos a continuaci\u00f3n. En este caso, hemos insertado el bloque reutilizable  <br>\u00ab\u00daltimas entradas en cuadr\u00edcula\u00bb y a continuaci\u00f3n lo hemos convertido a bloque normal, tras lo cual hemos activado en el bloque la opci\u00f3n de que se muestre la fecha de las entradas:<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-2 has-dates bloque-azul wp-block-latest-posts\"><li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/documentacion-y-recursos\/\">Documentaci\u00f3n y recursos<\/a><time datetime=\"2019-04-02T17:35:33+02:00\" class=\"wp-block-latest-posts__post-date\">2 de abril de 2019<\/time><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/gutenberg-en-situaciones-especiales\/\">Gutenberg en situaciones especiales<\/a><time datetime=\"2019-04-01T22:20:09+02:00\" class=\"wp-block-latest-posts__post-date\">1 de abril de 2019<\/time><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/desactivacion-de-gutenberg\/\">Desactivaci\u00f3n de Gutenberg<\/a><time datetime=\"2019-04-01T20:04:24+02:00\" class=\"wp-block-latest-posts__post-date\">1 de abril de 2019<\/time><\/li>\n<li><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/problemas-del-nuevo-editor-de-wordpress\/\">Problemas del nuevo editor de WordPress<\/a><time datetime=\"2019-04-01T12:57:58+02:00\" class=\"wp-block-latest-posts__post-date\">1 de abril de 2019<\/time><\/li>\n<\/ul>\n\n\n<p>No hace falta decir que, si se realiza esta operaci\u00f3n, el bloque insertado no se actualizar\u00e1 en caso de que se hagan cambios en el bloque reutilizable. <\/p>\n\n\n\n<h2>6. Exportaci\u00f3n e importaci\u00f3n de bloques<\/h2>\n\n\n\n<p>Los bloques reutilizables se pueden exportar e importar desde la p\u00e1gina de gesti\u00f3n de este tipo de bloques. Para exportar un bloque, basta con hacer clic en la opci\u00f3n \u00abExportar como JSON\u00bb, que aparece al pasar el rat\u00f3n por encima del nombre del bloque.<\/p>\n\n\n\n<p>Si lo que se desea es importar un bloque, entonces hay que hacer clic en el bot\u00f3n \u00abImportar de JSON\u00bb. En caso de que se importe un bloque con el mismo nombre de otro que ya existe, el bloque se duplicar\u00e1, lo cual es muy \u00fatil para disponer de dos o m\u00e1s versiones de un mismo bloque con las diferencias que sean necesarias en cada caso. <\/p>\n\n\n\n<p>Mediante las operaciones de exportaci\u00f3n e importaci\u00f3n de bloques, es posible transferir los bloques de un sitio web a otro, lo cual permite reaprovechar el trabajo de dise\u00f1o y maximizar as\u00ed la productividad.<\/p>\n\n\n\n<p>Para los alumnos y alumnas interesados en los aspectos m\u00e1s t\u00e9cnicos de este procedimiento, incluimos a continuaci\u00f3n el contenido del fichero de exportaci\u00f3n .JSON del bloque \u00ab\u00daltimas entradas en cuadr\u00edcula\u00bb:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; auto-links: false; title: ; notranslate\" title=\"\">\n{\n  &quot;__file&quot;: &quot;wp_block&quot;,\n  &quot;title&quot;: &quot;\u00daltimas entradas en cuadr\u00edcula&quot;,\n  &quot;content&quot;: &quot;&amp;lt;!-- wp:latest-posts {\\&quot;postsToShow\\&quot;:4,\\&quot;postLayout\\&quot;:\\&quot;grid\\&quot;,\\&quot;columns\\&quot;:2} \/--&gt;&quot;\n}\n<\/pre><\/div>\n\n\n<h2>7. Conversi\u00f3n de un bloque reutilizable en un widget<\/h2>\n\n\n\n<p>Hay algunos plugins que mejoran el trabajo de reaprovechamiento propio de los bloques reutilizables, ya que permiten que estos puedan ser utilizados como widgets. Uno de los que lleva a cabo esta tarea es el plugin <a rel=\"noreferrer noopener\" href=\"https:\/\/es.wordpress.org\/plugins\/reusable-gutenberg-blocks-widget\/\" target=\"_blank\">Reusable Gutenberg Blocks Widget<\/a>. Con este plugin, cualquier bloque reutilizable que haya sido definido en un sitio web puede ser utilizado como un widget. Si el tiempo de la tercera sesi\u00f3n lo permite, haremos alguna demostraci\u00f3n de su uso.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.<\/p>\n","protected":false},"author":1,"featured_media":1262,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_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":[5],"tags":[38,47],"post_formats":[],"featured_image_urls":{"full":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1600,1075,false],"thumbnail":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-150x150.jpg",150,150,true],"medium":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-300x202.jpg",300,202,true],"medium_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-768x516.jpg",768,516,true],"large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-1024x688.jpg",1024,688,true],"1536x1536":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1536,1032,false],"2048x2048":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1600,1075,false],"sidebar-featured-thumb":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-70x60.jpg",70,60,true],"featured-image":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-800x400.jpg",800,400,true],"header-hero":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-1600x800.jpg",1600,800,true],"gb-block-post-grid-landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",595,400,false],"gb-block-post-grid-square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false],"guten_post_layout_landscape_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1191,800,false],"guten_post_layout_portrait_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1200,806,false],"guten_post_layout_square_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1200,806,false],"guten_post_layout_landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",595,400,false],"guten_post_layout_portrait":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false],"guten_post_layout_square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false]},"post_excerpt_stackable":"<p>Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.<\/p>\n","category_list":"<a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/categoria\/sesion-3\/\" rel=\"category tag\">Sesi\u00f3n 3<\/a>","author_info":{"display_name":"Administrador","author_link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/author\/superadminpnte\/"},"comments_num":"3 comentarios","featured_image_urls_v2":{"full":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1600,1075,false],"thumbnail":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-150x150.jpg",150,150,true],"medium":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-300x202.jpg",300,202,true],"medium_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-768x516.jpg",768,516,true],"large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-1024x688.jpg",1024,688,true],"1536x1536":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1536,1032,false],"2048x2048":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1600,1075,false],"sidebar-featured-thumb":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-70x60.jpg",70,60,true],"featured-image":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-800x400.jpg",800,400,true],"header-hero":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-1600x800.jpg",1600,800,true],"gb-block-post-grid-landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",595,400,false],"gb-block-post-grid-square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false],"guten_post_layout_landscape_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1191,800,false],"guten_post_layout_portrait_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1200,806,false],"guten_post_layout_square_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1200,806,false],"guten_post_layout_landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",595,400,false],"guten_post_layout_portrait":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false],"guten_post_layout_square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false]},"post_excerpt_stackable_v2":"<p>Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.<\/p>\n","category_list_v2":"<a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/categoria\/sesion-3\/\" rel=\"category tag\">Sesi\u00f3n 3<\/a>","author_info_v2":{"name":"Administrador","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/author\/superadminpnte\/"},"comments_num_v2":"3 comentarios","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Los bloques reutilizables - Curso de WordPress 2019<\/title>\n<meta name=\"description\" content=\"Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.\" \/>\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\/cursowp2019\/los-bloques-reutilizables\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Los bloques reutilizables - Curso de WordPress 2019\" \/>\n<meta property=\"og:description\" content=\"Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2019\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-26T20:50:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-01T20:27:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1075\" \/>\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=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/\"},\"author\":{\"name\":\"Administrador\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/person\/39f49d9f740a0960ec990947e57f591b\"},\"headline\":\"Los bloques reutilizables\",\"datePublished\":\"2019-03-26T20:50:51+00:00\",\"dateModified\":\"2019-04-01T20:27:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/\"},\"wordCount\":1414,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization\"},\"keywords\":[\"bloques reutilizables\",\"gesti\u00f3n de bloques reutilizables\"],\"articleSection\":[\"Sesi\u00f3n 3\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/\",\"name\":\"Los bloques reutilizables - Curso de WordPress 2019\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#website\"},\"datePublished\":\"2019-03-26T20:50:51+00:00\",\"dateModified\":\"2019-04-01T20:27:31+00:00\",\"description\":\"Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Los bloques reutilizables\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/\",\"name\":\"Curso de WordPress 2019\",\"description\":\"Curso sobre WordPress en el CAP de Pamplona\",\"publisher\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization\",\"name\":\"Departamento de Educaci\u00f3n, Gobierno de Navarra\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/logotipo_educacion_bilingue_rojo_800px.png\",\"contentUrl\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/logotipo_educacion_bilingue_rojo_800px.png\",\"width\":800,\"height\":92,\"caption\":\"Departamento de Educaci\u00f3n, Gobierno de Navarra\"},\"image\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/person\/39f49d9f740a0960ec990947e57f591b\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/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":"Los bloques reutilizables - Curso de WordPress 2019","description":"Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.","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\/cursowp2019\/los-bloques-reutilizables\/","og_locale":"es_ES","og_type":"article","og_title":"Los bloques reutilizables - Curso de WordPress 2019","og_description":"Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/","og_site_name":"Curso de WordPress 2019","article_published_time":"2019-03-26T20:50:51+00:00","article_modified_time":"2019-04-01T20:27:31+00:00","og_image":[{"width":1600,"height":1075,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#article","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/"},"author":{"name":"Administrador","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/person\/39f49d9f740a0960ec990947e57f591b"},"headline":"Los bloques reutilizables","datePublished":"2019-03-26T20:50:51+00:00","dateModified":"2019-04-01T20:27:31+00:00","mainEntityOfPage":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/"},"wordCount":1414,"commentCount":3,"publisher":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization"},"keywords":["bloques reutilizables","gesti\u00f3n de bloques reutilizables"],"articleSection":["Sesi\u00f3n 3"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/","name":"Los bloques reutilizables - Curso de WordPress 2019","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#website"},"datePublished":"2019-03-26T20:50:51+00:00","dateModified":"2019-04-01T20:27:31+00:00","description":"Creaci\u00f3n y gesti\u00f3n de los bloques reutilizables en el nuevo editor de WordPress. Pr\u00e1cticas de uso de los bloques reutilizables en los sitios de pr\u00e1cticas.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/los-bloques-reutilizables\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/"},{"@type":"ListItem","position":2,"name":"Los bloques reutilizables"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/","name":"Curso de WordPress 2019","description":"Curso sobre WordPress en el CAP de Pamplona","publisher":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization","name":"Departamento de Educaci\u00f3n, Gobierno de Navarra","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/logo\/image\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/logotipo_educacion_bilingue_rojo_800px.png","contentUrl":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/logotipo_educacion_bilingue_rojo_800px.png","width":800,"height":92,"caption":"Departamento de Educaci\u00f3n, Gobierno de Navarra"},"image":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/person\/39f49d9f740a0960ec990947e57f591b","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/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"}}]}},"featured_image_src":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg","featured_image_src_square":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg","guten_post_layout_featured_media_urls":{"full":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1600,1075,false],"thumbnail":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-150x150.jpg",150,150,true],"medium":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-300x202.jpg",300,202,true],"medium_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-768x516.jpg",768,516,true],"large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-1024x688.jpg",1024,688,true],"1536x1536":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1536,1032,false],"2048x2048":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1600,1075,false],"sidebar-featured-thumb":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-70x60.jpg",70,60,true],"featured-image":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-800x400.jpg",800,400,true],"header-hero":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios-1600x800.jpg",1600,800,true],"gb-block-post-grid-landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",595,400,false],"gb-block-post-grid-square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false],"guten_post_layout_landscape_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1191,800,false],"guten_post_layout_portrait_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1200,806,false],"guten_post_layout_square_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",1200,806,false],"guten_post_layout_landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",595,400,false],"guten_post_layout_portrait":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false],"guten_post_layout_square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/02\/andamios.jpg",600,403,false]},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/posts\/568"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":23,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/posts\/568\/revisions"}],"predecessor-version":[{"id":1304,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/posts\/568\/revisions\/1304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/media\/1262"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/media?parent=568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/categories?post=568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/tags?post=568"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/post_formats?post=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}