{"id":27105,"date":"2019-09-27T02:26:43","date_gmt":"2019-09-27T09:26:43","guid":{"rendered":"https:\/\/kinqsta.com\/?p=55649"},"modified":"2025-02-26T13:47:41","modified_gmt":"2025-02-26T12:47:41","slug":"tema-twenty-twenty","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/","title":{"rendered":"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress"},"content":{"rendered":"<p>Twenty Twenty es el nuevo <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-wordpress-rapidos\/\">tema predeterminado de WordPress<\/a> que viene con la <a href=\"https:\/\/kinqsta.com\/es\/blog\/wordpress-5-3\/\">\u00faltima versi\u00f3n de WordPress 5.3<\/a>. Como su predecesor <a href=\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, Twenty Twenty ha sido dise\u00f1ado con un enfoque especial en <a href=\"https:\/\/kinqsta.com\/es\/blog\/gutenberg-wordpress-editor\/\">Gutenberg<\/a>. Sin embargo, hay una gran diferencia entre los dos: Twenty Twenty no se construye desde cero, sino que se dise\u00f1a a partir de un tema existente de la comunidad de WordPress.<\/p>\n<p>Como nos encanta todo sobre WordPress, echemos un vistazo de cerca al nuevo tema Twenty Twenty, empezando con el archivo function.php , la hoja de estilos y las plantillas.<\/p>\n<p>Incluso si Twenty Twenty est\u00e1 lejos de ser algo estable &#8211; en el momento de escribir este art\u00edculo &#8211; con <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">muchos problemas<\/a> a\u00fan no resueltos, hoy compartiremos con ustedes nuestros primeros pensamientos sobre el nuevo tema predeterminado de WordPress.<\/p>\n<p>Vamos a sumergirnos en el tema de Twenty Twenty WordPress!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<figure style=\"width: 1800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/twenty-twenty-1.jpg\" alt=\"Twenty Twenty WordPress tema vista previa\" width=\"1800\" height=\"1657\"><figcaption class=\"wp-caption-text\">Twenty Twenty WordPress tema vista previa (Fuente de la imagen: <a href=\"https:\/\/make.wordpress.org\/core\/2019\/09\/06\/introducing-twenty-twenty\/\">Make WordPress Core<\/a>)<\/figcaption><\/figure>\n<h2 id=\"intro\">Introducci\u00f3n r\u00e1pida al tema de Twenty Twenty<\/h2>\n<p>Twenty Twenty se ha construido sobre <a href=\"https:\/\/www.andersnoren.se\/teman\/chaplin-wordpress-theme\/\">Chaplin<\/a>, un tema gratuito de WordPress de <a href=\"https:\/\/profiles.wordpress.org\/anlino\/\">Anders Nor\u00e9n<\/a>, que tambi\u00e9n es el responsable del dise\u00f1o del tema por defecto de WordPress 5.3.<\/p>\n<p>Chaplin est\u00e1 disponible para su descarga en el <a href=\"https:\/\/wordpress.org\/themes\/chaplin\/\">repositorio de WordPress.org<\/a> y, seg\u00fan Anders, ha sido construido con el Editor de Bloques en mente:<\/p>\n<blockquote><p>Chaplin es un tema de WordPress lleno de funciones que te da control total sobre las <a href=\"https:\/\/kinqsta.com\/es\/blog\/html-fuentes\/\">fuentes HTML<\/a> y los colores de su sitio. Est\u00e1 construido desde cero con el nuevo Editor de bloques en mente y facilita la creaci\u00f3n de dise\u00f1os atractivos tanto en los posts como en las p\u00e1ginas.<\/p><\/blockquote>\n<figure style=\"width: 1800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/chaplin.jpg\" alt=\"Tema de Chaplin WordPress\" width=\"1800\" height=\"2665\"><figcaption class=\"wp-caption-text\">Tema de Chaplin WordPress<\/figcaption><\/figure>\n<p>La misma filosof\u00eda se encuentra detr\u00e1s de Twenty Twenty: <strong>flexibilidad<\/strong>, <strong>claridad <\/strong>y <strong>legibilidad<\/strong> son las palabras clave de enfoque para el nuevo tema.<\/p>\n<p>Twenty Twenty viene con un dise\u00f1o \u00fanico de columna\u00a0 y tres plantillas de postproducci\u00f3n\/p\u00e1gina, con el objetivo de proporcionar <a href=\"https:\/\/kinqsta.com\/es\/blog\/roles-de-usuario\/\">WordPress ofrece a los administradores<\/a> y dise\u00f1adores <strong>la libertad de crear sus dise\u00f1os personalizados directamente en el Editor de bloques<\/strong>, aprovechando las alineaciones amplias y completas de los elementos de bloque como columnas, im\u00e1genes y la funci\u00f3n <a href=\"https:\/\/make.wordpress.org\/core\/2019\/04\/17\/whats-new-in-gutenberg-17th-april\/\">bloque de grupo<\/a> introducido con Gutenberg 5.5.<\/p>\n<p>Como explica Anders:<\/p>\n<blockquote><p>Twenty Twenty est\u00e1 dise\u00f1ado con flexibilidad en su centro. Si desea utilizarlo para una organizaci\u00f3n o un negocio, puede combinar columnas, grupos y medios con alineaciones amplias y completas para crear dise\u00f1os din\u00e1micos que muestren sus servicios o productos. Si quiere usarlo para un blog tradicional, la columna de contenido centrado lo hace perfecto para eso tambi\u00e9n.<\/p><\/blockquote>\n<p>Adem\u00e1s de eso, Twenty Twenty viene con un nuevo tipo de letra: <a href=\"https:\/\/rsms.me\/inter\/\">Inter<\/a>. Es un <a href=\"https:\/\/github.com\/rsms\/inter\">familia de fuentes gratuitas y abiertas<\/a> dise\u00f1adas por Rasmus Andersson espec\u00edficamente para la legibilidad de textos en may\u00fasculas y min\u00fasculas, especialmente con tama\u00f1os de fuente peque\u00f1os.<\/p>\n<figure style=\"width: 2208px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/inter-1.jpg\" alt=\"La familia tipogr\u00e1fica Interface\" width=\"2208\" height=\"1939\"><figcaption class=\"wp-caption-text\">La familia tipogr\u00e1fica Interface<\/figcaption><\/figure>\n<p>Inter da una personalidad m\u00e1s fuerte a los encabezados grandes, pero obtendr\u00e1 el m\u00e1ximo provecho cuando lo use con tama\u00f1os de texto alternados, como se muestra en la vista previa del tema de la entrada del blog WordPress.org:<\/p>\n<figure style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/twenty-twenty-sobremesa-1.jpg\" alt=\"Twenty Twenty tipograf\u00edas: impacto y legibilidad\" width=\"1440\" height=\"2111\"><figcaption class=\"wp-caption-text\">Twenty Twenty tipograf\u00edas: impacto y legibilidad<\/figcaption><\/figure>\n<p>M\u00e1s que un tema completo, Twenty Twenty es un tema que marca un nuevo paso importante hacia la evoluci\u00f3n futura de la interfaz de edici\u00f3n de WordPress. Twenty Twenty se basa esencialmente en el Editor de bloques para la edici\u00f3n y disposici\u00f3n del contenido, y en el Personalizador de temas para las personalizaciones de cabecera, pie de p\u00e1gina y adicionales.<\/p>\n<p>Dicho esto, es hora de que <a href=\"https:\/\/kinqsta.com\/es\/blog\/instalar-tema-wordpress\/\">instalar este tema de WordPress<\/a> y ejecutarlo.<\/p>\n<h2 id=\"installing-twenty-twenty\">C\u00f3mo Instalar Twenty Twenty<\/h2>\n<p>El pr\u00f3ximo tema por defecto ser\u00e1 el siguiente <a href=\"https:\/\/make.wordpress.org\/core\/5-3\/\">Plan de lanzamiento de WordPress 5.3<\/a>. Esto significa que, en el momento de escribir este art\u00edculo, Twenty Twenty a\u00fan no est\u00e1 disponible para su descarga en el Directorio Tem\u00e1tico de WordPress, ni tampoco lo encontrar\u00e1 fusionado en el n\u00facleo de WordPress 5.3 por un tiempo.<\/p>\n<p>De todos modos, puede descargar una versi\u00f3n en curso de Twenty Twenty en GitHub e instalarla en la versi\u00f3n estable actual de WordPress o conseguirla con WordPress 5.3. El repositorio Github ser\u00e1 obsoleto una vez que el tema se haya fusionado en <a href=\"https:\/\/kinqsta.com\/es\/docs\/soporte\/alcance-del-soporte\/alcance-del-soporte-para-wordpress-administrado\/\">de la base de datos<\/a>. Mientras tanto, es posible que desee guardar las siguientes fechas de la programaci\u00f3n de la versi\u00f3n 5.3 de WordPress:<\/p>\n<ul>\n<li>23 de septiembre de 2019: Beta 1<\/li>\n<li>30 de septiembre de 2019: Beta 2<\/li>\n<li>7 de octubre de 2019: Beta 3<\/li>\n<li>15 de octubre de 2019: Versi\u00f3n candidata 1<\/li>\n<li>22 de octubre de 2019: Versi\u00f3n candidata 2<\/li>\n<li>29 de octubre de 2019: Versi\u00f3n candidata 3<\/li>\n<li>5 de noviembre de 2019: Release candidate 4 (si es necesario)<\/li>\n<li><strong>12 de noviembre de 2019: Fecha l\u00edmite para la publicaci\u00f3n de WordPress 5.3.<\/strong><\/li>\n<\/ul>\n<p>Para empezar con Twenty Twenty, siga los pasos que se indican a continuaci\u00f3n:<\/p>\n<ol>\n<li>Obtenga el paquete zip de <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\">GitHub<\/a>.<\/li>\n<li>Suba el archivo zip a su instalaci\u00f3n de desarrollo en el directorio <a href=\"https:\/\/kinqsta.com\/es\/blog\/panel-control-administracion-wordpress\/\">WordPress dashboard<\/a> o a trav\u00e9s de <a href=\"https:\/\/kinqsta.com\/es\/blog\/como-usar-sftp\/\">SFTP.<\/a><\/li>\n<li>Vaya a <strong>Apariencia \u2192 Temas<\/strong> y haga clic en el bot\u00f3n<strong> Activar<\/strong> en la imagen de vista previa del tema.<\/li>\n<li>Vaya a <strong>Apariencia \u2192 Personalice<\/strong> para configurar Twenty Twenty.<\/li>\n<\/ol>\n<p>Y eso es todo! Ahora puede empezar a realizar sus pruebas en su o en su<a href=\"https:\/\/kinqsta.com\/es\/docs\/alojamiento-wordpress\/entorno-staging\/\"> sitio web<\/a> o en su <a href=\"https:\/\/kinqsta.com\/es\/blog\/instalar-wordpress-localmente\/\">el medio ambiente local<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>Twenty Twenty se encuentra actualmente en fase de desarrollo y <a href=\"https:\/\/github.com\/WordPress\/twentytwenty\/issues\">muchos problemas<\/a> a\u00fan no se han solucionado. No deber\u00eda usarlo en la producci\u00f3n.<\/p>\n<\/aside>\n\n<figure style=\"width: 1524px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/twenty-twenty-abierto-github-185-1.jpg\" alt=\"Un n\u00famero abierto sobre GitHub\" width=\"1524\" height=\"1390\"><figcaption class=\"wp-caption-text\">Un asunto abierto sobre GitHub<\/figcaption><\/figure>\n<p>Ahora que est\u00e1 listo para irse, sigamos adelante y sumerj\u00e1monos en el tema<strong> Twenty Twenty<\/strong> WordPress.<\/p>\n<h2 id=\"features\">Caracter\u00edsticas del tema T<strong>wenty Twenty<\/strong><\/h2>\n<p>Twenty Twenty no es un <a href=\"https:\/\/kinqsta.com\/es\/blog\/cambiar-tema-wordpress\/\">tema de WordPress<\/a> con todas las funciones, sino un tema recortado y m\u00ednimo cuyo objetivo es dar a los <a href=\"https:\/\/kinqsta.com\/es\/blog\/contratar-desarrollador-de-wordpress\/\">desarrolladores<\/a> y administradores de sitios la libertad de crear dise\u00f1os de contenido personalizados para sus mensajes y p\u00e1ginas. Como <a href=\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, Twenty Twenty ha sido construido para Gutenberg y depende principalmente del ciclo de vida de Gutenberg (m\u00e1s sobre este tema en <a href=\"https:\/\/wordpress.tv\/2019\/07\/04\/matt-mullenweg-matt-on-wordpress\/\">este video<\/a> de Matt Mullenweg en WCEU 2019).<\/p>\n<p>El tema soporta una serie de <a href=\"https:\/\/codex.wordpress.org\/Theme_Features\">caracter\u00edsticas del tema<\/a> como ancho de contenido (<code>580<\/code>), enlaces de alimentaci\u00f3n autom\u00e1ticos, <a href=\"https:\/\/kinqsta.com\/es\/blog\/regenerar-las-miniaturas\/\">miniaturas<\/a> de publicaciones, etiqueta de t\u00edtulo y varios elementos <a href=\"https:\/\/kinqsta.com\/es\/blog\/html-vs-html5\/#what-is-html5\">HTML5<\/a> (formulario de b\u00fasqueda, formulario de comentarios, lista de inicio, galer\u00eda y pie de foto).<\/p>\n<p>Otras caracter\u00edsticas a\u00f1aden opciones al <a href=\"https:\/\/developer.wordpress.org\/themes\/customize-api\/customizer-objects\/\">Personalizador de temas<\/a>. Estos incluyen <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-background\">fondos personalizados<\/a> y <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/add_theme_support\/#custom-logo\">logotipo personalizado<\/a>. Los fragmentos de c\u00f3digo que se muestran a continuaci\u00f3n muestran estas caracter\u00edsticas habilitadas en el archivo de funciones del tema:<\/p>\n<pre><code class=\"language-php\">\/\/ Custom background color\nadd_theme_support(\n\t'custom-background',\n\tarray(\n\t\t'default-color'\t=&gt; 'F5EFE0'\n\t)\n);<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Custom logo\nadd_theme_support(\n\t'custom-logo',\n\tarray(\n\t\t'height'      =&gt; 240,\n\t\t'width'       =&gt; 320,\n\t\t'flex-height' =&gt; true,\n\t\t'flex-width'  =&gt; true,\n\t\t'header-text' =&gt; array( 'site-title', 'site-description' ),\n\t)\n);<\/code><\/pre>\n<figure id=\"attachment_57626\" aria-describedby=\"caption-attachment-57626\" style=\"width: 2600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57626 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/personalizador-temas-twenty-twenty-2.jpg\" alt=\"El Personalizador de Temas en Twenty Twenty\" width=\"2600\" height=\"1380\"><figcaption id=\"caption-attachment-57626\" class=\"wp-caption-text\">El Personalizador de Temas en Twenty Twenty<\/figcaption><\/figure>\n<p>Twenty Twenty tambi\u00e9n apoya a algunos de <a href=\"https:\/\/developer.wordpress.org\/block-editor\/developers\/themes\/theme-support\/\">las caracter\u00edsticas espec\u00edficas de Gutenberg<\/a>. En primer lugar, el tema admite <strong>alineaciones amplias y de ancho completo<\/strong>:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images.\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>La <strong>paleta de colores del editor<\/strong> est\u00e1 habilitada si el usuario establece un color de acento en el Personalizador (habilitado por defecto):<\/p>\n<pre><code class=\"language-php\">\/\/ If we have accent colors, add them to the block editor palette\nif ( $editor_color_palette ) {\n\tadd_theme_support( 'editor-color-palette', $editor_color_palette );\n}<\/code><\/pre>\n<figure id=\"attachment_57629\" aria-describedby=\"caption-attachment-57629\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57629 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/color-personalizador-twenty-twenty-2.png\" alt=\"Color de fondo y color de acento en el Personalizador de temas\" width=\"297\" height=\"380\"><figcaption id=\"caption-attachment-57629\" class=\"wp-caption-text\">Color de fondo y color de acento en el Personalizador de temas<\/figcaption><\/figure>\n<p>El tema Twenty Twenty viene con cuatro <strong>tama\u00f1os de fuente de editor<\/strong> disponibles en el Editor de bloques:<\/p>\n<pre><code class=\"language-php\">\/\/ Gutenberg Font Sizes\nadd_theme_support( 'editor-font-sizes', array(\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Small', 'Name of the small font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 16,\n\t\t'slug' \t\t=&gt; 'small',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Regular', 'Name of the regular font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 18,\n\t\t'slug' \t\t=&gt; 'regular',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Large', 'Name of the large font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 24,\n\t\t'slug' \t\t=&gt; 'large',\n\t),\n\tarray(\n\t\t'name' \t\t=&gt; _x( 'Larger', 'Name of the larger font size in Gutenberg', 'twentytwenty' ),\n\t\t'shortName' =&gt; _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'twentytwenty' ),\n\t\t'size' \t\t=&gt; 32,\n\t\t'slug' \t\t=&gt; 'larger',\n\t),\n) );<\/code><\/pre>\n<figure id=\"attachment_57630\" aria-describedby=\"caption-attachment-57630\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57630 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tamanos-fuente-twenty-twenty.png\" alt=\"Tama\u00f1os de fuente en el bloque del editor Configuraci\u00f3n de texto\" width=\"280\" height=\"444\"><figcaption id=\"caption-attachment-57630\" class=\"wp-caption-text\">Tama\u00f1os de fuente en el bloque del editor Configuraci\u00f3n de texto<\/figcaption><\/figure>\n<p>Y eso es todo. El tema es bastante m\u00ednimo tambi\u00e9n en funcionalidad, pero es f\u00e1cilmente ampliable con un tema infantil, y lo veremos en un minuto.<\/p>\n<h2 id=\"appearance\">\u00bfC\u00f3mo personalizar la apariencia de Twenty Twenty?<\/h2>\n<p>Twenty Twenty viene libre de cualquier campana y silbatos, pero proporciona una gran flexibilidad cuando se utiliza en conjunto con Gutenberg (o con un buen <a href=\"https:\/\/kinqsta.com\/es\/blog\/constructores-pagina-wordpress\/\">constructor de p\u00e1ginas<\/a>).<\/p>\n<h3>Personalizando el tema de los Twenty Twenty<\/h3>\n<p>La <strong>Identidad del Sitio<\/strong> gestiona el <a href=\"https:\/\/kinqsta.com\/es\/blog\/ocultar-el-titulo-de-la-pagina-wordpress\/\">t\u00edtulo<\/a> y el eslogan, el logotipo y el icono del sitio. Puede activar\/desactivar todos estos elementos en la secci\u00f3n <strong>Identidad del Sitio<\/strong> del Personalizador:<\/p>\n<figure id=\"attachment_57631\" aria-describedby=\"caption-attachment-57631\" style=\"width: 464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57631 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/identidad-sitio-twenty-twenty-2.png\" alt=\"Identidad del sitio en la configuraci\u00f3n del Personalizador\" width=\"464\" height=\"508\"><figcaption id=\"caption-attachment-57631\" class=\"wp-caption-text\">Identidad del sitio en la configuraci\u00f3n del Personalizador<\/figcaption><\/figure>\n<p>La secci\u00f3n <strong>Plantilla de portada<\/strong> del Personalizador se encarga de la configuraci\u00f3n de personalizaci\u00f3n de la plantilla de<strong> portada<\/strong>. All\u00ed, encontrar\u00e1:<\/p>\n<ul>\n<li>Una opci\u00f3n para activar un efecto paralelo en la <a href=\"https:\/\/kinqsta.com\/es\/blog\/imagenes-fondo-wordpress\/\">imagen de fondo<\/a> (Imagen de fondo fija).<\/li>\n<li>Seleccionadores de color para establecer el color de fondo y el color de texto personalizados para la superposici\u00f3n de imagen destacada.<\/li>\n<li>\n<div class=\"phenom-desc\">\n<div class=\"comment-container\">\n<div class=\"action-comment markeddown js-comment\" dir=\"auto\">\n<div class=\"current-comment js-friendly-links js-open-card\">\n<p>Un control deslizante para controlar la sobreposici\u00f3n.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"phenom-reactions\"><\/div>\n<\/li>\n<\/ul>\n<figure id=\"attachment_57632\" aria-describedby=\"caption-attachment-57632\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57632 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/seccion-plantilla-cover-customizing-twenty-twenty-2.png\" alt=\"La secci\u00f3n Plantilla de Cover en el Customizing\" width=\"298\" height=\"690\"><figcaption id=\"caption-attachment-57632\" class=\"wp-caption-text\">La secci\u00f3n Plantilla de Cover en el Customizing<\/figcaption><\/figure>\n<p>La secci\u00f3n <strong>Men\u00fas<\/strong> ofrece cinco ubicaciones de men\u00fas. Puede incluir un men\u00fa horizontal normal en el encabezado (<strong>Men\u00fa Horizontal del Escritorio<\/strong>) y\/o un men\u00fa de navegaci\u00f3n conmutable (<strong>Men\u00fa ampliado del escritorio<\/strong>). El <strong>Men\u00fa M\u00f3vil<\/strong> es un men\u00fa espec\u00edfico para dispositivos m\u00f3viles, y el <strong>Men\u00fa Pie de P\u00e1gina<\/strong> y el <strong>Men\u00fa Social<\/strong> se encuentran en el pie de p\u00e1gina.<\/p>\n<figure id=\"attachment_57633\" aria-describedby=\"caption-attachment-57633\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57633 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/localizaciones-menus-twenty-twenty-2.png\" alt=\"Localizaciones de men\u00fas en Twenty Twenty\" width=\"298\" height=\"690\"><figcaption id=\"caption-attachment-57633\" class=\"wp-caption-text\">Localizaciones de men\u00fas en Twenty Twenty<\/figcaption><\/figure>\n<p>\u00a0<\/p>\n<p>El pie de p\u00e1gina maneja las ubicaciones del Men\u00fa Pie de P\u00e1gina y del Men\u00fa Social junto con dos \u00e1reas de widgets. La siguiente imagen muestra el pie de p\u00e1gina del tema con todos sus elementos en su lugar:<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2019\/09\/twenty-twenty-footer.png\" alt width=\"1600\" height=\"1014\"><figcaption class=\"wp-caption-text\">Pie de p\u00e1gina de la plantilla en Twenty Twenty<\/figcaption><\/figure>\n<p>Por \u00faltimo, la secci\u00f3n<strong> CSS adicional <\/strong>le permite incluir sus estilos personalizados.<\/p>\n<h3>Plantillas de una sola Publicaci\u00f3n\/P\u00e1gina<\/h3>\n<p>Cuando se trata de dise\u00f1os de publicaci\u00f3n y de p\u00e1ginas, puede elegir entre tres plantillas diferentes. Adem\u00e1s de la plantilla predeterminada, Twenty Twenty proporciona una <strong>plantilla de portada<\/strong> y una <strong>plantilla de ancho completo<\/strong> con la que puede jugar para personalizar el aspecto de su contenido.<\/p>\n<figure id=\"attachment_57634\" aria-describedby=\"caption-attachment-57634\" style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57634 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/fichas-publicacion-pagina-twenty-twenty-2.png\" alt=\"Fichas de una sola publicaci\u00f3n o p\u00e1gina en Twenty Twenty\" width=\"279\" height=\"223\"><figcaption id=\"caption-attachment-57634\" class=\"wp-caption-text\">Fichas de una sola publicaci\u00f3n o p\u00e1gina en Twenty Twenty<\/figcaption><\/figure>\n<h3>El Editor de Bloques en Twenty Twenty<\/h3>\n<p>Debido a su enfoque m\u00ednimo, la aparici\u00f3n de Twenty Twenty se basa principalmente en el Editor de Bloques. Hacemos nuestras pruebas en Twenty Twenty con la versi\u00f3n 6.4.0 de Gutenberg. Esta versi\u00f3n proporciona un buen n\u00famero de nuevas caracter\u00edsticas, mejoras y correcciones de errores que mejoraron significativamente la experiencia de edici\u00f3n.<\/p>\n<p>Algunos bloques son \u00fatiles, especialmente cuando se construyen sitios web de una sola p\u00e1gina. Bloques como <strong>Media &#038; Text y Cover<\/strong> han sido mejorados y ahora se ven muy bien cuando se trata de presentar productos y\/o profesionales. <a href=\"https:\/\/kinqsta.com\/es\/blog\/portafolio-online\/\">carteras<\/a>:<\/p>\n<figure style=\"width: 2558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/medios-texto.jpg\" alt=\"Bloque de medios y texto\" width=\"2558\" height=\"1296\"><figcaption class=\"wp-caption-text\">Bloque de medios y texto (completo con alineaci\u00f3n)<\/figcaption><\/figure>\n<p>A\u00fan as\u00ed, como Gutenberg es un proyecto en progreso, puede que quiera echar un vistazo a algunos de los plugins m\u00e1s populares que permiten a\u00f1adir m\u00e1s bloques al editor.<\/p>\n<p>Aqu\u00ed hay una lista r\u00e1pida de plugins que puede valer la pena probar:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\">Bloques Gutenberg<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/coblocks\/\">CoBloques<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stackable-ultimate-gutenberg-blocks\/\">Apilable<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\">Bloques At\u00f3micos<\/a>.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\">Avanzado Gutenberg<\/a><\/li>\n<\/ul>\n<p>El Personalizador de Temas y el Editor de Bloques hacen un gran trabajo cuando se trata de la personalizaci\u00f3n de la apariencia y el dise\u00f1o, pero un tema hijo podr\u00eda darle un mayor control sobre el aspecto de sus p\u00e1ginas.<\/p>\n<h2 id=\"child-theming\">C\u00f3mo Crear un Tema Child (Hijo) para el tema Twenty Twenty<\/h2>\n<p>Construir temas hijo para WordPress puede ser divertido y tambi\u00e9n una buena manera de empezar una carrera como <a href=\"https:\/\/kinqsta.com\/es\/blog\/salario-desarrollador-wordpress\/\">WordPress desarrollador de temas<\/a> y Twenty Twenty podr\u00eda ser un gran tema de los padres al construir los temas hijo en WordPress. As\u00ed que, \u00bfpor qu\u00e9 no lo intenta? \ud83d\ude09<\/p>\n<p>Si no sabe por d\u00f3nde empezar con los temas hijo, aseg\u00farese de consultar nuestra gu\u00eda ampliada sobre <a href=\"https:\/\/kinqsta.com\/es\/blog\/temas-child-wordpress\/\">C\u00f3mo crear un tema hijo en WordPress<\/a>.<\/p>\n<p>Ahora, construyamos nuestro primer tema hijo para Twenty Twenty!<\/p>\n<p>Cree un nuevo directorio bajo <code>wp-content\/themes<\/code> y n\u00f3mbrelo con el nombre de <code>twentytwenty-child<\/code> o lo que quiera.<\/p>\n<p>Busque <code>wp-content\/themes\/twentytwentytwenty-child<\/code> y cree un nuevo archivo <code>style.css<\/code> con el siguiente encabezado:<\/p>\n<pre><code class=\"language-css\">\/*\nTheme Name: My Twenty Twenty Child Theme\nTheme URI: https:\/\/example.com\nDescription: A child theme for Twenty Twenty.\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\/\nTemplate: twentytwenty\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/code><\/pre>\n<p>A continuaci\u00f3n, tenemos que incluir la hoja de estilo del tema de los padres. En el mismo directorio, cree el siguiente archivo<code>functions.php<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/* enqueue scripts and style from parent theme *\/        \nfunction twentytwenty_styles() {\n\twp_enqueue_style( 'parent', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'twentytwenty_styles');<\/code><\/pre>\n<p>Ahora vaya a <strong>Apariencia \u2192 Temas<\/strong> y active su tema hijo. Ahora puede empezar con sus personalizaciones.<\/p>\n<figure id=\"attachment_57636\" aria-describedby=\"caption-attachment-57636\" style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57636 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/activar-tema-hijo-twenty-twenty-2.jpg\" alt=\"Activar el tema hijo\" width=\"1680\" height=\"762\"><figcaption id=\"caption-attachment-57636\" class=\"wp-caption-text\">Activar el tema hijo<\/figcaption><\/figure>\n<p>Puede cambiar casi cualquier cosa en Twenty Twenty, desde a\u00f1adir plantillas personalizadas hasta a\u00f1adir sus estilos personalizados o cambiar los estilos predeterminados del tema.<\/p>\n<p>Aqu\u00ed le mostrar\u00e9 c\u00f3mo crear una nueva plantilla personalizada para mensajes y p\u00e1ginas individuales.<\/p>\n<h3>C\u00f3mo agregar una plantilla de publicaci\u00f3n\/p\u00e1gina personalizada en\u00a0Twenty Twenty<\/h3>\n<p>Hasta ahora, hemos creado un tema hijo para Twenty Twenty y hemos adjuntado los estilos del tema padre a la hoja de estilos del tema hijo. En el siguiente ejemplo, nos desharemos del encabezado y el pie de p\u00e1gina, dejando espacio para el cuerpo de la p\u00e1gina en un archivo de plantilla de publicaci\u00f3n\/p\u00e1gina.<\/p>\n<h3>Paso 1<\/h3>\n<p>Copie y pegue los siguientes archivos del tema principal al directorio del tema secundario:<\/p>\n<ul>\n<li>templates\/template-full-width.php<\/li>\n<li>header.php<\/li>\n<li>footer.php<\/li>\n<\/ul>\n<h3>Paso 2<\/h3>\n<p>Renombre <code>template-full-width.php<\/code> a <code>template-canvas.php<\/code> (o lo que quiera). Abra el archivo, elimine el contenido actual y pegue lo siguiente:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/*\nTemplate Name: Canvas Template\nTemplate Post Type: post, page\n*\/\nget_template_part( 'singular' );<\/code><\/pre>\n<p><strong>Nombre de la plantilla<\/strong> establece el nombre del archivo de plantilla como lo ver\u00e1 en el Editor de bloques, mientras que <strong>Tipo de plantilla de correo<\/strong> define los tipos de puestos que soportan este archivo de plantilla. La funci\u00f3n <code>get_template_part<\/code> carga el archivo <code>singular.php<\/code> del tema padre (no necesitamos una copia de este archivo en el tema hijo).<\/p>\n<p>Vaya al panel de WordPress y cree una nueva entrada. Ahora deber\u00eda encontrar una plantilla de p\u00e1gina adicional en la secci\u00f3n<strong> Atributos de publicaci\u00f3n.<\/strong><\/p>\n<figure id=\"attachment_57637\" aria-describedby=\"caption-attachment-57637\" style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-57637 size-full\" src=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/patron-atributos-publicacion-twenty-twenty-2.png\" alt=\"Un nuevo patr\u00f3n disponible en Atributos de publicaci\u00f3n\" width=\"280\" height=\"246\"><figcaption id=\"caption-attachment-57637\" class=\"wp-caption-text\">Un nuevo patr\u00f3n disponible en Atributos de publicaci\u00f3n<\/figcaption><\/figure>\n<h3>Paso 3<\/h3>\n<p>Y ahora viene la parte divertida. Abra <code>header.php<\/code> en su <a href=\"https:\/\/kinqsta.com\/es\/blog\/mejores-editores-texto\/\">editor de texto<\/a> favorito y envuelva el elemento <code>header<\/code> dentro de la siguiente declaraci\u00f3n <code>if<\/code>:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;header id=\"site-header\" class=\"header-footer-group\" role=\"banner\"&gt;\n\t\t...\n\t&lt;\/header&gt;&lt;!-- #site-header --&gt;\n\n\t&lt;?php \n\t\/\/ Output the menu modal\n\tget_template_part( 'template-parts\/modal-menu' );\n}<\/code><\/pre>\n<p>Este c\u00f3digo comprueba <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\">si la plantilla de p\u00e1gina<\/a> no es <code>templates\/template-canvas.php<\/code>. Si la plantilla de p\u00e1gina <strong>es<\/strong> <code>templates\/template-canvas.php<\/code>, entonces no incluir\u00e1 el encabezado del sitio y el men\u00fa modal.<\/p>\n<p>Del mismo modo, podemos eliminar el pie de p\u00e1gina de una p\u00e1gina de un mensaje cuando la plantilla de p\u00e1gina activa es nuestro lienzo. S\u00f3lo tiene que a\u00f1adir la misma condici\u00f3n en <code>footer.php<\/code> como se muestra a continuaci\u00f3n:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( ! is_page_template( array( 'templates\/template-canvas.php' ) ) ) {\n?&gt;\n\t&lt;footer id=\"site-footer\" role=\"contentinfo\" class=\"header-footer-group\"&gt;\n\t...\n\t&lt;\/footer&gt;&lt;!-- #site-footer --&gt;\n&lt;?php } ?&gt;\n\t&lt;?php wp_footer(); ?&gt;\n\n    &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Puede <a href=\"https:\/\/github.com\/carlodaniele\/twentytwenty-child\">descargar el c\u00f3digo de este ejemplo aqu\u00ed<\/a>.<\/p>\n<p>Ahora cree un nuevo mensaje o p\u00e1gina, seleccione la plantilla de lienzo en los <strong>Atributos de Mensaje\/P\u00e1gina<\/strong> y compruebe la p\u00e1gina en el sitio principal.<\/p>\n\n<h2>Resumen<\/h2>\n<p>Twenty Twenty es un tema minimalista de WordPress, con un solo dise\u00f1o de columnas. La forma en que lo usaremos depender\u00e1 en gran medida de la evoluci\u00f3n del Editor de bloques. Como dice Anders expresivamente:<\/p>\n<blockquote><p>\u00abLa promesa del Block Editor es dar a los usuarios la libertad de dise\u00f1ar y estructurar sus sitios como mejor les parezca\u00bb.<\/p><\/blockquote>\n<p>A continuaci\u00f3n <a href=\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-nineteen\/\">Twenty Nineteen<\/a>, el nuevo tema por defecto Twenty Twenty es el segundo de una nueva generaci\u00f3n de temas cuyo objetivo es \u00abpermitir la construcci\u00f3n de sitios web sin edici\u00f3n manual de c\u00f3digo\u00bb. Los sitios de WordPress que utilizan el tema Twenty Twenty tienen todo tipo de formas y tama\u00f1os. Para saber si un tema utiliza Twenty Twenty, comprueba nuestra pr\u00e1ctica <a href=\"https:\/\/kinqsta.com\/es\/herramientas\/wordpress-detector-temas\/\">herramienta de detecci\u00f3n de temas de WordPress<\/a>.<\/p>\n<p>Si cree que Gutenberg todav\u00eda no es completamente fiable para sus proyectos, puede a\u00f1adir los bloques que necesitar\u00e1 con plugins como los que se listan arriba. O, simplemente, puede adoptar un <a href=\"https:\/\/kinqsta.com\/es\/blog\/constructores-pagina-wordpress\/\">constructor de p\u00e1ginas de terceros<\/a>.<\/p>\n<p>Hasta ahora: \u00a1instale el nuevo tema predeterminado de WordPress, juegue con \u00e9l, y h\u00e1ganos saber lo que piensa aqu\u00ed en los comentarios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twenty Twenty es el nuevo tema predeterminado de WordPress que viene con la \u00faltima versi\u00f3n de WordPress 5.3. Como su predecesor Twenty Nineteen, Twenty Twenty ha &#8230;<\/p>\n","protected":false},"author":36,"featured_media":27150,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[486,172],"topic":[1355],"class_list":["post-27105","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","topic-temas-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress<\/title>\n<meta name=\"description\" content=\"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress\" \/>\n<meta property=\"og:description\" content=\"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-27T09:26:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T12:47:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress\",\"datePublished\":\"2019-09-27T09:26:43+00:00\",\"dateModified\":\"2025-02-26T12:47:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\"},\"wordCount\":2748,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\",\"url\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\",\"name\":\"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png\",\"datePublished\":\"2019-09-27T09:26:43+00:00\",\"dateModified\":\"2025-02-26T12:47:41+00:00\",\"description\":\"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinqsta.com\/es\/secciones\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/es\/#website\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinqsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinqsta.com\/es\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress","description":"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!","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:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/","og_locale":"es_ES","og_type":"article","og_title":"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress","og_description":"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!","og_url":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2019-09-27T09:26:43+00:00","article_modified_time":"2025-02-26T12:47:41+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!","twitter_image":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"16 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress","datePublished":"2019-09-27T09:26:43+00:00","dateModified":"2025-02-26T12:47:41+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/"},"wordCount":2748,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png","keywords":["Gutenberg","WordPress"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/","url":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/","name":"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress","isPartOf":{"@id":"https:\/\/kinqsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png","datePublished":"2019-09-27T09:26:43+00:00","dateModified":"2025-02-26T12:47:41+00:00","description":"WordPress 5.3 introdujo Twenty Twenty, un tema centrado en el Editor de Bloques Gutenberg. Aprenda todas las caracter\u00edsticas clave del tema Twenty Twenty,!","breadcrumb":{"@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#primaryimage","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2019\/09\/tema-twenty-twenty.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/es\/blog\/tema-twenty-twenty\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinqsta.com\/es\/secciones\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Twenty Twenty: Una introducci\u00f3n al nuevo tema predeterminado de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/es\/#website","url":"https:\/\/kinqsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinqsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinqsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinqsta.com\/es\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/27105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/comments?post=27105"}],"version-history":[{"count":16,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/27105\/revisions"}],"predecessor-version":[{"id":43794,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/posts\/27105\/revisions\/43794"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/translations\/dk"},{"href":"https:\/\/kinqsta.com\/es\/wp-json\/kinsta\/v1\/posts\/27105\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media\/27150"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/media?parent=27105"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/tags?post=27105"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/es\/wp-json\/wp\/v2\/topic?post=27105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}