{"id":76883,"date":"2024-10-21T14:25:19","date_gmt":"2024-10-21T12:25:19","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=76883&preview=true&preview_id=76883"},"modified":"2024-10-28T10:05:09","modified_gmt":"2024-10-28T09:05:09","slug":"tema-twenty-twenty-five","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/","title":{"rendered":"Una visi\u00f3n general para desarrolladores de Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress"},"content":{"rendered":"

Basado en la idea de que las cosas sencillas deben ser intuitivas mientras que las complejas deben ser posibles, Twenty Twenty-Five<\/a> es un tema predeterminado de WordPress flexible y f\u00e1cilmente ampliable, creado para ayudar a la gente a contar historias, gracias a sus numerosos patrones y estilos.<\/p>\n

Twenty Twenty-Five llegar\u00e1 con WordPress 6.7. Viene con un amplio conjunto de im\u00e1genes inspiradoras de Openverse<\/a>, el repositorio gratuito de im\u00e1genes compartidas por y para la comunidad de WordPress. Estas im\u00e1genes est\u00e1n incrustadas en los patrones de bloques de Twenty Twenty-Five y listas para ser utilizadas para contar historias que evoquen \u00abideas relacionadas con lo ef\u00edmero, el paso del tiempo y la evoluci\u00f3n continua\u00bb.<\/p>\n

El papel central de los patrones en Twenty Twenty-Five es una prueba de c\u00f3mo el desarrollo de temas de bloques<\/a> se centra cada vez m\u00e1s en la interfaz del editor del sitio y menos en escribir c\u00f3digo PHP y JavaScript.<\/p>\n

Ahora, incluso los usuarios sin conocimientos avanzados de programaci\u00f3n pueden crear un tema. S\u00f3lo necesitas tener una buena noci\u00f3n de c\u00f3mo funciona theme.json<\/code> y de c\u00f3mo crear patrones de bloques<\/a>.<\/p>\n

Las plantillas y partes de plantillas que ver\u00e1s en Twenty Twenty-Five son colecciones de bloques anidados, patrones y partes de plantillas que constituyen los elementos estructurales de cada tipo de dise\u00f1o.<\/p>\n

Twenty Twenty-Five constituye un excelente ejemplo de la filosof\u00eda de democratizaci\u00f3n del dise\u00f1o, y este art\u00edculo te mostrar\u00e1 su estructura en detalle.<\/p>\n

Twenty Twenty-Five proporciona un ejemplo excelente para que aprendas todo sobre los temas de bloques de WordPress, y si has le\u00eddo nuestra introducci\u00f3n a theme.json<\/code><\/a> podr\u00e1s crear tus propios temas de WordPress y compartirlos con todo el ecosistema.<\/p>\n

Pero vayamos al grano y comencemos nuestro viaje por Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Patrones y partes de la plantilla<\/h2>\n

Twenty Twenty-Five proporciona una serie de patrones de bloques y partes de plantillas que ayudan a los usuarios de WordPress a construir sus entradas y p\u00e1ginas en cuesti\u00f3n de minutos. Estos patrones y partes de plantillas se han dise\u00f1ado para diversos fines, como p\u00e1ginas de destino, productos y servicios, eventos, llamadas a la acci\u00f3n, p\u00e1ginas acerca de y mucho m\u00e1s.<\/p>\n

En la carpeta del tema, encontrar\u00e1s los archivos correspondientes en los directorios parts<\/code> y patterns<\/code>. Cuando abras cualquier archivo de parte de plantilla, ver\u00e1s que cada parte de plantilla s\u00f3lo incluye un enlace a un patr\u00f3n de bloques. Aqu\u00ed tienes el c\u00f3digo de la parte de plantilla header.html<\/code>:<\/p>\n

<!-- wp:pattern {\"slug\":\"twentytwentyfive\/header\"} \/-->\n<\/code><\/pre>\n
Las partes de plantilla tambi\u00e9n necesitan estar registradas, por lo que las encontrar\u00e1s listadas en theme.json<\/code> de Twenty Twenty-Five bajo la propiedad templateParts<\/code>:<\/p>\n
{\n\t\"templateParts\": [\n\t\t{\n\t\t\t\"area\": \"header\",\n\t\t\t\"name\": \"header\",\n\t\t\t\"title\": \"Header\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer\",\n\t\t\t\"title\": \"Footer\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"footer\",\n\t\t\t\"name\": \"footer-newsletter\",\n\t\t\t\"title\": \"Footer Newsletter\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"right-aligned-sidebar\",\n\t\t\t\"title\": \"Right Aligned Sidebar\"\n\t\t},\n\t\t{\n\t\t\t\"area\": \"uncategorized\",\n\t\t\t\"name\": \"sidebar\",\n\t\t\t\"title\": \"Sidebar\"\n\t\t}\n\t]\n}<\/code><\/pre>\n
La propiedad area<\/code> determina la secci\u00f3n de la p\u00e1gina en la que encaja una parte de plantilla y la categor\u00eda correspondiente, name<\/code> es el slug de la parte de plantilla y title<\/code> es la cadena de texto que se utiliza para crear la etiqueta que identifica la parte de plantilla en la pantalla.<\/p>\n
\"Partes
Partes de plantilla Twenty Twenty-Five en WordPress 6.7<\/figcaption><\/figure>\n
La carpeta patterns<\/code> del tema Twenty Twenty-Five incluye un buen n\u00famero de archivos .php<\/code>. Puedes abrir cualquiera de estos archivos y comprobar el c\u00f3digo para aprender c\u00f3mo se construyen los bloques de plantilla. Estos patrones proporcionan excelentes ejemplos de potentes funciones de WordPress a\u00f1adidas recientemente al core. Por ejemplo, el archivo copyright.php<\/code> incluye el siguiente c\u00f3digo:<\/p>\n
<!-- wp:paragraph {\n\t\"metadata\":{\n\t\t\"bindings\":{\n\t\t\t\"content\":{\n\t\t\t\t\"source\":\"twentytwentyfive\/copyright\"\n\t\t\t}\n\t\t}\n\t},\n\t\"className\":\"copyright\",\n\t\"textColor\":\"primary\",\n\t\"fontSize\":\"small\"\n} -->\n<p class=\"copyright has-primary-color has-text-color has-small-font-size\"><\/p>\n<!-- \/wp:paragraph -->\n<\/code><\/pre>\n
Puedes ver a simple vista que este patr\u00f3n utiliza la funci\u00f3n Block Bindings<\/a> introducida en WordPress 6.5 para generar din\u00e1micamente el contenido del texto Copyright.<\/p>\n
Aqu\u00ed, el atributo content<\/code> del patr\u00f3n Copyright est\u00e1 conectado a una fuente definida en el tema Twenty Twenty-Five.<\/p>\n
\"Patr\u00f3n
Patr\u00f3n Copyright de Twenty Twenty-Five<\/figcaption><\/figure>\n
Si te preguntas d\u00f3nde est\u00e1 definida esta cadena de texto, consulta el archivo functions.php<\/code> de Twenty Twenty-Five y encuentra el siguiente c\u00f3digo:<\/p>\n
\/**\n * Register block binding sources.\n *\/\nif ( ! function_exists( 'twentytwentyfive_register_block_bindings' ) ) :\n\t\/**\n\t * Register the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return void\n\t *\/\n\tfunction twentytwentyfive_register_block_bindings() {\n\t\tregister_block_bindings_source(\n\t\t\t'twentytwentyfive\/copyright',\n\t\t\tarray(\n\t\t\t\t'label'\t\t\t\t\t=> _x( '© YEAR', 'Label for the copyright placeholder in the editor', 'twentytwentyfive' ),\n\t\t\t\t'get_value_callback'\t=> 'twentytwentyfive_copyright_binding',\n\t\t\t)\n\t\t);\n\t}\nendif;\nadd_action( 'init', 'twentytwentyfive_register_block_bindings' );<\/code><\/pre>\n
'© YEAR'<\/code> genera la cadena de texto que se muestra en la p\u00e1gina, mientras que la llamada de retorno twentytwentyfive_copyright_binding<\/code> proporciona la cadena de texto formateada:<\/p>\n
\/**\n * Register block binding callback function for the copyright.\n *\/\nif ( ! function_exists( 'twentytwentyfive_copyright_binding' ) ) :\n\t\/**\n\t * Callback function for the copyright block binding source.\n\t *\n\t * @since Twenty Twenty-Five 1.0\n\t * @return string Copyright text.\n\t *\/\n\tfunction twentytwentyfive_copyright_binding() {\n\t\t$copyright_text = sprintf(\n\t\t\t\/* translators: 1: Copyright symbol or word, 2: Year *\/\n\t\t\tesc_html__( '%1$s %2$s', 'twentytwentyfive' ),\n\t\t\t'©',\n\t\t\twp_date( 'Y' ),\n\t\t);\n\n\t\treturn $copyright_text;\n\t}\nendif;<\/code><\/pre>\n
Si todo esto te parece un poco complicado, piensa en lo f\u00e1cil que es para el usuario crear dise\u00f1os complejos simplemente utilizando los elementos disponibles en la caja.<\/p>\n
Y piensa tambi\u00e9n en lo f\u00e1cil que es para un desarrollador crear plantillas y patrones de bloques generando su c\u00f3digo directamente en el editor del Sitio. Y la integraci\u00f3n con la API Block Bindings abre la puerta a infinitas posibilidades de integraci\u00f3n con fuentes de datos externas.<\/p>\n
Twenty Twenty-Five ofrece otros buenos ejemplos de uso de los patrones de bloques. Por ejemplo, puedes construir dise\u00f1os avanzados simplemente juntando patrones existentes en otros patrones.<\/p>\n
Cuando exploras patrones en el editor de Sitios, puedes ver varios dise\u00f1os de p\u00e1ginas de aterrizaje en la categor\u00eda de patrones P\u00e1ginas<\/strong>.<\/p>\n
\"Patrones
Patrones de p\u00e1ginas de Twenty Twenty-Five<\/figcaption><\/figure>\n
Estos patrones son dise\u00f1os preconstruidos y est\u00e1n listos para que los utilices en tus p\u00e1ginas. Cuando creas una nueva p\u00e1gina, el editor muestra una superposici\u00f3n en la que puedes elegir un patr\u00f3n de bloque. Puede que quieras empezar con un patr\u00f3n de p\u00e1gina de aterrizaje y personalizarlo en funci\u00f3n de tus necesidades.<\/p>\n
\"Elegir
Elegir un patr\u00f3n para una nueva p\u00e1gina<\/figcaption><\/figure>\n
Tambi\u00e9n puedes cambiar el patr\u00f3n de p\u00e1gina predeterminado y utilizar el que mejor se adapte a tu proyecto.<\/p>\n
\"Elige
Elige una plantilla para tu p\u00e1gina<\/figcaption><\/figure>\n
Ahora vamos a sumergirnos en el c\u00f3digo de la p\u00e1gina de Aterrizaje para el patr\u00f3n Libro<\/strong>. Dir\u00edgete a la carpeta patterns<\/code> de Twenty Twenty-Five y abre page-landing-book.php<\/code>. Deber\u00edas ver el siguiente c\u00f3digo:<\/p>\n
<?php\n\/**\n * Title: Landing page for Book\n * Slug: twentytwentyfive\/page-landing-book\n * Categories: twentytwentyfive_page, featured\n * Keywords: starter\n * Block Types: core\/post-content\n * Post Types: page, wp_template\n * Viewport width: 1400\n * Description: A landing page for the book with a hero section, pre-order links, locations, FAQs and newsletter signup.\n *\n * @package WordPress\n * @subpackage Twenty_Twenty_Five\n * @since Twenty Twenty-Five 1.0\n *\/\n\n?>\n\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/hero-book\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/cta-book-links\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/banner-about-book\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/cta-book-locations\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/text-faqs\"} \/-->\n<!-- wp:pattern {\"slug\":\"twentytwentyfive\/newsletter-sign-up\"} \/--><\/code><\/pre>\n
Es s\u00f3lo una colecci\u00f3n de patrones de bloques. Esto deber\u00eda demostrar lo f\u00e1cil que es crear plantillas complejas tanto para desarrolladores como para usuarios. Los desarrolladores pueden crear partes de plantillas complejas y patrones de bloques simplemente anidando patrones preconstruidos en otros patrones con s\u00f3lo unos clics. Construir una p\u00e1gina de destino nunca ha sido tan f\u00e1cil.<\/p>\n
Estilos<\/h2>\n
Twenty Twenty-Five cuenta con un variado conjunto de fuentes que soportan varios lenguajes y un buen n\u00famero de paletas de colores predefinidas agrupadas como variaciones de estilo.<\/p>\n
Fuentes<\/h3>\n
Twenty Twenty-Five incluye 9 fuentes con muchas variantes. Puedes seleccionar las fuentes que quieras utilizar en tu sitio web en la interfaz de Estilos globales, en Tipograf\u00eda<\/strong>.<\/p>\n
\"Fuentes
Fuentes del tema Twenty Twenty-Five<\/figcaption><\/figure>\n
Estas familias de fuentes est\u00e1n almacenadas en la carpeta assets\/fonts<\/code> de Twenty Twenty-Five y registradas en theme.json<\/code>.<\/p>\n
El siguiente fragmento registra cinco variantes de la familia tipogr\u00e1fica Fira Code<\/strong>:<\/p>\n
{\n\t\"settings\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamilies\": [\n\t\t\t\t{\n\t\t\t\t\t\"name\": \"Fira Code\",\n\t\t\t\t\t\"slug\": \"fira-code\",\n\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\", monospace\",\n\t\t\t\t\t\"fontFace\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Light.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"300\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Regular.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"400\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Medium.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"500\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-SemiBold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"600\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"src\": [\n\t\t\t\t\t\t\t\t\"file:.\/assets\/fonts\/fira-code\/FiraCode-Bold.woff2\"\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\"fontWeight\": \"700\",\n\t\t\t\t\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\t\t\t\t\"fontFamily\": \"\\\"Fira Code\\\"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t},\n\t\t\t...\n\t\t}\n\t}\n}<\/code><\/pre>\n
La siguiente imagen muestra las variantes de la fuente Fira Code en el editor del sitio.<\/p>\n
\"Variantes
Variantes de la fuente Fira Code en el editor del sitio<\/figcaption><\/figure>\n
Twenty Twenty-Five tambi\u00e9n incluye 8 tipos de tipograf\u00eda. S\u00f3lo tienes que elegir una en la secci\u00f3n Tipograf\u00eda<\/strong><\/b> de la interfaz de Estilos globales y se aplicar\u00e1 a todo tu sitio web.<\/p>\n
\"Tipos
Tipos de letra de Twenty Twenty-Five<\/figcaption><\/figure>\n
Si seleccionas la tipograf\u00eda n\u00famero 7, \u00abPlatypi & Literata\u00bb, estas dos fuentes se aplicar\u00e1n autom\u00e1ticamente a todos los elementos de tu sitio web: Literata se aplica a la mayor\u00eda de los elementos de texto y Platypi se aplica al t\u00edtulo del sitio, a los encabezados y a los bloques de botones.<\/p>\n
Este preajuste est\u00e1 registrado en el archivo typography-preset-6.json<\/code> en styles\/typography<\/code>:<\/p>\n
{\n\t\"version\": 3,\n\t\"$schema\": \"https:\/\/schemas.wp.org\/trunk\/theme.json\",\n\t\"title\": \"Platypi & Literata\",\n\t\"slug\": \"typography-preset-6\",\n\t\"styles\": {\n\t\t\"typography\": {\n\t\t\t\"fontFamily\": \"var:preset|font-family|literata\",\n\t\t\t\"fontSize\": \"var:preset|font-size|large\",\n\t\t\t\"fontStyle\": \"normal\",\n\t\t\t\"fontWeight\": \"300\",\n\t\t\t\"letterSpacing\": \"-0.24px\",\n\t\t\t\"lineHeight\": \"1.3\"\n\t\t},\n\t\t\"blocks\": {\n\t\t\t\"core\/site-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.6px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/post-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\",\n\t\t\t\t\t\"letterSpacing\": \"-0.96px\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"core\/query-title\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t\"elements\": {\n\t\t\t\"heading\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t},\n\t\t\t\"button\": {\n\t\t\t\t\"typography\": {\n\t\t\t\t\t\"fontFamily\": \"var:preset|font-family|platypi\",\n\t\t\t\t\t\"fontWeight\": \"800\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n
Colores<\/h3>\n
Twenty Twenty-Five proporciona una paleta predeterminada con 8 colores. Estos colores se definen en theme.json<\/code> como sigue:<\/p>\n
{\n\t\"settings\": {\n\t\t\"color\": {\n\t\t\t\"palette\": [\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#FFFFFF\",\n\t\t\t\t\t\"name\": \"Base\",\n\t\t\t\t\t\"slug\": \"base\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#111111\",\n\t\t\t\t\t\"name\": \"Contrast\",\n\t\t\t\t\t\"slug\": \"contrast\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#FFEE58\",\n\t\t\t\t\t\"name\": \"Accent 1\",\n\t\t\t\t\t\"slug\": \"accent-1\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#F6CFF4\",\n\t\t\t\t\t\"name\": \"Accent 2\",\n\t\t\t\t\t\"slug\": \"accent-2\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#503AA8\",\n\t\t\t\t\t\"name\": \"Accent 3\",\n\t\t\t\t\t\"slug\": \"accent-3\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#686868\",\n\t\t\t\t\t\"name\": \"Primary\",\n\t\t\t\t\t\"slug\": \"primary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#FBFAF3\",\n\t\t\t\t\t\"name\": \"Secondary\",\n\t\t\t\t\t\"slug\": \"secondary\"\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t\"color\": \"#11111133\",\n\t\t\t\t\t\"name\": \"Opacity 20%\",\n\t\t\t\t\t\"slug\": \"opacity-20\"\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t...\n}<\/code><\/pre>\n
\"Paleta
Paleta de colores por defecto de Twenty Twenty-Five<\/figcaption><\/figure>\n
Twenty Twenty-Five tambi\u00e9n proporciona 8 paletas de colores adicionales definidas como variaciones de estilo. Puedes encontrarlas en la carpeta styles\/colors<\/code> del tema.<\/p>\n
La siguiente imagen muestra la paleta de colores Sunrise.<\/p>\n
\"Paleta
Paleta de colores Sunrise<\/figcaption><\/figure>\n
Plantillas<\/h2>\n
Twenty Twenty-Five tambi\u00e9n proporciona un conjunto considerable de plantillas para que puedas crear cualquier tipo de blog. Puedes crear blogs personales que incluyan una cantidad considerable de texto, blogs de fotos y portfolios con diversas estructuras de dise\u00f1o, y blogs m\u00e1s estructurados orientados a diversos fines.<\/p>\n
\"Plantillas
Plantillas Twenty Twenty-Five en el Editor de Sitios<\/figcaption><\/figure>\n
Las siguientes im\u00e1genes muestran vistas previas de las plantillas de blog Twenty Twenty-Five de Figma<\/a>. Aqu\u00ed tienes algunas de las plantillas de blogs personales.<\/p>\n
\"Plantillas
Plantillas de blog personal Twenty Twenty-Five de Figma<\/figcaption><\/figure>\n
Y aqu\u00ed tienes algunas de las plantillas de fotoblog.<\/p>\n
\"Plantillas
Plantillas de Twenty Twenty-Five para fotoblogs de Figma<\/figcaption><\/figure>\n
Las plantillas Twenty Twenty-Five son minimalistas y est\u00e1n dise\u00f1adas para ofrecer una interfaz sencilla y clara. Al igual que las partes de las plantillas, \u00e9stas se basan en gran medida en patrones de bloques. Para hacerte una idea, abre uno de los archivos .html<\/code> que puedes encontrar en la carpeta templates<\/code> del tema Twenty Twenty-Five y comprueba el c\u00f3digo. A continuaci\u00f3n se muestra el c\u00f3digo fuente del archivo archive.html<\/code>:<\/p>\n
<!-- wp:template-part {\"slug\":\"header\",\"area\":\"header\",\"tagName\":\"header\"} \/-->\n\n<!-- wp:group {\"tagName\":\"main\",\"style\":{\"spacing\":{\"margin\":{\"top\":\"var:preset|spacing|60\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<main class=\"wp-block-group\" style=\"margin-top:var(--wp--preset--spacing--60)\">\n\t<!-- wp:query-title {\"type\":\"archive\"} \/-->\n\t<!-- wp:term-description \/-->\n\t<!-- wp:pattern {\"slug\":\"twentytwentyfive\/posts-personal-blog\"} \/-->\n\t<!-- wp:pattern {\"slug\":\"twentytwentyfive\/more-posts\"} \/-->\n<\/main>\n<!-- \/wp:group -->\n\n<!-- wp:template-part {\"slug\":\"footer\",\"tagName\":\"footer\"} \/--><\/code><\/pre>\n
El contenido de la p\u00e1gina de archivo est\u00e1 generado por los bloques Query title (T\u00edtulo de la consulta)<\/strong> y Term description (Descripci\u00f3n del t\u00e9rmino)<\/strong> y los patrones List of posts (Lista de entradas), 1 columna<\/strong> (posts-personal-blog<\/code>) y M\u00e1s entradas<\/strong> (more-posts<\/code>).<\/p>\n
Bas\u00e1ndote en este c\u00f3digo, puedes crear f\u00e1cilmente una plantilla personalizada para tu sitio web. Por ejemplo, si quieres sustituir la lista de entradas por un dise\u00f1o de blog de fotos, puedes hacerlo f\u00e1cilmente cambiando el patr\u00f3n utilizado en esta plantilla.<\/p>\n
En el Editor del sitio, ve a la secci\u00f3n Plantillas<\/strong> y haz clic en A\u00f1adir nueva plantilla<\/strong>. Se te pedir\u00e1 que selecciones el tipo de contenido al que debe aplicarse tu plantilla. En este ejemplo, hemos seleccionado Archivos de categor\u00eda<\/strong>.<\/p>\n
\"A\u00f1adir
A\u00f1adir plantilla en WordPress 6.7<\/figcaption><\/figure>\n
A continuaci\u00f3n, debes decidir si la plantilla se utilizar\u00e1 para todas las categor\u00edas o para una categor\u00eda espec\u00edfica. Por \u00faltimo, se te mostrar\u00e1n una o varias plantillas para que empieces con ellas y hagas tus ediciones.<\/p>\n
Pero tambi\u00e9n puedes construirlo todo desde cero. En este ejemplo, estamos haciendo un peque\u00f1o cambio en el c\u00f3digo del archivo archive.html<\/code> y utilizando el patr\u00f3n twentytwentyfive\/photo-blog-posts<\/code> en lugar de twentytwentyfive\/posts-personal-blog<\/code>. La p\u00e1gina de archivo de categor\u00edas de WordPress ahora muestra una galer\u00eda de fotos.<\/p>\n
\"Un
Un archivo de categor\u00edas personalizado en Twenty Twenty-Five<\/figcaption><\/figure>\n
Resumen<\/h2>\n
Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado que se lanzar\u00e1 con WordPress 6.7, est\u00e1 dise\u00f1ado con una filosof\u00eda de simplicidad para los usuarios y flexibilidad para los desarrolladores. Gracias a sus diversos y vers\u00e1tiles patrones de bloques y estilos, este tema pretende ayudar a los usuarios a contar historias convincentes. Incluye muchas im\u00e1genes inspiradoras de Openverse que se integran perfectamente en los patrones de bloques del tema.<\/p>\n
La estructura del tema gira en torno a colecciones de bloques anidados, patrones y partes de plantillas, lo que facilita m\u00e1s que nunca el dise\u00f1o de composiciones complejas sin conocimientos avanzados de programaci\u00f3n.<\/p>\n
Twenty Twenty-Five es un paso m\u00e1s hacia la democratizaci\u00f3n del dise\u00f1o. Tanto si eres un desarrollador experimentado como un principiante, Twenty Twenty-Five proporciona una base s\u00f3lida para explorar los temas de bloques y, con los conocimientos adecuados, puedes incluso crear tu propio tema para compartirlo con la comunidad de WordPress.<\/p>\n
Ahora te toca a ti. \u00bfHas probado ya Twenty Twenty-Five en un entorno de desarrollo? Comparte tus sensaciones con nosotros en los comentarios.<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Basado en la idea de que las cosas sencillas deben ser intuitivas mientras que las complejas deben ser posibles, Twenty Twenty-Five es un tema predeterminado de …<\/p>\n","protected":false},"author":36,"featured_media":76884,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1355],"class_list":["post-76883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-temas-wordpress"],"yoast_head":"\nTema Twenty Twenty-Five para WordPress: resumen para desarrolladores<\/title>\n<meta name=\"description\" content=\"Twenty Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Una visi\u00f3n general para desarrolladores de Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress\" \/>\n<meta property=\"og:description\" content=\"Twenty Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/\" \/>\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=\"2024-10-21T12:25:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-28T09:05:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1471\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\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 Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five-1024x512.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-twenty-five\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Una visi\u00f3n general para desarrolladores de Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress\",\"datePublished\":\"2024-10-21T12:25:19+00:00\",\"dateModified\":\"2024-10-28T09:05:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/\"},\"wordCount\":2015,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/\",\"name\":\"Tema Twenty Twenty-Five para WordPress: resumen para desarrolladores\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png\",\"datePublished\":\"2024-10-21T12:25:19+00:00\",\"dateModified\":\"2024-10-28T09:05:09+00:00\",\"description\":\"Twenty Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png\",\"width\":1471,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#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\":\"Una visi\u00f3n general para desarrolladores de Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress\"}]},{\"@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":"Tema Twenty Twenty-Five para WordPress: resumen para desarrolladores","description":"Twenty Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/","og_locale":"es_ES","og_type":"article","og_title":"Una visi\u00f3n general para desarrolladores de Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress","og_description":"Twenty Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.","og_url":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2024-10-21T12:25:19+00:00","article_modified_time":"2024-10-28T09:05:09+00:00","og_image":[{"width":1471,"height":735,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Twenty Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five-1024x512.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-twenty-five\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Una visi\u00f3n general para desarrolladores de Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress","datePublished":"2024-10-21T12:25:19+00:00","dateModified":"2024-10-28T09:05:09+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/"},"wordCount":2015,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/","url":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/","name":"Tema Twenty Twenty-Five para WordPress: resumen para desarrolladores","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png","datePublished":"2024-10-21T12:25:19+00:00","dateModified":"2024-10-28T09:05:09+00:00","description":"Twenty Twenty-Five es un tema vers\u00e1til para blogs que se basa en plantillas y patrones. Explora las principales caracter\u00edsticas del nuevo tema predeterminado de WordPress.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/10\/twenty-twenty-five.png","width":1471,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-five\/#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":"Una visi\u00f3n general para desarrolladores de Twenty Twenty-Five, el pr\u00f3ximo tema predeterminado de WordPress"}]},{"@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\/76883","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=76883"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/76883\/revisions"}],"predecessor-version":[{"id":76948,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/76883\/revisions\/76948"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/76883\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/76884"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=76883"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=76883"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=76883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}