{"id":6808,"date":"2022-09-22T20:02:28","date_gmt":"2022-09-22T18:02:28","guid":{"rendered":"https:\/\/valencia.wordcamp.org\/2022\/?post_type=wcb_session&#038;p=6808"},"modified":"2022-10-25T18:58:35","modified_gmt":"2022-10-25T16:58:35","slug":"tipografia-fluida-en-wordpress","status":"publish","type":"wcb_session","link":"https:\/\/valencia.wordcamp.org\/2022\/session\/tipografia-fluida-en-wordpress\/","title":{"rendered":"Tipograf\u00eda fluida en WordPress"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-6d257fe9 wp-block-columns-is-layout-flex\" style=\"padding-right:8%;padding-left:8%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns 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-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:66.66%\">\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\n\n\n<h4 class=\"wp-block-heading\">Horario de la ponencia:<\/h4>\n\n\n\n<p>De 11:30h a 12:15h. Track 2. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>P\u00fablico al que va dirigido:<\/strong><\/h5>\n\n\n\n<p>Avanzado, desarrolladoras frontend, maquetadoras, implementadoras que sepan algo de CSS<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-wordpress-tv wp-block-embed-wordpress-tv wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='750' height='422' src='https:\/\/video.wordpress.com\/embed\/nUI6Qsxa?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1658470809'><\/script>\n<\/div><\/figure>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/WCVLC2022-Ana-Cirujano.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Incrustado de Ana Cirujano WCVLC22 .\"><\/object><a id=\"wp-block-file--media-085bfc4a-0a72-4cfe-9273-078d4334da3a\" href=\"https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/WCVLC2022-Ana-Cirujano.pdf\">Ana Cirujano WCVLC22 <\/a><a href=\"https:\/\/valencia.wordcamp.org\/2022\/files\/2022\/10\/WCVLC2022-Ana-Cirujano.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-085bfc4a-0a72-4cfe-9273-078d4334da3a\">Descarga<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#ebebeb;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:33.33%\"><figure style=\"width:256px;height:256px;\" class=\"aligncenter is-style-rounded wp-block-wordcamp-avatar\"><img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/83b21ee2f405251b0d09d91c3b56764b8ef19fd81cae4954dacd1520a7ab26cc?s=256&amp;d=mm&amp;r=g\" alt=\"Ana Cirujano\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading\">Ponente:<br>Ana Cirujano<\/h2>\n\n\n\n<p>Ana Cirujano es dise\u00f1adora de negocio digital, especializada en tipograf\u00eda, branding y WordPress. Organiza la Torrelodones WordPress Meetup y participa en la Comunidad WordPress desde 2017.<\/p>\n\n\n\n<p>Es embajadora de marca de Piensa Solutions.<\/p>\n\n\n\n<p>Todos los lunes a las 10:30h emite en directo en Twitch y YouTube con Pablo Moratinos el programa Un billete a Chattanooga. Ambos ense\u00f1an dise\u00f1o, marketing y negocios online con WordPress en una academia online de microlearning: 3ymedia School.<\/p>\n\n\n\n<ul class=\"wp-block-social-links has-small-icon-size is-horizontal is-content-justification-left is-layout-flex wp-container-core-social-links-is-layout-7e5fce0a wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-twitter  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/twitter.com\/acirujano\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Twitter<\/span><\/a><\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\"><a href=\"\/2022\/programa\" data-type=\"URL\" data-id=\"\/programa\"><strong>Ver el programa completo<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<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. Actualmente, existe una manera m\u00e1s eficaz y m\u00e1s f\u00e1cil de implementar: la tipograf\u00eda fluida. Veremos en qu\u00e9 consiste, qu\u00e9 ventajas tiene y c\u00f3mo se implementa&hellip; <a class=\"more-link\" href=\"https:\/\/valencia.wordcamp.org\/2022\/session\/tipografia-fluida-en-wordpress\/\">Seguir leyendo <span class=\"screen-reader-text\">Tipograf\u00eda fluida en WordPress<\/span><\/a><\/p>\n","protected":false},"author":15412659,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1666431000,"_wcpt_session_duration":2700,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[6140],"footnotes":""},"session_track":[1079850],"session_category":[],"class_list":["post-6808","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-2","entry"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"22\/10\/2022","time":"11:30 am"},"session_speakers":[{"id":"6140","slug":"ana-cirujano","name":"Ana Cirujano","link":"https:\/\/valencia.wordcamp.org\/2022\/speaker\/ana-cirujano\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/6808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":7,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/6808\/revisions"}],"predecessor-version":[{"id":9320,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/6808\/revisions\/9320"}],"speakers":[{"embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/speakers\/6140"}],"author":[{"embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wporg\/v1\/users\/acirujano"}],"wp:attachment":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/media?parent=6808"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/session_track?post=6808"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/session_category?post=6808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}