{"id":19487,"date":"2018-11-08T06:04:39","date_gmt":"2018-11-08T14:04:39","guid":{"rendered":"https:\/\/kinsta.com\/?p=34914"},"modified":"2025-02-25T13:24:41","modified_gmt":"2025-02-25T12:24:41","slug":"tema-twenty-nineteen","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/","title":{"rendered":"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 5.0<\/a> est\u00e1 a la vuelta de la esquina, y muchos de nosotros estamos emocionados y preocupados al mismo tiempo. <a href=\"https:\/\/kinsta.com\/es\/blog\/gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a> trae un gran cambio en la forma en que usamos WordPress, y definitivamente hay un poco de preocupaci\u00f3n sobre lo que podr\u00eda pasar con nuestros sitios web si actualizamos nuestras instalaciones sin hacer pruebas antes. Pero no se preocupe, tenemos un articulo sobre c\u00f3mo <a href=\"https:\/\/kinsta.com\/es\/blog\/deshabilitar-gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener noreferrer\">deshabilitar el editor de Gutenberg para WordPress<\/a> (incluso si es un cambio temporal) para poder prevenir que los temas y plugins que no son soportados terminen quebrando sus sitios web.<\/p>\n<p>Podr\u00eda sorprenderle saber de que nosotros ya estamos utilizando WordPress 5.0. \u00a1Pero as\u00ed es! Como Matt declar\u00f3 en el blog <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/03\/a-plan-for-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress<\/a>.<\/p>\n<blockquote><p>\u201cSi mantenemos la versi\u00f3n de 5.0 estrictamente en 4.9.8+ Gutenberg, tendremos un lanzamiento que es grande y al mismo tiempo no es un gran evento en t\u00e9rminos de nuevo c\u00f3digo. Todo ha sido probado en batalla. De alguna forma, 5.0 est\u00e1 listo para salir al mundo, con algunos hosts que piensan a futuro, gente que ya est\u00e1 instalando y activando Gutenberg para nuevas instalaciones.\u201d<\/p><\/blockquote>\n<p>Esto quiere decir que ya tenemos WordPress 5.0 activado en nuestros servidores: simplemente es WordPress 4.9.8 con Gutenberg como su fuente. En realidad, eso no es todo, porque WordPress 5.0 viene con un complemento adicional, cual es el <strong>nuevo tema Twenty Nineteen<\/strong>.<\/p>\n<figure style=\"width: 1553px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/tema-twenty-nineteen-para-wordpress.jpg\" alt=\"Tema Twenty Nineteen para WordPress.\" width=\"1553\" height=\"1429\"><figcaption class=\"wp-caption-text\">Tema Twenty Nineteen para WordPress.<\/figcaption><\/figure>\n<p>As\u00ed que adentr\u00e9monos y veamos qu\u00e9 hay de nuevo.<\/p>\n<ul>\n<li><a href=\"#gutenberg-twenty-nineteen\">Sobre Gutenberg y Twenty Nineteen<\/a><\/li>\n<li><a href=\"#installing-twenty-nineteen\">Instalando Twenty Nineteen<\/a><\/li>\n<li><a href=\"#look-feel-twenty-nineteen-theme\">La apariencia y la sensaci\u00f3n de Twenty Nineteen<\/a><\/li>\n<li><a href=\"#theming-for-gutenberg\">Temas para Gutenberg: El enfoque de un Desarrollador<\/a><\/li>\n<\/ul>\n<h2 id=\"gutenberg-twenty-nineteen\">Sobre Gutenberg y Twenty Nineteen<\/h2>\n<p>Algunos de ustedes podr\u00edan odiar Gutenberg. Adem\u00e1s de esto, el debate sobre el nuevo editor est\u00e1 muy lejos de acabarse, pero considere el <a href=\"https:\/\/make.wordpress.org\/themes\/2018\/03\/07\/getting-ready-for-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">alcance declarado de Gutenberg<\/a>:<\/p>\n<blockquote><p>\u201cLos bloques personalizados cambian como los usuarios, desarrolladores y hosts interact\u00faan con WordPress para crear contenido web valioso, f\u00e1cil de usar y m\u00e1s intuitivo, <strong>democratizando las publicaciones y el trabajo para todos, sin importar sus habilidades t\u00e9cnicas.<\/strong>\u201d<\/p><\/blockquote>\n<p>Este es el plan de Gutenberg, y Twenty Nineteen trae las cosas un paso m\u00e1s all\u00e1, siendo creado usando Gutenberg y para Gutenberg. Es un tema minimalista, muy enfocado a la tipograf\u00eda con un dise\u00f1o de una sola columna, y puede ser usado para construir una gran variedad de sitios web, yendo desde blogs personales a sitios web de peque\u00f1os negocios.<\/p>\n<p>Escribir sobre Twenty Nineteen, pr\u00e1cticamente significa que estamos escribiendo sobre Gutenberg. En Twenty Nineteen Gutenberg permite que los usuarios no s\u00f3lo puedan crear contenido valioso, sino tambi\u00e9n crear sitios web enteros en el editor. De acuerdo con Allan Cole en el blog <a href=\"https:\/\/make.wordpress.org\/core\/2018\/10\/16\/introducing-twenty-nineteen\/\" target=\"_blank\" rel=\"noopener noreferrer\">Make WordPress<\/a>,<\/p>\n<blockquote><p>\u201cGutenberg otorga a sus usuarios un nivel inigualable de libertad para personalizar el dise\u00f1o del sitio. Para poder alcanzar por completo su visi\u00f3n, los usuarios necesitar\u00e1n una nueva generaci\u00f3n de temas flexibles, hechos para tomar ventaja de la libertad creativa que Gutenberg ofrece.<\/p>\n<p>Con eso en mente, WordPress 5.0 lanzar\u00e1 un nuevo tema base: Twenty Nineteen\u201d<\/p><\/blockquote>\n<p>En el tema de Twenty Nineteen, Gutenberg funciona m\u00e1s que un creador de contenido, <strong>es un creador de sitios<\/strong>, y los usuarios de WordPress podr\u00e1n construir sitios webs enteros para tomar ventaja de los bloques. Y si a\u00fan no le gusta Gutenberg, la mayor\u00eda de los <a href=\"https:\/\/kinsta.com\/es\/blog\/constructores-pagina-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugins constructores de p\u00e1ginas<\/a> m\u00e1s populares tambi\u00e9n est\u00e1n ofreciendo soporte para Gutenberg.<\/p>\n<p>(Lectura sugerida:\u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty\/\">Introducci\u00f3n al Tema Twenty Twenty<\/a>)<\/p>\n\n<h2 id=\"installing-twenty-nineteen\">Instalando Twenty Nineteen<\/h2>\n<p>Twenty Nineteen deber\u00eda seguir el plan de lanzamiento de cualquier otro gran lanzamiento de WordPress. Sin embargo, WordPress 5.0 debe ser lanzado el 19 de Noviembre, y es posible que una versi\u00f3n de Twenty Nineteen no est\u00e9 lista para esa fecha. Vea todas <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-0\/#wordpress-5-release-date\" target=\"_blank\" rel=\"noopener noreferrer\">las fechas de lanzamiento posibles para WordPress 5.0<\/a>. De todas formas, el tema est\u00e1 disponible para ser descargado en <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>, y estar\u00e1 ah\u00ed hasta que forme parte del c\u00f3digo fuente.<\/p>\n<p>Twenty Nineteen est\u00e1 basado en\u00a0<a href=\"https:\/\/github.com\/Automattic\/_s\/\" target=\"_blank\" rel=\"noopener noreferrer\">_s<\/a> y el <a href=\"https:\/\/github.com\/WordPress\/gutenberg-starter-theme\" target=\"_blank\" rel=\"noopener noreferrer\"> gutenberg-starter-theme <\/a> e incluye Sass. Una vez que obtenga el paquete .zip, extraiga el tema y suba\/mueva el folder del tema dentro del directorio <code>\/wp-content\/themes<\/code> themes de la instalaci\u00f3n de su desarrollo. Tambi\u00e9n puede subirlo desde el dashboard de WordPress.<\/p>\n<figure style=\"width: 530px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/subiendo-nuevo-tema.png\" alt=\"Subiendo un nuevo tema desde el dashboard de WordPress\" width=\"530\" height=\"696\"><figcaption class=\"wp-caption-text\">Subiendo un nuevo tema desde el dashboard de WordPress<\/figcaption><\/figure>\n<p>Los clientes de Kinsta pueden instalarlo en sus <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/entorno-staging\/\" target=\"_blank\" rel=\"noopener noreferrer\">entornos de staging<\/a>. Si usted a\u00fan no es cliente nuestro, a\u00fan as\u00ed puede <a href=\"https:\/\/kinsta.com\/es\/blog\/instalar-wordpress-localmente\/\" target=\"_blank\" rel=\"noopener noreferrer\">instalarlo en su m\u00e1quina local<\/a>.<\/p>\n<figure style=\"width: 1329px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/twenty-nineteen-instalado.jpg\" alt=\"Twenty Nineteen instalado con \u00e9xito\" width=\"1329\" height=\"823\"><figcaption class=\"wp-caption-text\">Twenty Nineteen instalado con \u00e9xito`<\/figcaption><\/figure>\n<h2 id=\"look-feel-twenty-nineteen-theme\">La Apariencia y la Sensaci\u00f3n de Twenty Nineteen<\/h2>\n<p>El dise\u00f1o de una sola columna destaca el contenido y se adapta mejor a bloques completos y anchos. El tema ya soporta barras laterales y viene con tres men\u00fas de navegaci\u00f3n: el men\u00fa <strong>Primario<\/strong> y el <strong>Men\u00fa de Enlaces Sociales<\/strong>, ambos colocados en el encabezado de la p\u00e1gina y el <strong>Men\u00fa Footer<\/strong> situado en el pie de la p\u00e1gina.<\/p>\n<figure style=\"width: 721px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/encabezado-de-twenty-nineteen.jpg\" alt=\"T\u00edtulo del sitio, descripci\u00f3n del sitio, y men\u00fas en el encabezado de Twenty Nineteen\" width=\"721\" height=\"221\"><figcaption class=\"wp-caption-text\">T\u00edtulo del sitio, descripci\u00f3n del sitio, y men\u00fas en el encabezado de Twenty Nineteen<\/figcaption><\/figure>\n<p>La p\u00e1gina del blog luce como cualquier p\u00e1gina de blog regular con las im\u00e1genes destacadas habilitadas. Las publicaciones y p\u00e1ginas muestran el mejor potencial de la versi\u00f3n actual de Gutenberg como constructor de sitios.<\/p>\n<p>Ya que est\u00e1 totalmente basado en Gutenberg, las caracter\u00edsticas de Twenty Nineteen dependen principalmente del ciclo de desarrollo de Gutenberg y en la disponibilidad de bloques. Podemos agregar bloques de widget, bloques shortcode, galer\u00edas, c\u00f3digo HTML, y mucho m\u00e1s. Sin embargo, todos estos bloques est\u00e1n muy lejos de cumplir con todas nuestras necesidades. Pero afortunadamente contamos con varios plugins que nos permiten agregar nuevos bloques para Gutenberg, como <a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Gutenberg<\/a> y <a href=\"https:\/\/wpstackable.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stackable<\/a>. Incluso hay proyectos como <a href=\"https:\/\/gutenbergcloud.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Cloud<\/a> que han estado surgiendo.<\/p>\n<p>Si usted piensa que el tema luce muy simple, considere que Twenty Nineteen es un proyecto sin terminar. No estamos seguros si ser\u00e1 integrado al core antes de que WordPress 5.0 sea lanzado, y podemos esperar complementos adicionales y resoluci\u00f3n de bugs en un futuro. Adem\u00e1s de esto, hay muchos problemas que siguen sin ser resueltos, y opciones que necesitan ser implementadas. Un ejemplo, al momento de escribir este articulo, <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\/143\" target=\"_blank\" rel=\"noopener noreferrer\">Twenty Nineteen ya tiene soporte para sub men\u00fas<\/a> pero no para <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\/243\" target=\"_blank\" rel=\"noopener noreferrer\">Encabezados Personalizados o Videos en Encabezados<\/a>, pero seguro que m\u00e1s caracter\u00edsticas ser\u00e1n agregadas en un lapso de tiempo razonable.<\/p>\n<p>Si usted est\u00e1 interesado en el estado actual del tema, cheque la <a href=\"https:\/\/github.com\/WordPress\/twentynineteen\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">lista completa de problemas en Github<\/a>.<\/p>\n<h2 id=\"theming-for-gutenberg\">Temas para Gutenberg: Punto de Vista de un Desarrollador<\/h2>\n<p>En su versi\u00f3n b\u00e1sica, Gutenberg brinda soporte b\u00e1sico para estilos de bloque en temas, y los desarrolladores de temas tienen toda la libertad de reescribir los estilos b\u00e1sicos de Gutenberg con sus estilos personalizados. Pero los desarrolladores pueden omitir por completo los estilos personalizados y decidir depender exclusivamente de Gutenberg para estilizar bloques en frente del sitio.<\/p>\n<p>Un editor que luce y se siente como si el resultado obtenido mejorara la experiencia de escritura del autor, y que le permite a todos sentirse m\u00e1s c\u00f3modos con el UI.<\/p>\n<p>De todas formas, algunos estilos de Gutenberg y opciones de presentaci\u00f3n requieren que los temas expresamente a\u00f1adan soporte para ellos, y esto puede lograrse llamando <code><a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">add_theme_support<\/a><\/code> en el archivo de functions.php donde la acci\u00f3n <code>functions.php<\/code> file when the <code><a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/after_setup_theme\" target=\"_blank\" rel=\"noopener noreferrer\">after_setup_theme<\/a><\/code> es activada. Aqu\u00ed hay un ejemplo de una implementaci\u00f3n de una caracter\u00edstica.<\/p>\n<pre><code class=\"language-php\">function mytheme_setup() {\n    \/\/ Add support for Block Styles\n    add_theme_support( 'wp-block-styles' );\n}\nadd_action( 'after_setup_theme', 'mytheme_setup' );<\/code><\/pre>\n<p>Abajo est\u00e1 listado una selecci\u00f3n de estas caracter\u00edsticas de Gutenberg, Algunas de las cuales tambi\u00e9n son soportadas por Twenty Nineteen. Usted podr\u00e1 encontrar la lista completa de caracter\u00edsticas en el <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#block-font-sizes\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg Handbook<\/a>.<\/p>\n<h3>Agregando Soporte para los Estilos de Presentaci\u00f3n de Bloque de Gutenberg<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2018\/06\/05\/whats-new-in-gutenberg-5th-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">Una de las metas<\/a> del equipo detr\u00e1s de Gutenberg era construir un sistema flexible para estilizar dentro de los temas, y acercarse lo m\u00e1s que se pueda a \u201cuna paridad visual entre el front-end y el editor\u201d. El prop\u00f3sito es brindar al usuario una vista previa precisa de c\u00f3mo terminar\u00e1 luciendo el contenido en el front-end.<\/p>\n<p>Para lograr este objetivo, el equipo tuvo que separar los estilos de presentaci\u00f3n y los estilos estructurales. Por defecto, los estilos de presentaci\u00f3n no son cargados en el front-end, para poder evitar afectar la apariencia del sitio. De todas formas, los nuevos temas toman ventaja de los estilos de presentaci\u00f3n de Gutenberg, con tan s\u00f3lo habilitarlos con el siguiente registro (vea el <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#default-block-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Handbook<\/a> para encontrar m\u00e1s detalles):<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for Block Styles\nadd_theme_support( 'wp-block-styles' );<\/code><\/pre>\n<p>Como podr\u00eda esperar,<strong>Twenty Nineteen soporte los estilos de bloque de Gutenberg<\/strong>. La p\u00e1gina de publicaci\u00f3n luce en el front end como si fuera la p\u00e1gina de edici\u00f3n de la publicaci\u00f3n, con la \u00fanica diferencia de incluir la imagen destacada, la cual aparecer\u00e1 en el fondo como imagen de cubierta, cubriendo toda la vista. La imagen de abajo muestra a Gutenberg en acci\u00f3n en el back-end.<\/p>\n<figure style=\"width: 420px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/editor-de-gutenberg.jpg\" alt=\"Editor de Gutenberg en modo de pantalla completa para WordPress\" width=\"420\" height=\"545\"><figcaption class=\"wp-caption-text\">Editor de Gutenberg en modo de pantalla completa para WordPress<\/figcaption><\/figure>\n<p>Y aqu\u00ed est\u00e1 la misma publicaci\u00f3n en la vista frontal del sitio.<\/p>\n<figure style=\"width: 320px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/una-pagina-de-una publicacion-twenty-nineteen.jpg\" alt=\"Una p\u00e1gina de una publicaci\u00f3n en Twenty Nineteen\" width=\"320\" height=\"836\"><figcaption class=\"wp-caption-text\">Una p\u00e1gina de una publicaci\u00f3n en Twenty Nineteen<\/figcaption><\/figure>\n<h3>Alineaciones Amplias y Completas<\/h3>\n<p>Gutenberg tambi\u00e9n brinda dos opciones de alineaci\u00f3n adicionales: <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#wide-alignment\" target=\"_blank\" rel=\"noopener noreferrer\">alineaci\u00f3n amplia y de ancho total<\/a>, pero <strong>usted puede seleccionar alineaci\u00f3n Amplia o de Ancho Total s\u00f3lo si su tema lo soporta.<\/strong> Si es as\u00ed, Gutenberg mostrar\u00e1 dos iconos de alineaci\u00f3n adicionales.<\/p>\n<figure style=\"width: 317px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/botones-de-alineacion.png\" alt=\"Botones de alineaci\u00f3n amplia de ancho total en Gutenberg\" width=\"317\" height=\"58\"><figcaption class=\"wp-caption-text\">Botones de alineaci\u00f3n amplia de ancho total en Gutenberg<\/figcaption><\/figure>\n<p>La imagen de abajo muestra im\u00e1genes <strong>alineadas al centro<\/strong>, <strong>de Ancho Amplio\u00a0<\/strong>y <strong>Ancho Completo<\/strong> en Twenty Nineteen.<\/p>\n<figure style=\"width: 360px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/alineado-al-centro.jpg\" alt=\"Alineado al centro, Anchura amplia y Anchura completa comparadas\" width=\"360\" height=\"634\"><figcaption class=\"wp-caption-text\">Alineado al centro, Anchura amplia y Anchura completa comparadas<\/figcaption><\/figure>\n<p>Los desarrolladores de tema pueden agregar soporte para alineaciones amplias y completas al habilitarlas en el archivo de funciones con una sola declaraci\u00f3n:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for full and wide align images\nadd_theme_support( 'align-wide' );<\/code><\/pre>\n<p>Una vez que hayamos agregado soporte para alineaciones amplias y completas, deber\u00edan proveer las declaraciones CSS para dos clases CSS adicionales: <code>alignfull<\/code> y <code>alignwide<\/code>. Twenty Nineteen brinda los siguientes estilos:<\/p>\n<pre><code class=\"language-css\">.entry-content &gt; *.alignwide,\n.entry-summary &gt; *.alignwide {\n    margin-left: auto;\n    margin-right: auto;\n}\n\n@media only screen and (min-width: 768px) {\n    .entry-content &gt; *.alignwide,\n    .entry-summary &gt; *.alignwide {\n        margin-left: calc(1 * (100vw \/ 12));\n        margin-right: calc(1 * (100vw \/ 12));\n        max-width: calc(10 * (100vw \/ 12));\n  }\n}\n\n.entry-content &gt; *.alignfull,\n.entry-summary &gt; *.alignfull {\n    margin-top: calc(2 * 1rem);\n    margin-right: 0;\n    margin-bottom: calc(2 * 1rem);\n    margin-left: 0;\n    max-width: 100%;\n}\n\n.entry-content .wp-block-image.alignfull img {\n    width: 100vw;\n    margin-left: auto;\n    margin-right: auto;\n}<\/code><\/pre>\n<p>Nota: Tenga cuidado al usar esta opci\u00f3n, porque podr\u00eda causar problemas si es que cambia de tema (lea m\u00e1s sobre esto en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/4342\" target=\"_blank\" rel=\"noopener noreferrer\">Github<\/a>).<\/p>\n<h3>Estilo Editor<\/h3>\n<p>El <a href=\"https:\/\/codex.wordpress.org\/Editor_Style\" target=\"_blank\" rel=\"noopener noreferrer\">Estilo Editor<\/a> es una opci\u00f3n introducida con WordPress 3.0, permitiendo que los desarrolladores de temas puedan agregar estilos personalizados al editor TinyMCE. Gutenberg tambi\u00e9n soporta esta opci\u00f3n, pero funciona de forma distinta de como funcionaba en el Editor Cl\u00e1sico, la cual carga estilos directamente al <a href=\"https:\/\/kinsta.com\/es\/blog\/integrar-incrustar-youtube-video-wordpress\/\">iframe<\/a> del editor. Gutenberg agrega selectores CSS espec\u00edficos, ya que no utiliza un iframe.<\/p>\n<p>Podemos agregar soporte para estilo editor haciendo lo siguiente:<\/p>\n<pre><code class=\"language-php\">\/\/ Add support for editor styles\nadd_theme_support( 'editor-styles' );\n\/\/ Enqueue editor styles\nadd_editor_style( 'style-editor.css' );<\/code><\/pre>\n<p>Esta opci\u00f3n tambi\u00e9n es soportada por Twenty Nineteen. Puede adentrarse m\u00e1s a este tema en <a href=\"https:\/\/wordpress.org\/gutenberg\/handbook\/extensibility\/theme-support\/#editor-styles\" target=\"_blank\" rel=\"noopener noreferrer\">Estilo Editor en Gutenberg.<\/a><\/p>\n<h3>Bloqueando Paletas de Color<\/h3>\n<p>Gutenberg brinda un selector gen\u00e9rico de color en el panel de opciones de color del editor. Los desarrolladores de tema pueden mejorar esta herramienta al agregar paletas personalizadas de color, permitiendo a los usuarios el poder elegir r\u00e1pidamente el color y texto correcto para el fondo del bloque. Esto es un proceso de dos pasos:<\/p>\n<p>Primero, tenemos que proveer una amplia gama de colores:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-color-palette', array(\n    array(\n        'name' =&gt; __( 'hot pink', 'themeLangDomain' ),\n        'slug' =&gt; 'hot-pink',\n        'color' =&gt; '#f865b0',\n    ),\n    array(\n        'name' =&gt; __( 'classic rose', 'themeLangDomain' ),\n        'slug' =&gt; 'classic-rose',\n        'color' =&gt; '#fbcaef',\n    ),\n) );<\/code><\/pre>\n<p>Luego, tenemos que declarar los estilos correspondientes en la p\u00e1gina de estilos del tema:<\/p>\n<pre><code class=\"language-css\">.has-hot-pink-background-color {\n    background-color: #f865b0;\n}\n\n.has-hot-pink-color {\n    color: #f865b0;\n}<\/code><\/pre>\n<p>Los nombres de clase empiezan con <code>has-<\/code>, seguido por la ficha del color en la casilla kebab, y terminando con el contexto, el cual puede ser <code>color<\/code> o <code>background-color<\/code>.\u00a0Actualmente, Twenty Nineteen no tiene soporte para paletas de colores, pero f\u00e1cilmente podemos cambiar esto con un \u00a0<a href=\"https:\/\/kinsta.com\/es\/blog\/temas-child-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema secundario <\/a>.<\/p>\n<figure style=\"width: 280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/paleta-de-color.png\" alt=\"Una paleta de color personalizada en Gutenberg\" width=\"280\" height=\"244\"><figcaption class=\"wp-caption-text\">Una paleta de color personalizada en Gutenberg<\/figcaption><\/figure>\n<p>En su lugar, si quiere deshabilitar la paleta personalizada de color, usted tiene que agregar la siguiente l\u00ednea al archivo de funciones del tema o del tema secundario:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'disable-custom-colors' );<\/code><\/pre>\n<h3>Tama\u00f1os de la Fuente del Bloque<\/h3>\n<p>Un tema tambi\u00e9n puede sobrescribir los tama\u00f1os de fuente base de Gutenberg. Aqu\u00ed hay un ejemplo del c\u00f3digo que debe agregar al archivo de funciones:<\/p>\n<pre><code class=\"language-php\">add_theme_support( 'editor-font-sizes', array(\n    array(\n        'name' =&gt; __( 'extra-small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XS', 'themeLangDomain' ),\n        'size' =&gt; 10,\n        'slug' =&gt; 'extra-small'\n    ),\n    array(\n        'name' =&gt; __( 'small', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'S', 'themeLangDomain' ),\n        'size' =&gt; 12,\n        'slug' =&gt; 'small'\n    ),\n    array(\n        'name' =&gt; __( 'regular', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'M', 'themeLangDomain' ),\n        'size' =&gt; 16,\n        'slug' =&gt; 'regular'\n    ),\n    array(\n        'name' =&gt; __( 'large', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'L', 'themeLangDomain' ),\n        'size' =&gt; 26,\n        'slug' =&gt; 'large'\n    ),\n    array(\n        'name' =&gt; __( 'larger', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XL', 'themeLangDomain' ),\n        'size' =&gt; 36,\n        'slug' =&gt; 'larger'\n    ),\n    array(\n        'name' =&gt; __( 'huge', 'themeLangDomain' ),\n        'shortName' =&gt; __( 'XXL', 'themeLangDomain' ),\n        'size' =&gt; 56,\n        'slug' =&gt; 'huge'\n    )\n) );<\/code><\/pre>\n<p>Los nuevos tama\u00f1os de las fuentes ser\u00e1n agregados en el seleccionador de tama\u00f1o de la fuente en las opciones de texto de Gutenberg.<\/p>\n<figure style=\"width: 336px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/10\/tamanos.png\" alt=\"Tama\u00f1os personalizados en Gutenberg\" width=\"336\" height=\"423\"><figcaption class=\"wp-caption-text\">Tama\u00f1os personalizados en Gutenberg<\/figcaption><\/figure>\n<p>Despu\u00e9s, tenemos que declarar los estilos correspondientes en la p\u00e1gina de estilos del tema. El nombre de la clase deber\u00eda empezar con has-, seguido por el nombre del tama\u00f1o de la fuente en la casilla kebab, y terminar con <code>-font-size<\/code>.<\/p>\n<pre><code class=\"language-css\">.has-huge-font-size {\n    font-size: 56px;\n}<\/code><\/pre>\n<p>Twenty Nineteen no provee tama\u00f1os de fuente espec\u00edficos y depende de los b\u00e1sicos encontrados en Gutenberg.<\/p>\n<p>Nota: Recuerde, para lograr que funcione el c\u00f3digo, usted deber\u00eda engancharlo a trav\u00e9s de la acci\u00f3n <code>after_setup_theme<\/code>.<\/p>\n<h2>Resumen<\/h2>\n<p>Twenty Nineteen podr\u00eda funcionar bien para blogs personales, y podr\u00eda verlo m\u00e1s como un lienzo en blanco que un tema funcional de WordPress en s\u00ed. Este enfoque tan minimalista podr\u00eda ser un poco limitante cuando se trata de construir sitios para negocios y e-commerce, pero no se preocupe: pr\u00f3ximamente ir\u00e1n agregando nuevas opciones, y podr\u00edan ver pronto una versi\u00f3n m\u00e1s poderosa de Twenty Nineteen.<\/p>\n<p>Mientras tanto, tambi\u00e9n podr\u00eda checar algunos de los temas que ya est\u00e1n soportando a Gutenberg. <a href=\"https:\/\/wordpress.org\/themes\/atomic-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Blocks<\/a>, <a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GeneratePress<\/a>, <a href=\"https:\/\/themeforest.net\/item\/gutentype-gutenberg-wordpress-blog-theme\/22486033\" target=\"_blank\" rel=\"noopener noreferrer\">Gutentype<\/a> y <a href=\"https:\/\/www.elegantthemes.com\/blog\/theme-releases\/divi-feature-update-introducing-initial-gutenberg-support\" target=\"_blank\" rel=\"noopener noreferrer\">Divi<\/a>, s\u00f3lo para nombrar algunas, pero muchas otras vendr\u00e1n pronto. Con WordPress 5.0 acerc\u00e1ndose tan r\u00e1pido, soportar a Gutenberg no es una opci\u00f3n, y los desarrolladores de temas deber\u00edan aceptar el nuevo editor de WordPress tan pronto como sea posible para mantenerse a la vanguardia.<\/p>\n<p>\u00bfUsted ya instal\u00f3 Twenty Nineteen o cualquier otro tema que soporte a Gutenberg? Nos encantar\u00eda escuchar su opini\u00f3n sobre el tema en la secci\u00f3n de comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 5.0 est\u00e1 a la vuelta de la esquina, y muchos de nosotros estamos emocionados y preocupados al mismo tiempo. Gutenberg trae un gran cambio en &#8230;<\/p>\n","protected":false},"author":36,"featured_media":19501,"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-19487","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>Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)<\/title>\n<meta name=\"description\" content=\"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)\" \/>\n<meta property=\"og:description\" content=\"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/\" \/>\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=\"2018-11-08T14:04:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-25T12:24:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.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=\"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.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=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)\",\"datePublished\":\"2018-11-08T14:04:39+00:00\",\"dateModified\":\"2025-02-25T12:24:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/\"},\"wordCount\":2384,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/\",\"name\":\"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png\",\"datePublished\":\"2018-11-08T14:04:39+00:00\",\"dateModified\":\"2025-02-25T12:24:41+00:00\",\"description\":\"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png\",\"width\":1460,\"height\":730,\"caption\":\"Tema Twenty Nineteen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.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:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.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:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)","description":"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.","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:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/","og_locale":"es_ES","og_type":"article","og_title":"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)","og_description":"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.","og_url":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2018-11-08T14:04:39+00:00","article_modified_time":"2025-02-25T12:24:41+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)","datePublished":"2018-11-08T14:04:39+00:00","dateModified":"2025-02-25T12:24:41+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/"},"wordCount":2384,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png","keywords":["Gutenberg","WordPress"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/","url":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/","name":"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png","datePublished":"2018-11-08T14:04:39+00:00","dateModified":"2025-02-25T12:24:41+00:00","description":"Twenty Nineteen es el tema predeterminado de WordPress 5.0 y se trata completamente de Gutenberg. Aprenda qu\u00e9 novedades trae el tema nuevo con Gutenberg.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2018\/11\/tema-twenty-nineteen.png","width":1460,"height":730,"caption":"Tema Twenty Nineteen"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-nineteen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Introducci\u00f3n al Tema Twenty Nineteen (Temas para Gutenberg)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.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:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.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:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/19487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=19487"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/19487\/revisions"}],"predecessor-version":[{"id":26977,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/19487\/revisions\/26977"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/fr"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/dk"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/translations\/se"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/19487\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/19501"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=19487"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=19487"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=19487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}