{"id":8127,"date":"2022-10-09T19:00:00","date_gmt":"2022-10-09T17:00:00","guid":{"rendered":"https:\/\/valencia.wordcamp.org\/2022\/?p=8127"},"modified":"2022-10-09T09:29:13","modified_gmt":"2022-10-09T07:29:13","slug":"tipografia-fluida-en-wordpress","status":"publish","type":"post","link":"https:\/\/valencia.wordcamp.org\/2022\/tipografia-fluida-en-wordpress\/","title":{"rendered":"Tipograf\u00eda fluida en WordPress"},"content":{"rendered":"\n<div class=\"wp-block-columns ubicacion-columna-principal is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:1%\">\n<h1 class=\"wp-block-heading\">Tipograf\u00eda fluida en WordPress<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Ponente: Ana Cirujano<\/h2>\n\n\n\n<p>Para conseguir que el tama\u00f1o de la tipograf\u00eda se adapte al dispositivo, antes us\u00e1bamos media queries y declar\u00e1bamos distintos tama\u00f1os de fuente seg\u00fan el ancho de la pantalla del dispositivo.<\/p>\n\n\n\n<p>Actualmente, existe una manera m\u00e1s eficaz y m\u00e1s f\u00e1cil de implementar: la tipograf\u00eda fluida.<\/p>\n\n\n\n<p>Veremos en qu\u00e9 consiste, qu\u00e9 ventajas tiene y c\u00f3mo se implementa en WordPress.<\/p>\n\n\n\n<p>Es una charla-taller en la que explicar\u00e9, paso a paso y sin perder a nadie por el camino, el c\u00f3digo CSS que hay que utilizar (la funci\u00f3n Clamp).<\/p>\n\n\n\n<p>Conoceremos herramientas que nos ayudan a escribir el c\u00f3digo correctamente (la funci\u00f3n Clamp es dif\u00edcil de entender a simple vista), y veremos una demostraci\u00f3n en directo.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/Ana-Cirujano-WCVLC-2022-1024x1024.jpg\" alt=\"Ana Cirujano WCVLC 2022\" class=\"wp-image-7968\" width=\"512\" height=\"512\" srcset=\"https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/Ana-Cirujano-WCVLC-2022-1024x1024.jpg 1024w, https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/Ana-Cirujano-WCVLC-2022-300x300.jpg 300w, https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/Ana-Cirujano-WCVLC-2022-150x150.jpg 150w, https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/Ana-Cirujano-WCVLC-2022-768x768.jpg 768w, https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/Ana-Cirujano-WCVLC-2022.jpg 1200w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/valencia.wordcamp.org\/2022\/session\/tipografia-fluida-en-wordpress\/\">Saber m\u00e1s<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tipograf\u00eda fluida en WordPress Ponente: Ana Cirujano Para conseguir que el tama\u00f1o de la tipograf\u00eda se adapte al dispositivo, antes us\u00e1bamos media queries y declar\u00e1bamos distintos tama\u00f1os de fuente seg\u00fan el ancho de la pantalla del dispositivo. Actualmente, existe una manera m\u00e1s eficaz y m\u00e1s f\u00e1cil de implementar: la tipograf\u00eda fluida. Veremos en qu\u00e9 consiste,&hellip; <a class=\"more-link\" href=\"https:\/\/valencia.wordcamp.org\/2022\/tipografia-fluida-en-wordpress\/\">Seguir leyendo <span class=\"screen-reader-text\">Tipograf\u00eda fluida en WordPress<\/span><\/a><\/p>\n","protected":false},"author":16236779,"featured_media":7968,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1079871],"tags":[],"class_list":["post-8127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias","entry"],"jetpack_featured_media_url":"https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/Ana-Cirujano-WCVLC-2022.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts\/8127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/users\/16236779"}],"replies":[{"embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/comments?post=8127"}],"version-history":[{"count":3,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts\/8127\/revisions"}],"predecessor-version":[{"id":8132,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/posts\/8127\/revisions\/8132"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/media\/7968"}],"wp:attachment":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/media?parent=8127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/categories?post=8127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/tags?post=8127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}