{"id":717,"date":"2019-03-26T21:40:06","date_gmt":"2019-03-26T20:40:06","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/?p=717"},"modified":"2019-04-04T20:58:48","modified_gmt":"2019-04-04T18:58:48","slug":"propiedades-avanzadas-de-los-bloques","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/","title":{"rendered":"Propiedades avanzadas de los bloques"},"content":{"rendered":"\n<p class=\"has-drop-cap\">En este art\u00edculo vamos a analizar un aspecto de uso de los bloques del nuevo editor de WordPress al que todav\u00eda no hemos prestado la debida atenci\u00f3n. Nos referimos a la opci\u00f3n \u00abAvanzado\u00bb, que aparece en \u00faltimo lugar en la columna de propiedades de los bloques, y mediante la cual se puede modificar su apariencia. Para ello es necesario acudir al uso de t\u00e9cnicas especiales, que explicamos a continuaci\u00f3n.<\/p>\n\n\n\n<h2>1. Las propiedades avanzadas de los bloques<\/h2>\n\n\n\n<p>La opci\u00f3n <strong>Avanzado<\/strong> de las propiedades de los bloques muestra un campo desde el cual se pueden invocar <a rel=\"noreferrer noopener\" aria-label=\"estilos CSS (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/es.wikipedia.org\/wiki\/Hoja_de_estilos_en_cascada\" target=\"_blank\">estilos CSS<\/a>. Gracias a estos estilos es posible modificar totalmente la apariencia de uno o varios bloques. Para conseguirlo, basta con escribir en el campo titulado \u00abClase CSS adicional\u00bb el nombre del estilo o clase CSS; si se quieren utilizar varias clases a la vez, estas deben estar separadas por un espacio.<\/p>\n\n\n\n<p>Por tanto, si se han definido dos clases CSS denominadas <code>.bloque-azul<\/code> y <code>.bloque-con-borde-negro<\/code> y se quieren aplicar ambas clases a un bloque, lo que hay que escribir en el campo \u00abClase CSS adicional\u00bb es lo siguiente:<\/p>\n\n\n\n<p><code>bloque-azul bloque-con-borde-negro<\/code>.<\/p>\n\n\n\n<p>Debe tenerse en cuenta que la opci\u00f3n <strong>Avanzado<\/strong> solo permite llamar a los estilos, pero no dispone de ning\u00fan medio para crearlos. Por tanto, quien quiera utilizar esta funcionalidad, ha de valerse de alguna de las t\u00e9cnicas que hacen posible utilizar estilos CSS en WordPress. Existen varias, pero la \u00fanica que est\u00e1 disponible para todos los usuarios administradores en los sitios web alojados en los servidores del PNTE es la que hace uso del personalizador de temas de WordPress.<\/p>\n\n\n\n<p>No es este el lugar para explicar en detalle c\u00f3mo se escribe c\u00f3digo CSS en el personalizador de temas, pero baste decir por ahora que, para acceder a dicha funcionalidad, hay que iniciar sesi\u00f3n con el rol de administrador e  ir al men\u00fa <em>Apariencia<\/em> &gt; <em>Personalizar<\/em> &gt; <em> CSS adicional<\/em>, desde donde se pueden crear los estilos necesarios.<\/p>\n\n\n\n<p style=\"background-color:#ff0000;color:#ffffff\" class=\"has-text-color has-background\"><b>Advertencia muy importante<\/b>: la edici\u00f3n de estilos CSS debe utilizarse con cuidado, ya que un estilo mal definido puede estropear o modificar negativamente la apariencia del sitio web.<\/p>\n\n\n\n<h2>2. Algunos ejemplos de estilos CSS<\/h2>\n\n\n\n<p>Como ilustraci\u00f3n de la t\u00e9cnica que acabamos de explicar, hemos creado tres bloques a los que hemos aplicado sendos estilos CSS:<\/p>\n\n\n\n<ul><li>El primero es un p\u00e1rrafo al que se ha aplicado una clase CSS definida a tal efecto, denominada <code>.bloque-recuadrado<\/code>. Bajo el p\u00e1rrafo de ejemplo puede verse el c\u00f3digo correspondiente, que se ha creado mediante el personalizador de temas, desde el men\u00fa <em>Apariencia<\/em> &gt; <em>Personalizar<\/em> &gt; <em>CSS adicional<\/em>.<\/li><li>El segundo es un titular <code>&lt;h2&gt;<\/code> de fondo negro y texto de color blanco. En este caso, la clase CSS se llama <code>.titular-negro<\/code>, y tambi\u00e9n se ha definido mediante el personalizador de temas.<\/li><li>El tercero es un p\u00e1rrafo al que se ha a\u00f1adido un icono vectorial, tomado de la fuente <a rel=\"noreferrer noopener\" aria-label=\"Dashicons (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/developer.wordpress.org\/resource\/dashicons\/\" target=\"_blank\">Dashicons<\/a>. A este icono se le ha aplicado una animaci\u00f3n, a su vez adaptada de los ejemplos que ofrece <a rel=\"noreferrer noopener\" aria-label=\"WAIT! Animate (abre en una nueva pesta\u00f1a)\" href=\"http:\/\/waitanimate.wstone.io\/\" target=\"_blank\">WAIT! Animate<\/a>.<\/li><\/ul>\n\n\n\n<p>El resultado de los bloques puede verse a continuaci\u00f3n. Tras cada uno de los bloques hemos incluido el correspondiente c\u00f3digo CSS.<\/p>\n\n\n\n<p class=\"bloque-recuadrado\">Sed varius, eros et sagittis sagittis, purus lacus volutpat nisi, id lacinia justo tellus in lorem. Integer mollis libero at fringilla mollis. Praesent eu nisl mi.&nbsp; <\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; auto-links: false; title: ; notranslate\" title=\"\">\n\/* Bloque rojo recuadrado con guiones y con texto negro*\/\n\n.bloque-recuadrado {\n\tfont-size: x-large;\n\tcolor: white;\n\tpadding: 10px;\n\tbackground-color: #dc143c;\n\tborder: 5px;\n\tborder-style: dashed;\n\tborder-color: black;\n\tbox-shadow: 5px 10px #888888;\n}\n<\/pre><\/div>\n\n\n<h2 class=\"titular-negro\">Sed varius, eros et sagittis sagittis <\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\n\/* Titular de color amarillo con fondo negro *\/\n\n.titular-negro {\n\tcolor: yellow;\n\tbackground-color: black;\n\tpadding: 10px;\n}\n<\/pre><\/div>\n\n\n<p class=\"has-larger-font-size\">Al final de este p\u00e1rrafo aparece el icono de un tel\u00e9fono que vibra como si estuviera sonando. <span class=\"dashicons dashicons-phone ring\"><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; auto-links: false; title: ; notranslate\" title=\"\">\n\/* Efecto de vibraci\u00f3n *\/\n\n.ring {\n  animation: ring_9612 2.4s ease infinite;\n  color: red;\n  font-size: 200%;\n}\n\n@keyframes ring_9612 {\n  0% { transform: r\u00f3tate(-15deg) }\n  1.66667% { transform: rotate(15deg) }\n  3.33333% { transform: rotate(-18deg) }\n  5% { transform: rotate(18deg) }\n  6.66667% { transform: rotate(-22deg) }\n  8.33333% { transform: rotate(22deg) }\n  10% { transform: rotate(-18deg) }\n  11.66667% { transform: rotate(18deg) }\n  13.33333% { transform: rotate(-12deg) }\n  15% { transform: rotate(12deg) }\n  16.66667% { transform: rotate(0deg) }\n  100% { transform: rotate(0deg) }\n}\n<\/pre><\/div>\n\n\n<h2>3. La potencia de los estilos CSS<\/h2>\n\n\n\n<p>Los estilos definidos en el personalizado de temas de WordPress se pueden aplicar tantas veces como convenga, no solo a cualquier bloque de cualquier art\u00edculo, sino tambi\u00e9n a otros elementos, como widgets, entradas de men\u00fas, etc. La potencia y versatilidad de esta t\u00e9cnica es indiscutible, aunque al mismo tiempo exige una cuidadosa planificaci\u00f3n.<\/p>\n\n\n\n<h2>4. Recursos sobre CSS<\/h2>\n\n\n\n<p>Para dominar el uso de los estilos CSS hay que emplear mucho tiempo y dedicaci\u00f3n. Como estos recursos son, a menudo, bienes muy escasos, recomendamos utilizar alguna de entre las muchas herramientas online que permiten generar, de forma visual e intuitiva, los estilos necesarios. En la p\u00e1gina <a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/recursos\/\">Recursos<\/a> hemos incluido media docena de referencias.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.<\/p>\n","protected":false},"author":1,"featured_media":1104,"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":[45,44,46],"post_formats":[],"featured_image_urls":{"full":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1600,1001,false],"thumbnail":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-150x150.jpg",150,150,true],"medium":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-300x188.jpg",300,188,true],"medium_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-768x480.jpg",768,480,true],"large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-1024x641.jpg",1024,641,true],"1536x1536":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1536,961,false],"2048x2048":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1600,1001,false],"sidebar-featured-thumb":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-70x60.jpg",70,60,true],"featured-image":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-800x400.jpg",800,400,true],"header-hero":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-1600x800.jpg",1600,800,true],"gb-block-post-grid-landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"gb-block-post-grid-square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_landscape_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_portrait_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_square_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_portrait":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false]},"post_excerpt_stackable":"<p>Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.<\/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":"1 comentario","featured_image_urls_v2":{"full":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1600,1001,false],"thumbnail":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-150x150.jpg",150,150,true],"medium":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-300x188.jpg",300,188,true],"medium_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-768x480.jpg",768,480,true],"large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-1024x641.jpg",1024,641,true],"1536x1536":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1536,961,false],"2048x2048":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1600,1001,false],"sidebar-featured-thumb":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-70x60.jpg",70,60,true],"featured-image":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-800x400.jpg",800,400,true],"header-hero":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-1600x800.jpg",1600,800,true],"gb-block-post-grid-landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"gb-block-post-grid-square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_landscape_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_portrait_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_square_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_portrait":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false]},"post_excerpt_stackable_v2":"<p>Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.<\/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":"1 comentario","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Propiedades avanzadas de los bloques - Curso de WordPress 2019<\/title>\n<meta name=\"description\" content=\"Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.\" \/>\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\/propiedades-avanzadas-de-los-bloques\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Propiedades avanzadas de los bloques - Curso de WordPress 2019\" \/>\n<meta property=\"og:description\" content=\"Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2019\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-26T20:40:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-04T18:58:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1001\" \/>\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=\"4 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\/propiedades-avanzadas-de-los-bloques\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/\"},\"author\":{\"name\":\"Administrador\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/person\/39f49d9f740a0960ec990947e57f591b\"},\"headline\":\"Propiedades avanzadas de los bloques\",\"datePublished\":\"2019-03-26T20:40:06+00:00\",\"dateModified\":\"2019-04-04T18:58:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/\"},\"wordCount\":710,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization\"},\"keywords\":[\"estilos CSS\",\"opciones avanzadas de los bloques\",\"personalizador de temas\"],\"articleSection\":[\"Sesi\u00f3n 3\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/\",\"name\":\"Propiedades avanzadas de los bloques - Curso de WordPress 2019\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#website\"},\"datePublished\":\"2019-03-26T20:40:06+00:00\",\"dateModified\":\"2019-04-04T18:58:48+00:00\",\"description\":\"Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Propiedades avanzadas de los bloques\"}]},{\"@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":"Propiedades avanzadas de los bloques - Curso de WordPress 2019","description":"Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.","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\/propiedades-avanzadas-de-los-bloques\/","og_locale":"es_ES","og_type":"article","og_title":"Propiedades avanzadas de los bloques - Curso de WordPress 2019","og_description":"Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/","og_site_name":"Curso de WordPress 2019","article_published_time":"2019-03-26T20:40:06+00:00","article_modified_time":"2019-04-04T18:58:48+00:00","og_image":[{"width":1600,"height":1001,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/#article","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/"},"author":{"name":"Administrador","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#\/schema\/person\/39f49d9f740a0960ec990947e57f591b"},"headline":"Propiedades avanzadas de los bloques","datePublished":"2019-03-26T20:40:06+00:00","dateModified":"2019-04-04T18:58:48+00:00","mainEntityOfPage":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/"},"wordCount":710,"commentCount":1,"publisher":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#organization"},"keywords":["estilos CSS","opciones avanzadas de los bloques","personalizador de temas"],"articleSection":["Sesi\u00f3n 3"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/","name":"Propiedades avanzadas de los bloques - Curso de WordPress 2019","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/#website"},"datePublished":"2019-03-26T20:40:06+00:00","dateModified":"2019-04-04T18:58:48+00:00","description":"Modificaci\u00f3n avanzada de la apariencia de los bloques, mediante estilos CSS definidos desde el personalizador de temas de WordPress.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/propiedades-avanzadas-de-los-bloques\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/"},{"@type":"ListItem","position":2,"name":"Propiedades avanzadas de los bloques"}]},{"@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\/03\/brochas-de-pintura.jpg","featured_image_src_square":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg","guten_post_layout_featured_media_urls":{"full":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1600,1001,false],"thumbnail":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-150x150.jpg",150,150,true],"medium":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-300x188.jpg",300,188,true],"medium_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-768x480.jpg",768,480,true],"large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-1024x641.jpg",1024,641,true],"1536x1536":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1536,961,false],"2048x2048":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1600,1001,false],"sidebar-featured-thumb":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-70x60.jpg",70,60,true],"featured-image":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-800x400.jpg",800,400,true],"header-hero":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura-1600x800.jpg",1600,800,true],"gb-block-post-grid-landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"gb-block-post-grid-square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_landscape_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_portrait_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_square_large":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",1200,751,false],"guten_post_layout_landscape":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_portrait":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false],"guten_post_layout_square":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-content\/uploads\/2019\/03\/brochas-de-pintura.jpg",600,375,false]},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/posts\/717"}],"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=717"}],"version-history":[{"count":55,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/posts\/717\/revisions"}],"predecessor-version":[{"id":1601,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/posts\/717\/revisions\/1601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/media\/1104"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/media?parent=717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/categories?post=717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/tags?post=717"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2019\/wp-json\/wp\/v2\/post_formats?post=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}