{"id":33728,"date":"2022-05-02T08:31:14","date_gmt":"2022-05-02T15:31:14","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=33728"},"modified":"2025-01-16T13:07:35","modified_gmt":"2025-01-16T21:07:35","slug":"plantillas-y-partes-plantillas-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/","title":{"rendered":"Decodificando WordPress: Creando Plantillas y Partes de Plantillas"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Con la introducci\u00f3n de <\/span><a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-5-9\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">WordPress 5.9<\/span><\/a><span style=\"font-weight: 400;\">, ahora puedes utilizar el \u2018Full Site Editing\u2019 o \u2018Edici\u00f3n Completa de Sitio\u2019 para personalizar la apariencia de tu tema. Adem\u00e1s, puedes acceder m\u00e1s funciones de dise\u00f1o para construir tu sitio sin tener que codificar con un tema basado en bloques. Sin embargo, estas configuraciones b\u00e1sicas pueden no ajustarse a tus necesidades.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Afortunadamente, puedes a\u00f1adir plantillas personalizadas y partes de plantillas a tu tema de bloques en WordPress. Ya sea usando Full Site Editing o editando el archivo de tu tema, puedes crear un <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/website-builder-template-examples\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">dise\u00f1o personalizado<\/span><\/a><span style=\"font-weight: 400;\"> para reutilizar cuando est\u00e9s dise\u00f1ando nuevo contenido.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En este art\u00edculo, hablaremos sobre qu\u00e9 son plantillas y partes de plantillas. Luego, te mostraremos c\u00f3mo crearlas en WordPress. \u00a1Manos a la obra!<\/span><\/p>\n\n\n\n<h2 id=\"h-una-introduccion-a-las-plantillas-de-pagina-de-wordpress\" class=\"wp-block-heading\"><b>Una Introducci\u00f3n a las Plantillas de P\u00e1gina de WordPress<\/b><\/h2>\n\n\n<div class=\"wp-block-image wp-image-37171 size-full\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"561\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/jerarquia-plantillas-WordPress.jpg\" alt=\"Orden de jerarqu\u00eda de plantillas en WordPress para determinar como se ve tu sitio\" class=\"wp-image-37171 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/jerarquia-plantillas-WordPress.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/jerarquia-plantillas-WordPress-300x187.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/jerarquia-plantillas-WordPress-768x479.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/jerarquia-plantillas-WordPress-600x374.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/jerarquia-plantillas-WordPress-750x468.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/jerarquia-plantillas-WordPress-100x62.jpg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/561;\" \/><figcaption class=\"wp-element-caption\">La <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\">Jerarqu\u00eda de Plantillas de WordPress<\/a> determina c\u00f3mo se muestra tu sitio al mundo<\/figcaption><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Los temas son una de las funciones m\u00e1s vers\u00e1tiles de WordPress. Al instalar un tema en tu sitio, puedes alterar su apariencia radicalmente para que se ajuste a tus necesidades. Adem\u00e1s, usualmente es f\u00e1cil encontrar temas que se adapten a tu nicho particular y ofrezcan mucha flexibilidad durante el proceso de dise\u00f1o.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Sin embargo, hay algunas cosas que son dif\u00edciles de hacer si solo est\u00e1s usando un tema para personalizar la apariencia de tu sitio. Por ejemplo, \u00bfqu\u00e9 pasa si quieres que tus archivos tengan un dise\u00f1o diferente al resto de tus p\u00e1ginas? Similarmente, puede que quieras que tu barra lateral contenga informaci\u00f3n diferente en varios tipos diferentes de p\u00e1gina.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ingresa las p\u00e1ginas de plantilla \u2014 una manera de tener m\u00e1s control sobre c\u00f3mo se ve tu sitio. En algunas maneras, las p\u00e1ginas de plantilla son muy similares a los temas. Ambos son archivos con c\u00f3digo que le dice a tu sitio c\u00f3mo mostrar informaci\u00f3n.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Como el nombre lo sugiere, sin embargo, una plantilla de p\u00e1gina solo controla el estilo de una p\u00e1gina en particular (o tipo de p\u00e1gina). Muchos temas vienen con varias plantillas de p\u00e1gina entre las cuales puedes elegir, pero tambi\u00e9n puedes crear las tuyas. De esa manera, puedes decidir exactamente c\u00f3mo deber\u00eda ser configurado y qu\u00e9 p\u00e1ginas tambi\u00e9n deber\u00edan ser asignadas para seguir esa plantilla.&nbsp;&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Entender y usar plantillas es un poco m\u00e1s t\u00e9cnico que tratar con temas. Si realmente quieres obtener una visi\u00f3n general sobre c\u00f3mo funcionan tus plantillas, puede que quieras gastar un poco de tiempo leyendo sobre la <\/span><a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\"><span style=\"font-weight: 400;\">Jerarqu\u00eda de Plantillas de WordPress<\/span><\/a><span style=\"font-weight: 400;\">. Este sistema asigna un nivel de prioridad a cada tipo de plantilla para que tu sitio WordPress siempre sepa cu\u00e1l mostrar.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">No entraremos en muchos detalles sobre este concepto en este momento, ya que primero nos enfocaremos espec\u00edficamente en las p\u00e1ginas de plantillas. Comencemos a explorar por qu\u00e9 querr\u00edas usar tus plantillas en primer lugar.<\/span><\/p>\n\n\n\n<h2 id=\"h-los-beneficios-de-usar-paginas-de-plantillas\" class=\"wp-block-heading\"><b>Los Beneficios de Usar P\u00e1ginas de Plantillas<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Para este momento, deber\u00edas tener una idea de por qu\u00e9 las p\u00e1ginas de plantillas son tan \u00fatiles. Proporcionan m\u00e1s control sobre tu sitio por encima del dise\u00f1o de tu sitio del que usualmente obtendr\u00edas al modificar tu tema. Las aplicaciones para las plantillas de p\u00e1gina son numerosas \u2014 el \u00fanico l\u00edmite es tu propia creatividad.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para darte un sentido de la importancia de esta funci\u00f3n, sin embargo, aqu\u00ed hay algunos ejemplos de situaciones en las cuales puede que quieras usar una plantilla de p\u00e1gina:&nbsp;<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Si deseas que una p\u00e1gina en particular tenga un dise\u00f1o de ancho completo, mientras que mantienes un dise\u00f1o de ancho fijo para las otras p\u00e1ginas.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Para crear una p\u00e1gina personalizada que usa <\/span><i><span style=\"font-weight: 400;\">widgets <\/span><\/i><span style=\"font-weight: 400;\">que no son mostrados en otras p\u00e1ginas.\u00a0<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Mostrar publicaciones recomendadas a los lectores que sean relevantes al contenido espec\u00edfico que est\u00e1n buscando.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Construir una p\u00e1gina con un conjunto \u00fanico de funciones, como una p\u00e1gina de contribuyentes o archivos.<\/span><\/li>\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Al final de esta publicaci\u00f3n, te mostraremos c\u00f3mo hacer cada una de estas cosas. Una vez que has comenzado a experimentar con plantillas de p\u00e1gina y a obtener una idea sobre c\u00f3mo funcionan, podr\u00e1s hacer lo que quieras con ellas.&nbsp;<\/span><\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h-una-introduccion-a-la-edicion-completa-de-sitio-con-plantillas-y-partes-de-plantilla\" class=\"wp-block-heading\"><b>Una Introducci\u00f3n a la Edici\u00f3n Completa de Sitio con Plantillas y Partes de Plantilla<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Al utilizar <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/wordpress-full-site-editing-2\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Full-Site Editing<\/span><\/a><span style=\"font-weight: 400;\">, puedes con realizar el dise\u00f1o de tu sitio web con bloques. Probablemente, ya est\u00e9s usando bloques para crear publicaciones de WordPress. Ahora pueden construir tu sitio por completo, incluyendo \u00e1reas sin contenido.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"302\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/plantillas-tema-panel-wordpress.jpg\" alt=\"Plantillas de p\u00e1gina en WordPress\" class=\"wp-image-37172 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/plantillas-tema-panel-wordpress.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/plantillas-tema-panel-wordpress-300x101.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/plantillas-tema-panel-wordpress-768x258.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/plantillas-tema-panel-wordpress-600x201.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/plantillas-tema-panel-wordpress-750x252.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/plantillas-tema-panel-wordpress-100x34.jpg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/302;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Una ventaja de la Edici\u00f3n Completa de Sitio son las plantillas de p\u00e1gina. Te permiten ver f\u00e1cilmente y personalizar tus plantillas sin tener que editar tus archivos de tema manualmente. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En WordPress, tambi\u00e9n existen las partes de plantillas, las cuales funcionan como secciones estructuradas m\u00e1s peque\u00f1as de una p\u00e1gina de plantilla. Usualmente, ver\u00e1s partes de plantillas empleadas como encabezados o pies de p\u00e1gina.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1714\" height=\"800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/partes-plantilla-FSE-WordPress.jpg\" alt=\"Partes de Plantilla de WordPress\" class=\"wp-image-37173 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/partes-plantilla-FSE-WordPress.jpg.webp 1714w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/partes-plantilla-FSE-WordPress-300x140.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/partes-plantilla-FSE-WordPress-1024x478.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/partes-plantilla-FSE-WordPress-768x358.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/partes-plantilla-FSE-WordPress-1536x717.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/partes-plantilla-FSE-WordPress-600x280.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/partes-plantilla-FSE-WordPress-750x350.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/partes-plantilla-FSE-WordPress-100x47.jpg 100w\" data-sizes=\"(max-width: 1714px) 100vw, 1714px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1714px; --smush-placeholder-aspect-ratio: 1714\/800;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Al utilizar una plantilla, puedes construir p\u00e1ginas con funciones \u00fanicas. Por ejemplo, puede que no quieras que tu <\/span><a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-front-page\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">p\u00e1gina inicial<\/span><\/a><span style=\"font-weight: 400;\"> tenga el mismo dise\u00f1o que el resto de tu contenido. Por lo tanto, puedes alcanzar un dise\u00f1o \u00fanico con una platilla de p\u00e1gina.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Adem\u00e1s, puedes ahorrar tiempo durante el proceso de dise\u00f1o al reutilizar plantillas y partes de platillas. Al simplemente hacer clic en una plantilla o un elemento individual, puedes implementarlo instant\u00e1neamente.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-como-crear-plantillas-en-wordpress-con-el-editor-de-plantillas\" class=\"wp-block-heading\"><b>C\u00f3mo Crear Plantillas en WordPress con El Editor de Plantillas<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Si est\u00e1s utilizando un tema de bloques, este viene con el <\/span><a href=\"https:\/\/wordpress.org\/support\/article\/template-editor\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Editor de Plantillas<\/span><\/a><span style=\"font-weight: 400;\">. Al usar esta funci\u00f3n, puedes crear y editar plantillas para cualquier p\u00e1gina o publicaci\u00f3n de tu sitio. Funciona similar al Editor en Bloque, permiti\u00e9ndote personalizar tus temas con bloques.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para comenzar, tendr\u00e1s que instalar un tema de bloques. En tu panel de WordPress, navega a \u2018<\/span><b>Apariencia &gt; Temas &gt; A\u00f1adir Nuevo\u2019. <\/b><span style=\"font-weight: 400;\">Luego, filtra los resultados con la etiqueta \u2018<strong>Edici\u00f3n Completa de Sitio<\/strong>\u2019.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"553\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-opciones-panel-WordPress.jpg\" alt=\"B\u00fasqueda de tema de bloques\" class=\"wp-image-37174 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/anadir-nuevo-tema-opciones-panel-WordPress.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-opciones-panel-WordPress-300x184.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-opciones-panel-WordPress-768x472.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/anadir-nuevo-tema-opciones-panel-WordPress-600x369.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/anadir-nuevo-tema-opciones-panel-WordPress-750x461.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-opciones-panel-WordPress-100x61.jpg 100w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/553;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Selecciona \u2018<\/span><b>Aplicar Filtros\u2019.<\/b><span style=\"font-weight: 400;\"> En los resultados de b\u00fasqueda, instala y activa un tema. Usaremos el tema predeterminado Twenty Twenty-Two para este tutorial:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"851\" height=\"592\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-FSE-WordPress.jpg\" alt=\"Instalando un tema de bloques FSE en WordPress\" class=\"wp-image-37175 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/anadir-nuevo-tema-FSE-WordPress.jpg.webp 851w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-FSE-WordPress-300x209.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-FSE-WordPress-768x534.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/anadir-nuevo-tema-FSE-WordPress-600x417.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/05\/anadir-nuevo-tema-FSE-WordPress-750x522.jpg.webp 750w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/anadir-nuevo-tema-FSE-WordPress-100x70.jpg 100w\" data-sizes=\"(max-width: 851px) 100vw, 851px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 851px; --smush-placeholder-aspect-ratio: 851\/592;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Para crear una nueva plantilla, comienza por a\u00f1adir una nueva p\u00e1gina o publicaci\u00f3n. Luego, en la pesta\u00f1a de configuraci\u00f3n<\/span><i><span style=\"font-weight: 400;\"> \u2018<\/span><\/i><b>P\u00e1gina\u2019 <\/b><span style=\"font-weight: 400;\">encuentra la secci\u00f3n \u2018<\/span><b>Plantilla\u2019 <\/b><span style=\"font-weight: 400;\">y selecciona el bot\u00f3n \u2018<\/span><b>Nueva\u2019.<\/b><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"405\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1.jpg\" alt=\"Plantillas de p\u00e1gina de edici\u00f3n de publicaciones.\" class=\"wp-image-33734 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1-300x135.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1-768x346.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1-600x270.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1-730x329.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1-784x353.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-1-877x395.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/405;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">En la ventana emergente, dale a tu nueva plantilla un nombre. Luego selecciona \u2018<\/span><b>Crear\u2019<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"561\" height=\"390\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-2.jpg\" alt=\"Nueva plantilla de editor de publicaci\u00f3n.\" class=\"wp-image-33735 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-2.jpg.webp 561w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-2-300x209.jpg 300w\" data-sizes=\"(max-width: 561px) 100vw, 561px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 561px; --smush-placeholder-aspect-ratio: 561\/390;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Autom\u00e1ticamente, abrir\u00e1 el Editor de plantillas. Puedes dise\u00f1ar tu plantilla usando los mismos bloques que emplear\u00edas en una publicaci\u00f3n. Sin embargo, es importante tener en cuenta que estos bloques ser\u00e1n a\u00f1adidos a cada publicaci\u00f3n con esta plantilla.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"401\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3.jpg\" alt=\"Plantilla de Editor de Bloques\" class=\"wp-image-33736 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3-300x134.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3-768x342.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3-600x267.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3-730x325.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3-784x349.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-3-877x391.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/401;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n puedes insertar bloques relacionados con tu tema. Al desplazarte hacia abajo a la secci\u00f3n \u2018<\/span><b>Tema\u2019 <\/b><span style=\"font-weight: 400;\">de las opciones de bloque, puedes mostrar un logo, eslogan, publicar comentarios y m\u00e1s.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"445\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4.jpg\" alt=\"Plantilla de temas de bloque\" class=\"wp-image-33737 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4-300x148.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4-768x380.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4-600x297.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4-730x361.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4-784x388.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-4-877x434.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/445;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Cuando termines de personalizar tu plantilla, haz clic en \u2018<\/span><b>Publicar\u2019<\/b><span style=\"font-weight: 400;\">. Luego, cuando quieras asignar una publicaci\u00f3n a esa plantilla, simplemente selecci\u00f3nalo en la pesta\u00f1a \u2018Configuraciones\u2019.<\/span><\/p>\n\n\n\n<h2 id=\"h-como-crear-partes-de-plantilla-en-wordpress-con-el-site-editor\" class=\"wp-block-heading\"><b>C\u00f3mo Crear Partes de Plantilla en WordPress con el Site Editor<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Con un tema de bloques, puedes editar plantillas con el Site Editor. Puedes editar tu tema directamente en vez de crear una nueva p\u00e1gina o publicaci\u00f3n.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Primero, ve a tu panel. Luego, selecciona \u2018<\/span><b>Apariencia &gt; Editor (beta)\u2019.<\/b><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"246\" height=\"170\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-5.jpg\" alt=\"Abriendo el Full Site Editor\" class=\"wp-image-33738 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 246px; --smush-placeholder-aspect-ratio: 246\/170;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Esto abrir\u00e1 el Site Editor. Para encontrar las plantillas de tu sitio y la<\/span><span style=\"font-weight: 400;\">s partes de plantillas, haz clic en el \u00edcono de WordPress en la parte superior izquierda.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"383\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6.jpg\" alt=\"Full Site Editor\" class=\"wp-image-33748 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6-300x128.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6-768x327.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6-600x255.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6-730x311.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6-784x334.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-6-877x373.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/383;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Despu\u00e9s de seleccionar \u2018<\/span><b>Partes de Plantilla\u2019<\/b><b><i>,<\/i><\/b><span style=\"font-weight: 400;\"> ver\u00e1s una lista de opciones predeterminadas. Para a\u00f1adir una nueva parte de plantilla, haz clic en el bot\u00f3n \u2018<\/span><b>A\u00f1adir Nueva\u2019.<\/b><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"406\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7.jpg\" alt=\"Partes de plantilla de Site editor\" class=\"wp-image-33747 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7-300x135.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7-768x346.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7-600x271.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7-730x329.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7-784x354.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-7-877x396.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/406;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Luego, crea un nombre para tu parte de plantilla y elige d\u00f3nde ubicarla. Las 3 \u00e1reas de ubicaci\u00f3n son \u2018<\/span><b>Generales, Cabecera, y Pie de p\u00e1gina\u2019.<\/b><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"645\" height=\"712\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-8.jpg\" alt=\"Nueva parte de plantilla en el Site editor\u00a0\" class=\"wp-image-33746 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-8.jpg.webp 645w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-8-272x300.jpg 272w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-8-600x662.jpg.webp 600w\" data-sizes=\"(max-width: 645px) 100vw, 645px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 645px; --smush-placeholder-aspect-ratio: 645\/712;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Cuando hayas finalizado, selecciona \u2018<\/span><b>Crear\u2019.<\/b><span style=\"font-weight: 400;\"> Esto te llevar\u00e1 a la parte aislada de la plantilla, que puedes personalizar al a\u00f1adir bloques.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"396\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9.jpg\" alt=\"Template part block editor\" class=\"wp-image-33745 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9-300x132.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9-768x338.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9-600x264.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9-730x321.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9-784x345.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-9-877x386.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/396;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Podr\u00edas mostrar un simple llamado a la acci\u00f3n (CTA), lo del sitio, o cualquier cosa que desees reutilizar como parte de plantilla. Una vez que es guardado, puedes a\u00f1adirlo a cualquier plantilla simplemente al insertar el bloque \u2018<\/span><b>Parte de Plantilla\u2019.<\/b><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\n<div class=\"single__related-article\">\n\t<span>Related Article<\/span>\n\t<div class=\"single__related-article__wrap\">\n\t\t<div class=\"single__related-article__title\">\n\t\t\t22 Temas de Bloques de WordPress Perfectos para la Edici\u00f3n Completa del Sitio [2025]\n\t\t<\/div>\n\t\t<a href=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/temas-bloque-fse-wordpress\/\" class=\"btn btn--sm btn--brand\" target=\"_blank\" rel=\"noopener\">\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n<\/span><\/p>\n\n\n\n<h2 id=\"h-como-crear-plantillas-personalizadas-y-partes-de-plantilla-en-wordpress-con-codigo-nbsp\" class=\"wp-block-heading\"><b>C\u00f3mo Crear Plantillas Personalizadas y Partes de Plantilla en WordPress (Con C\u00f3digo)&nbsp;<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Aunque el Full Site Editing te permite crear plantillas y partes de plantilla par aun tema existente, puede que quieras <\/span><a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">desarrollar tu tema<\/span><\/a><span style=\"font-weight: 400;\">. Adicionalmente, esta opci\u00f3n puede darte m\u00e1s control sobre la apariencia de tu sitio web.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Si est\u00e1s construyendo tu nuevo tema desde uno existente, recomendamos <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">crear un tema hijo<\/span><\/a><span style=\"font-weight: 400;\">. Este paso, asegura que las nuevas actualizaciones en el tema principal no anular\u00e1 tus cambios de personalizaci\u00f3n.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-1-anade-un-archivo-de-configuracion\"><b>Paso 1: A\u00f1ade un Archivo de Configuraci\u00f3n<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Con los antiguos <\/span><a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-wp-functions\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">temas basados en PHP<\/span><\/a><span style=\"font-weight: 400;\">, pod\u00edas editar el encabezado en tu archivo plantilla. Sin embargo, para crear contenido personalizado en un tema basado en bloques, tendr\u00e1s que crear un nuevo <\/span><a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/themes\/theme-json\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">archivo theme.json<\/span><\/a><span style=\"font-weight: 400;\">.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Primero, tendr\u00e1s que acceder a tu sitio a trav\u00e9s de&nbsp; <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/ftp-sftp-guide-for-wordpress-users\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Secure File Transfer Protocol (SFTP)<\/span><\/a><span style=\"font-weight: 400;\"> o el panel de administraci\u00f3n de sitio de tu proveedor de alojamiento. Luego, busca la carpeta \u2018<\/span><b><i>Themes<\/i><\/b><span style=\"font-weight: 400;\">\u2019, que deber\u00eda estar dentro de&nbsp; \u2018<\/span><b>wp-content<\/b><span style=\"font-weight: 400;\">\u2019.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"512\" height=\"210\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-95.jpg\" alt=\"Carpeta Ra\u00edz \u2018themes\u2019\" class=\"wp-image-33744 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-95.jpg.webp 512w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-95-300x123.jpg 300w\" data-sizes=\"(max-width: 512px) 100vw, 512px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/210;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">En la carpeta de tema hijo, crea un nuevo archivo. Ll\u00e1malo \u201ctheme.json\u201d.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"512\" height=\"182\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-96.jpg\" alt=\"Creando el archivo theme.json\" class=\"wp-image-33743 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-96.jpg.webp 512w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-96-300x107.jpg 300w\" data-sizes=\"(max-width: 512px) 100vw, 512px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/182;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">En este archivo, incluye el n\u00famero de la versi\u00f3n entre corchetes. Si no a\u00f1ades esto, ser\u00e1 le\u00eddo como \u201cversion 0\u201d:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">{<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;\"version\": 2<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Tendr\u00e1s que configurar este archivo theme.json para soportar el ancho de tu contenido. Despu\u00e9s del n\u00famero de la versi\u00f3n, copia y pega <\/span><a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/theme-json\/#layout\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">este c\u00f3digo adicional<\/span><\/a><span style=\"font-weight: 400;\">:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">{<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"version\": 2,<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&nbsp;\"settings\": {<\/span>\n<span style=\"font-weight: 400;\">  &nbsp; &nbsp; &nbsp; &nbsp;\"layout\": {<\/span>\n<span style=\"font-weight: 400;\">  &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;\"contentSize\": \"840px\",<\/span>\n<span style=\"font-weight: 400;\">  &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;\"wideSize\": \"1100px\"<\/span>\n<span style=\"font-weight: 400;\">  &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}<\/span>\n<span style=\"font-weight: 400;\">  &nbsp; &nbsp; &nbsp; &nbsp;}<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Esto configurar\u00e1 el tama\u00f1o de tu contenido a 840px. El ancho tambi\u00e9n ser\u00e1 actualizado a 1100px. Estos valores coinciden con los anchos predeterminados en el Editor de Sitio, pero puedes editarlos seg\u00fan sea necesario.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ya que el ancho del contenido ahora es de 840px, este proporcionar\u00e1 bastante espacio para cada l\u00ednea de caracteres. Dependiendo del tama\u00f1o y tipograf\u00eda que hayas elegido, puede que necesites ajustarlo para que los visitantes puedan leer tu contenido c\u00f3modamente.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-2-crea-nuevas-partes-de-plantillas\"><b>Paso 2: Crea Nuevas Partes de Plantillas<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Luego, regresa a tu carpeta \u2018<\/span><b>Themes<\/b><span style=\"font-weight: 400;\">\u2019 y abre la carpeta de plantillas.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"512\" height=\"210\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-97.jpg\" alt=\"Carpeta Templates\" class=\"wp-image-33742 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-97.jpg.webp 512w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-97-300x123.jpg 300w\" data-sizes=\"(max-width: 512px) 100vw, 512px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/210;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Aqu\u00ed, crea un archivo index.html:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"512\" height=\"166\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-98.jpg\" alt=\"Creando un archivo index.html\" class=\"wp-image-33741 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-98.jpg.webp 512w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-98-300x97.jpg 300w\" data-sizes=\"(max-width: 512px) 100vw, 512px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/166;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Regresa a la carpeta \u2018<\/span><b>Theme<\/b><span style=\"font-weight: 400;\">\u2019 y haz clic en \u2018<\/span><b><i>template-parts\u2019. <\/i><\/b><span style=\"font-weight: 400;\">Dentro de esta carpeta, crea los archivos <\/span><i><span style=\"font-weight: 400;\">footer.html<\/span><\/i><span style=\"font-weight: 400;\"> y <\/span><i><span style=\"font-weight: 400;\">header.html<\/span><\/i><span style=\"font-weight: 400;\">:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"512\" height=\"260\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-99.jpg\" alt=\"archivos de \u2018Header\u2019 y \u2018footer\u2019\" class=\"wp-image-33740 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-99.jpg.webp 512w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-99-300x152.jpg 300w\" data-sizes=\"(max-width: 512px) 100vw, 512px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 512px; --smush-placeholder-aspect-ratio: 512\/260;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Dentro del archivo&nbsp; <\/span><i><span style=\"font-weight: 400;\">header.html, <\/span><\/i><span style=\"font-weight: 400;\">a\u00f1ade c\u00f3digo al los bloques de t\u00edtulo de tu sitio y eslogan. Puedes hacer esto al incluir este <\/span><a href=\"https:\/\/fullsiteediting.com\/lessons\/templates-and-template-parts\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">marcado de bloque<\/span><\/a><span style=\"font-weight: 400;\">:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">&lt;!-- wp:site-title \/--&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;!-- wp:site-tagline \/\u2192<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, dir\u00edgete al archivo \u2018<\/span><i><span style=\"font-weight: 400;\">footer.html\u2019 <\/span><\/i><span style=\"font-weight: 400;\">y pega el siguiente c\u00f3digo.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">&lt;!-- wp:paragraph {\"align\":\"center\"} --&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;p class=\"has-text-align-center\"&gt;Proudly powered by <\/span>\n<span style=\"font-weight: 400;\">&lt;a href=\"https:\/\/wordpress.org\/\"&gt;WordPress&lt;\/a&gt;.&lt;\/p&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;!-- \/wp:paragraph \/\u2014-&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Una vez que has a\u00f1adido estas partes de plantilla, puede ser f\u00e1cilmente identificadas cuando est\u00e9s listo para probar tu tema.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-3-combina-las-partes-de-plantilla\"><b>Paso 3: Combina Las Partes de Plantilla<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">El siguiente paso es ubicar el marcado de bloque para tus partes de plantilla en tu archivo HTML de plantilla. Abre la carpeta de \u2018<\/span><i><span style=\"font-weight: 400;\">Templates<\/span><\/i><span style=\"font-weight: 400;\">\u2019 y encuentra el archivo index.html que creaste en el paso anterior.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Luego, tendr\u00e1s que a\u00f1adir c\u00f3digo a tus partes de plantilla:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">&lt;!-- wp:template-part {\"slug\":\"header\"} \/--&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;!-- wp:template-part {\"slug\":\"footer\"} \/\u2014-&gt;<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Bas\u00e1ndote en el nombre del archivo de parte de plantilla, este nombre se convertir\u00e1 en el slug. Por ejemplo, la parte de plantilla header.html tendr\u00e1 \u201cheader\u201d como su slug.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, a\u00f1ade el elemento HTML correcto para cada parte de la plantilla. Se identificar\u00e1 la ubicaci\u00f3n de la parte de la plantilla:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">\"tagName\":\"header\"<\/span>\n<span style=\"font-weight: 400;\">\"tagName\":\"footer\"<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Si planeas usando CSS para identificar este encabezado y pie de p\u00e1gina, tendr\u00e1s que a\u00f1adir un \u2018Class Name\u2019 personalizado. Puedes poner este c\u00f3digo al final de cada l\u00ednea.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">\"className\":\"site-header\"<\/span>\n<span style=\"font-weight: 400;\">\"className\":\"site-footer\"<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Por \u00faltimo, la configuraci\u00f3n del dise\u00f1o que insertaste en el archivo \u2018theme.json\u2019 debe ser soportada. Para hacer esto, a\u00f1ade este c\u00f3digo para cada parte de plantilla.&nbsp;<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">\"layout\":{\"inherit\":true}<\/span><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/Plantillas-WordPress-FSE-DreamHost-100-e1651088206962.jpg\" alt=\"A\u00f1ade el soporte de configuraci\u00f3n de dise\u00f1o\" class=\"wp-image-33739 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">As\u00ed deber\u00eda verse el resultado del c\u00f3digo:<\/span>Una vez que has terminado de codificar, puedes previsualizar tu sitio para ver estos cambios en tu dise\u00f1o.<\/p>\n\n\n\n<h2 id=\"h-listo-para-crear-tus-propias-plantillas-personalizadas\" class=\"wp-block-heading\">\u00bfListo Para Crear Tus Propias Plantillas Personalizadas?<\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Si deseas simplificar tu proceso de dise\u00f1o web, es una buena idea utilizar Full Site Editing. F\u00e1cilmente, puedes personalizar la apariencia de tu sitio con plantillas y partes de plantillas empleando esta funci\u00f3n. Este enfoque puede ser una simple alternativa a redise\u00f1ar completamente cada p\u00e1gina desde cero.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para resumir, aqu\u00ed est\u00e1n las diferentes maneras en las que puedes crear plantillas y partes de plantillas en WordPress:&nbsp;<\/span><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Haz una nueva plantilla con el Editor de Plantillas.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Crea partes de plantilla con el Editor de Sitio.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Codifica manualmente las plantillas y partes de plantilla.<\/span><\/li>\n\n\n<\/ol>\n\n\n\n<p><span style=\"font-weight: 400;\">Codificar tu propio tema puede ser complicado, especialmente si no tienes experiencia con desarrollo web. Si necesitas personalizar tu dise\u00f1o desde cero, es posible que desees contratar a un dise\u00f1ador profesional. \u00a1Con nuestro <\/span><a href=\"https:\/\/www.dreamhost.com\/es\/servicios-profesionales\/diseno\/diseno-web-personalizado\/\"><span style=\"font-weight: 400;\">Servicio Profesional de Dise\u00f1o Web<\/span><\/a><span style=\"font-weight: 400;\">, puedes evitar este complicado proceso de codificaci\u00f3n y obtener un sitio web de la m\u00e1s alta calidad dise\u00f1ado para tu marca!<\/span><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Un Sitio Web Para Estar Orgulloso\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nuestros dise\u00f1adores crear\u00e1n un hermoso sitio web desde cero para que se ajuste perfectamente a tu marca.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/es\/servicios-profesionales\/diseno\/diseno-web-personalizado\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Cotiza el Tuyo                    <\/a>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Con la introducci\u00f3n de WordPress 5.9, ahora puedes utilizar el \u2018Full Site Editing\u2019 o \u2018Edici\u00f3n Completa de Sitio\u2019 para personalizar la apariencia de tu tema. Adem\u00e1s, puedes acceder m\u00e1s funciones de dise\u00f1o para construir tu sitio sin tener que codificar con un tema basado en bloques. Sin embargo, estas configuraciones b\u00e1sicas pueden no ajustarse a [&hellip;]<\/p>\n","protected":false},"author":1062,"featured_media":37199,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Con WordPress 5.9, ahora puedes usar Full Site Editing para personalizar tu tema. Aprende aqu\u00ed todo sobre plantillas y partes de plantillas.","toc_headlines":"[[\"h-una-introduccion-a-las-plantillas-de-pagina-de-wordpress\",\"Una Introducci\u00f3n a las Plantillas de P\u00e1gina de WordPress\"],[\"h-los-beneficios-de-usar-paginas-de-plantillas\",\"Los Beneficios de Usar P\u00e1ginas de Plantillas\"],[\"h-una-introduccion-a-la-edicion-completa-de-sitio-con-plantillas-y-partes-de-plantilla\",\"Una Introducci\u00f3n a la Edici\u00f3n Completa de Sitio con Plantillas y Partes de Plantilla\"],[\"h-como-crear-plantillas-en-wordpress-con-el-editor-de-plantillas\",\"C\u00f3mo Crear Plantillas en WordPress con El Editor de Plantillas\"],[\"h-como-crear-partes-de-plantilla-en-wordpress-con-el-site-editor\",\"C\u00f3mo Crear Partes de Plantilla en WordPress con el Site Editor\"],[\"h-como-crear-plantillas-personalizadas-y-partes-de-plantilla-en-wordpress-con-codigo-nbsp\",\"C\u00f3mo Crear Plantillas Personalizadas y Partes de Plantilla en WordPress (Con C\u00f3digo)\u00a0\"],[\"h-listo-para-crear-tus-propias-plantillas-personalizadas\",\"\u00bfListo Para Crear Tus Propias Plantillas Personalizadas?\"]]","hide_toc":false,"footnotes":""},"categories":[11677,11683],"tags":[],"class_list":["post-33728","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dreampress","category-wordpress-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Decodificando WordPress: Plantillas &amp; Partes de Plantillas - DreamHost<\/title>\n<meta name=\"description\" content=\"Con WordPress 5.9, ahora puedes usar Full Site Editing para personalizar tu tema. Aprende aqu\u00ed todo sobre plantillas y partes de plantillas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Decodificando WordPress: Creando Plantillas y Partes de Plantillas\" \/>\n<meta property=\"og:description\" content=\"Con WordPress 5.9, ahora puedes usar Full Site Editing para personalizar tu tema. Aprende aqu\u00ed todo sobre plantillas y partes de plantillas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-02T15:31:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T21:07:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-ES.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Decodificando WordPress: Plantillas & Partes de Plantillas - DreamHost","description":"Con WordPress 5.9, ahora puedes usar Full Site Editing para personalizar tu tema. Aprende aqu\u00ed todo sobre plantillas y partes de plantillas.","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:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Decodificando WordPress: Creando Plantillas y Partes de Plantillas","og_description":"Con WordPress 5.9, ahora puedes usar Full Site Editing para personalizar tu tema. Aprende aqu\u00ed todo sobre plantillas y partes de plantillas.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-05-02T15:31:14+00:00","article_modified_time":"2025-01-16T21:07:35+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-ES.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decodificando WordPress: Creando Plantillas y Partes de Plantillas","datePublished":"2022-05-02T15:31:14+00:00","dateModified":"2025-01-16T21:07:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/"},"wordCount":2272,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature-1.jpg","articleSection":["DreamPress","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/","name":"Decodificando WordPress: Plantillas & Partes de Plantillas - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature-1.jpg","datePublished":"2022-05-02T15:31:14+00:00","dateModified":"2025-01-16T21:07:35+00:00","description":"Con WordPress 5.9, ahora puedes usar Full Site Editing para personalizar tu tema. Aprende aqu\u00ed todo sobre plantillas y partes de plantillas.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature-1.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/05\/WordPress-Page-Templates-Feature-1.jpg","width":900,"height":598},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decodificando WordPress: Creando Plantillas y Partes de Plantillas"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"es","translations":{"es":33728,"en":33726,"uk":52735,"pt":56850,"de":56853,"pl":56856,"ru":56859,"it":68366,"fr":70315,"nl":70336},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=33728"}],"version-history":[{"count":10,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33728\/revisions"}],"predecessor-version":[{"id":63211,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33728\/revisions\/63211"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/37199"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=33728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=33728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=33728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}