{"id":36955,"date":"2022-09-20T07:00:49","date_gmt":"2022-09-20T14:00:49","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=36955"},"modified":"2025-01-16T13:04:40","modified_gmt":"2025-01-16T21:04:40","slug":"instalar-tema-child-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/","title":{"rendered":"C\u00f3mo Instalar un Tema Child de WordPress"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">En este art\u00edculo, hablaremos un poco m\u00e1s sobre qu\u00e9 son los temas child de WordPress y por qu\u00e9 deber\u00edas usarlos. Luego, hablaremos sobre algunas situaciones donde tiene sentido crear un tema child y te ense\u00f1aremos a crear uno.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Una de las mejores cosas de usar WordPress son las <\/span><a href=\"https:\/\/www.dreamhost.com\/academy\/customize-your-wordpress-website\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">opciones casi infinitas de personalizaci\u00f3n<\/span><\/a><span style=\"font-weight: 400;\">. Sin embargo, hay algunos protocolos que deber\u00edas seguir antes de que empieces a realizar cambios. De lo contrario, tus personalizaciones pueden no funcionar como deber\u00edan.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">All\u00ed es donde los temas child llegan al rescate. Son una funci\u00f3n de WordPress que te permite personalizar tus temas de forma segura y mantendr\u00e1n todos tus cambios organizados. Una vez que aprendes c\u00f3mo utilizarlos, tu vida deber\u00eda volverse un poco m\u00e1s f\u00e1cil, particularmente si gastas mucho tiempo jugando con el estilo de tu tema y su comportamiento.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-que-son-los-temas-child-de-wordpress-y-por-que-deberias-usarlos\" class=\"wp-block-heading\"><b>Qu\u00e9 Son Los Temas Child de WordPress (Y Por Qu\u00e9 Deber\u00edas Usarlos)<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Un tema child de WordPress funciona igual que uno regular en el exterior. Una vez que es activado, funcionar\u00e1 justo como cualquiera de tus otros temas lo har\u00edan. La diferencia es, que los temas child tienen un \u2018principal\u2019 del cual heredan sus atributos.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Por ejemplo, imagina que est\u00e1s empleando el <\/span><a href=\"https:\/\/wordpress.org\/themes\/twentytwentytwo\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">tema Twenty Twenty-Two<\/span><\/a><span style=\"font-weight: 400;\"> en tu blog. Puedes crear un tema child en cualquier momento, el cual se ver\u00e1 y funcionar\u00e1 igual. Sin embargo, puedes personalizar cada aspecto de c\u00f3mo funciona un tema child sin afectar al tema \u2018principal\u2019. As\u00ed es como puedes hacer que funcione a tu favor:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Puedes actualizar tus temas con seguridad.<\/b><span style=\"font-weight: 400;\"> Cuando actualizas un tema, tambi\u00e9n pierdes cualquier cambio que hayas realizado a su c\u00f3digo en el proceso. Sin embargo, si est\u00e1s usando un tema child y actualizas el tema \u2018principal\u2019, evitas este problema.<\/span><\/li>\n\n\n\n<li><b>Es m\u00e1s f\u00e1cil mantener el rastro de los cambios que realizas a un tema.<\/b><span style=\"font-weight: 400;\"> Muchos temas WordPress incluyen docenas de archivos y cientos de l\u00edneas de c\u00f3digo. Eso quiere decir que cualquier cambio en ellos \u2014 sin importar qu\u00e9 tan peque\u00f1o \u2014 puede ser complicado, ya que es f\u00e1cil perder el rastro de esos ajustes. Con un tema child, puedes realizar cambios cuando se te antoje y a\u00fan mantendr\u00e1s las cosas en orden.<\/span><\/li>\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Resumamos lo que hemos aprendido hasta ahora usando un ejemplo.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Si creas un tema child para Twenty Twenty-Two, WordPress lo reconocer\u00e1 como un art\u00edculo diferente. Sin embargo, el tema child heredar\u00e1 todos los estilos y funciones del principal. WordPress luego carga cualquier cambio que sobre escriba su configuraci\u00f3n predeterminada. De ser as\u00ed, los renderizar\u00e1 en lugar de los archivos predeterminados del tema Twenty Twenty-Two.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Suena complicado, pero es simple una vez que aprendes c\u00f3mo crear uno y verlo en acci\u00f3n.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-cuando-tiene-sentido-usar-un-tema-child-de-wordpress\" class=\"wp-block-heading\"><b>Cu\u00e1ndo Tiene Sentido Usar un Tema Child de WordPress<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Si planeas hacer cambios en tu tema, deber\u00edas crear un child para \u00e9l. Sin embargo, si est\u00e1s completamente satisfecho con la forma en la que se ve tu tema, puedes emplearlo tal como est\u00e1.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Consejo pro: tambi\u00e9n puedes decidir si utilizar las capacidades adicionales\/personalizadas del CSS de WordPress si solo se requieren <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/aprende-css\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">cambios con CSS<\/span><\/a><span style=\"font-weight: 400;\">. Esto es mucho m\u00e1s simple que generar un tema child y puede realizarse directamente en el Personalizador.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Si a\u00fan no te decides sobre si es una buena idea usar un tema child o no, aqu\u00ed hay algunos ejemplos de situaciones donde usarlo tiene sentido:&nbsp;<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Si vas a ejecutar cambios \u2014 permanentes o temporales \u2014 en la funcionalidad o estilo de tu tema activo.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Cuando est\u00e1s usando un tema que recibe actualizaciones constantes (lo que es algo bueno) y no quieres perder tus configuraciones durante el proceso.\u00a0<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Para probar los cambios que quieres implementar en tu tema utilizando un ambiente seguro.<\/span><\/li>\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Cualquiera de estos escenarios son buenas razones para emplear temas child a diario. Sin embargo, si vas a crear uno principalmente para pruebas, puede que, en cambio, quieras configurar un sitio staging.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-como-crear-un-tema-child-de-wordpress-5-pasos\" class=\"wp-block-heading\"><b>C\u00f3mo Crear un Tema Child de WordPress (5 Pasos)<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Si esta es tu primera vez configurando un tema child de WordPress, definitivamente deber\u00edas <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-crear-copias-de-seguridad-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">realizar una copia de seguridad de tu sitio web<\/span><\/a><span style=\"font-weight: 400;\">. No te asustes \u2014 este proceso es bastante simple, pero siempre es recomendable tener precauci\u00f3n.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n, antes de comenzar, ya deber\u00edas saber cu\u00e1l tema deseas usar como el \u2018principal\u2019 en este escenario. Si solo est\u00e1s haciendo esto para prop\u00f3sitos de prueba, si\u00e9ntete libre de elegir cualquier tema predeterminado de WordPress.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-crea-una-carpeta-para-tu-tema-child\"><b>1. Crea Una Carpeta Para tu Tema Child<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">El primer paso es por supuesto el m\u00e1s simple. Cada tema que instalas en tu sitio web tiene su propia carpeta en un directorio dedicado de temas en tu servidor. Para comenzar, vamos a crear un subdirectorio para tu nuevo tema child.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Hay suficientes maneras de interactuar con la estructura de los archivos de tu sitio web \u2014 tal como a trav\u00e9s de tu panel \u2014 pero somos parciales con el <\/span><i><span style=\"font-weight: 400;\">Secure File Transfer Protocol <\/span><\/i><span style=\"font-weight: 400;\">(SFTP) debido a su facilidad de uso. Para acceder a tu sitio a trav\u00e9s de SFTP, necesitar\u00e1s un cliente dedicado. Recomendamos usar <\/span><a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">FileZilla<\/span><\/a><span style=\"font-weight: 400;\">, ya que es m\u00e1s f\u00e1cil de usar para los principiantes, y est\u00e1 bajo constante desarrollo. Si no te emociona usar FTP, tambi\u00e9n puedes <\/span><a href=\"https:\/\/wordpress.org\/support\/article\/using-filezilla\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">desempolvar tus habilidades<\/span><\/a><span style=\"font-weight: 400;\"> antes de comenzar con estos pasos.&nbsp;&nbsp;&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Una vez que ha sido instalado, <\/span><a href=\"https:\/\/wiki.filezilla-project.org\/Using\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">accede al directorio de tu sitio web<\/span><\/a><span style=\"font-weight: 400;\"> utilizando tus credenciales SFTP. Este directorio a menudo se muestra como \u2018<\/span><i><span style=\"font-weight: 400;\">public_html<\/span><\/i><span style=\"font-weight: 400;\">\u2019 pero en DreamHost, el nombre predeterminado es el dominio que a\u00f1adiste (ejemplo.com).&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ingresa en el directorio y sigue tu camino hasta <\/span><i><span style=\"font-weight: 400;\">wp-content\/themes\/<\/span><\/i><span style=\"font-weight: 400;\">. All\u00ed, encontrar\u00e1s una carpeta \u00fanica para cada uno de tus temas WordPress.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"210\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Carpeta-Themes-en-wpcontent.jpg\" alt=\"La carpeta \u2018Themes\u2019 en wpcontent.\" class=\"wp-image-36956 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Carpeta-Themes-en-wpcontent.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Carpeta-Themes-en-wpcontent-300x70.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Carpeta-Themes-en-wpcontent-768x179.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Carpeta-Themes-en-wpcontent-600x140.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Carpeta-Themes-en-wpcontent-730x170.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Carpeta-Themes-en-wpcontent-784x183.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Carpeta-Themes-en-wpcontent-877x205.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\/210;\" \/><\/figure><\/div>\n\n\n<p><i><span style=\"font-weight: 400;\">Alt text: La carpeta \u2018Themes\u2019 en wpcontent.<\/span><\/i><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ahora, haz clic derecho en cualquier lugar del directorio \u2018Themes\u2019, selecciona la opci\u00f3n \u2018Create Directory\u2019, luego dale un nombre a tu nueva carpeta.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"261\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-carpeta-tema-child.jpg\" alt=\"Creando una carpeta para el tema child\" class=\"wp-image-36957 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-carpeta-tema-child.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-carpeta-tema-child-300x87.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-carpeta-tema-child-768x223.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-carpeta-tema-child-600x174.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-carpeta-tema-child-730x212.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-carpeta-tema-child-784x227.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-carpeta-tema-child-877x254.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\/261;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">La carpeta de tu tema child puede tener cualquier nombre que desees. Sin embargo, para prop\u00f3sitos pr\u00e1cticos, recomendamos que le des un t\u00edtulo que puedas reconocer f\u00e1cilmente, tal como \u2018<\/span><i><span style=\"font-weight: 400;\">twentytwentytwo-child\u2019 <\/span><\/i><span style=\"font-weight: 400;\">o algo similar, dependiendo de cu\u00e1l sea el tema principal.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Una vez que tienes una carpeta lista para tu tema child, est\u00e1s listo para continuar con el paso #2.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-crea-una-hoja-de-estilo-del-tu-tema\"><b>2. Crea Una Hoja de Estilo del Tu Tema<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Como sabr\u00e1s, las hojas de estilo son los archivos CSS que le proporcionan a tus p\u00e1ginas la mayor parte del estilo visual. Cada tema viene con su propia hoja de estilo \u00fanica, y t\u00fa child no es una excepci\u00f3n. Recuerda que, de forma predeterminada, tu tema child heredar\u00e1 todos los estilos de su principal. Sin embargo, puedes anularlos agregando c\u00f3digo nuevo al archivo style.css que est\u00e1s a punto de crear.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Mientras que el archivo style.css de tu tema child ser\u00e1 de ayuda al final, tambi\u00e9n sirve un prop\u00f3sito importante en este momento. Simplemente, le dice a WordPress \u2018Hey, tambi\u00e9n soy un tema, c\u00e1rgame junto con los dem\u00e1s\u201d&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para que eso ocurra, necesitas regresar al directorio de tu tema child y acceder a \u00e9l. Ahora, la carpeta deber\u00eda estar vac\u00eda. Haz clic derecho en cualquier lugar dentro de la carpeta y elige la opci\u00f3n \u2018<\/span><i><span style=\"font-weight: 400;\">Create new file<\/span><\/i><span style=\"font-weight: 400;\">\u2019. Cuando FileZilla te pida que elijas un nombre, escribe \u2018Style.css\u2019 y confirma tu decisi\u00f3n.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"934\" height=\"124\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-archivo-style-css.jpg\" alt=\"Creando un archivo style.css.\" class=\"wp-image-36958 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-style-css.jpg.webp 934w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-archivo-style-css-300x40.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-archivo-style-css-768x102.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-style-css-600x80.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-style-css-730x97.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-style-css-784x104.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-style-css-877x116.jpg.webp 877w\" data-sizes=\"(max-width: 934px) 100vw, 934px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 934px; --smush-placeholder-aspect-ratio: 934\/124;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Finalmente, necesitamos a\u00f1adir un peque\u00f1o fragmento de c\u00f3digo a ese archivo. Haz clic derecho en \u00e9l y luego selecciona la opci\u00f3n <\/span><i><span style=\"font-weight: 400;\">\u2018View\/Edit<\/span><\/i><span style=\"font-weight: 400;\">\u2019. Esta opci\u00f3n descarga una copia del archivo a tu computador y lo abrir\u00e1 empleando el editor de texto local. Cuando el archivo se abra, tendr\u00e1s que pegar el siguiente texto en \u00e9l:&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">\/*<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Theme Name: Twenty Twenty-Two Child<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Theme URI: http:\/\/example.com\/twenty-twenty-two-child\/<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Description: Your first child theme!<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Author: John Doe<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Author URI: http:\/\/example.com<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Template: twentytwentytwo<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Version: 1.0.0<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">License: GNU General Public License v2 or later<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">License URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Tags: child theme<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">Text Domain: twenty-twenty-two-child<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">*\/<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">A primera vista, esto parece demasiada informaci\u00f3n, pero para que el tema child funcione, solo hay un campo que necesitas que funcione correctamente: <\/span><i><span style=\"font-weight: 400;\">\u2018Template\u2019.<\/span><\/i><span style=\"font-weight: 400;\"> En el ejemplo anterior, puedes ver que usamos <\/span><i><span style=\"font-weight: 400;\">twentytwentytwo<\/span><\/i><span style=\"font-weight: 400;\">, que es el nombre del directorio del tema Twenty Twenty-Two. Si est\u00e1s usando un tema diferente como tema principal, tendr\u00e1s que reemplazar ese valor con el nombre de su carpeta (en vez del nombre completo del tema).&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n querr\u00e1s escoger un t\u00edtulo y una descripci\u00f3n que tenga sentido para tu tema child, ya que los ver\u00e1s a ambos en la pesta\u00f1a de temas de WordPress. Por lo que respecta el resto de los campos, los valores pueden ser reemplazados por cualquier cosa que desees.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, despu\u00e9s de haber configurado el valor correcto de <\/span><i><span style=\"font-weight: 400;\">\u2018Template\u2019<\/span><\/i><span style=\"font-weight: 400;\"> y que hayas editado el c\u00f3digo, puedes guardar los cambios en el archivo <\/span><i><span style=\"font-weight: 400;\">style.css<\/span><\/i><span style=\"font-weight: 400;\"> y cerrar el editor de texto. Ahora, FileZilla te preguntar\u00e1 si deseas reemplazar el archivo en tu servidor con la copia local que acabas de modificar. Confirma con la opci\u00f3n \u2018Yes\u2019 y accede a tu panel WordPress. Si ves la pesta\u00f1a \u2018Temas\u2019, deber\u00edas ver una nueva adici\u00f3n.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"512\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Pestana-Temas-panel-WordPress.jpg\" alt=\"La pesta\u00f1a de Temas en el panel de WordPress\" class=\"wp-image-36959 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Pestana-Temas-panel-WordPress.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Pestana-Temas-panel-WordPress-300x171.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Pestana-Temas-panel-WordPress-768x437.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Pestana-Temas-panel-WordPress-600x341.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Pestana-Temas-panel-WordPress-730x415.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Pestana-Temas-panel-WordPress-784x446.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Pestana-Temas-panel-WordPress-877x499.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\/512;\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-configura-tu-tema-child-para-que-herede-el-estilo-del-principal\"><b>3. Configura Tu Tema Child Para Que Herede El Estilo del principal<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">En este momento, debes haber creado una carpeta y un archivo <\/span><i><span style=\"font-weight: 400;\">style.css<\/span><\/i><span style=\"font-weight: 400;\"> para tu nuevo tema child. En el \u00faltimo, incluimos informaci\u00f3n design\u00e1ndolo como un tema. El siguiente paso es asegurarte de que tu tema child herede el estilo y funciones de su principal.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para hacer esto, usaremos un archivo <\/span><i><span style=\"font-weight: 400;\">functions.php<\/span><\/i><span style=\"font-weight: 400;\">, el cual te permite instruirle a WordPress que a\u00f1ada nuevas funciones. En ese archivo, vamos a a\u00f1adir un script para &#8220;poner en cola&#8221; la hoja de estilo de tu tema principal (no la que acabamos de crear). Luego, tu tema child estar\u00e1 listo para su uso.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para comenzar, regresa al directorio de tu tema child. Adentro, crea un nuevo archivo llamado f<\/span><i><span style=\"font-weight: 400;\">unctions.php<\/span><\/i><span style=\"font-weight: 400;\">, justo como hiciste con el style.css en el paso n\u00famero 2.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"125\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-archivo-functions-php.jpg\" alt=\"Creando un archivo functions.php para el tema child.\" class=\"wp-image-36960 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-functions-php.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-archivo-functions-php-300x47.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Creando-archivo-functions-php-768x120.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-functions-php-600x94.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-functions-php-730x114.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Creando-archivo-functions-php-784x123.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/125;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Ahora abre el archivo usando la opci\u00f3n de FileZilla \u2018<\/span><i><span style=\"font-weight: 400;\">View\/Edit<\/span><\/i><span style=\"font-weight: 400;\">\u2019 y pega el siguiente c\u00f3digo:&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">add_action( &#8216;wp_enqueue_scripts&#8217;, &#8216;enqueue_principal_styles&#8217; );<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">function enqueue_principal_styles() {<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">wp_enqueue_style( &#8216;principal-style&#8217;, get_template_directory_uri() . &#8216;\/style.css&#8217; );<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400; font-family: 'courier new', courier, monospace;\">}<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En este caso, no hay necesidad de reemplazar ninguno de los valores del c\u00f3digo. El mismo c\u00f3digo funcionar\u00e1 sin importar qu\u00e9 tema principal est\u00e9s utilizando, ya que ya has designado esto usando el archivo style.css.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para resumir la historia, ese fragmento de c\u00f3digo le dice a WordPress que deber\u00eda cargar la hoja de estilo de tu tema principal, la cual es la \u00faltima pieza del rompecabezas que necesitas para que tu tema child funcione.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ahora guarda los cambios en tu archivo <\/span><i><span style=\"font-weight: 400;\">functions.php<\/span><\/i><span style=\"font-weight: 400;\"> y ci\u00e9rralo. Aseg\u00farate de aceptar cuando FileZilla te pregunte si deseas reemplazar tu archivo <\/span><i><span style=\"font-weight: 400;\">functions.php<\/span><\/i><span style=\"font-weight: 400;\"> y eso es todo. Ahora tu tema child est\u00e1 listo para su gran debut.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-activa-tu-nuevo-tema-chid\"><b>4. Activa Tu Nuevo Tema Chid<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Para usar tu tema child, regresa a tu panel de WordPress y ve a la pesta\u00f1a \u2018<\/span><b>Apariencia &gt; <\/b><b><i>Temas\u2019<\/i><\/b><span style=\"font-weight: 400;\">. Adentro, deber\u00eda haber un tema sin una imagen destacada \u2014 tu tema child.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"373\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Activando-tema-child.jpg\" alt=\"Activando el tema child\" class=\"wp-image-36961 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Activando-tema-child.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Activando-tema-child-300x124.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Activando-tema-child-768x318.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Activando-tema-child-600x249.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Activando-tema-child-730x303.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Activando-tema-child-784x325.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Activando-tema-child-877x363.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\/373;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Haz clic en el bot\u00f3n \u2018<\/span><span style=\"font-weight: 400;\">Activar<\/span><span style=\"font-weight: 400;\">\u2019&nbsp; junto al nombre del tema y abre tu sitio web como normalmente lo har\u00edas. Si seguiste los \u00faltimos 3 pasos al pie de la letra, tu sitio deber\u00eda verse exactamente como antes de que comenzaras.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"732\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two.jpg\" alt=\"El tema Twenty Twenty-Two\" class=\"wp-image-36962 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two-300x244.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two-768x625.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two-600x488.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two-730x594.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two-784x638.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-WordPress-Twenty-Twenty-Two-877x713.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\/732;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Si\u00e9ntete libre de echar un vistazo r\u00e1pidamente, solo para verificar una tercera vez que todo est\u00e9 funcionando correctamente. Si la respuesta es \u2018S\u00ed\u2019 (y deber\u00eda serlo), entonces est\u00e1s listo para continuar a la segunda parte de este tutorial, donde hablamos sobre c\u00f3mo usar tu nuevo tema child.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Sin embargo, antes de eso, hagamos una parada r\u00e1pida para a\u00f1adir una imagen destacada a tu tema child.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-anade-una-imagen-a-tu-tema-child\"><b>5. A\u00f1ade una Imagen a Tu Tema Child<\/b><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"316\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Imagen-destacada-de-un-tema.jpg\" alt=\"La imagen destacada de un tema.\" class=\"wp-image-36963 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Imagen-destacada-de-un-tema.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Imagen-destacada-de-un-tema-300x119.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Imagen-destacada-de-un-tema-768x303.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Imagen-destacada-de-un-tema-600x237.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Imagen-destacada-de-un-tema-730x288.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Imagen-destacada-de-un-tema-784x310.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/316;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Solo para ser claros \u2014 cuando hablamos de la imagen destacada de un tema, nos referimos a la parte gr\u00e1fica que se muestra encima de su nombre en la pesta\u00f1a de \u2018Temas\u2019. Aqu\u00ed hay un par de ejemplos. <\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"153\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Anadiendo-archivo-screenshot-al-directoriode-tema.jpg\" alt=\"A\u00f1adiendo un archivo screenshot.png al directorio de tu tema.\" class=\"wp-image-36964 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Anadiendo-archivo-screenshot-al-directoriode-tema.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Anadiendo-archivo-screenshot-al-directoriode-tema-300x57.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Anadiendo-archivo-screenshot-al-directoriode-tema-768x147.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Anadiendo-archivo-screenshot-al-directoriode-tema-600x115.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Anadiendo-archivo-screenshot-al-directoriode-tema-730x140.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Anadiendo-archivo-screenshot-al-directoriode-tema-784x150.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/153;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Los temas child muy nuevos no vienen con estas im\u00e1genes, entonces necesitas proporcionar uno para que WordPress lo cargue. Afortunadamente, este es un proceso bastante simple. Todo lo que debes hacer es a\u00f1adir una imagen PNG llamada screenshot.png en el directorio de tu tema child. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">WordPress mostrar\u00e1 esta imagen en una resoluci\u00f3n de 387 x 290. Sin embargo, probablemente querr\u00e1s guardarla usando una dimensi\u00f3n m\u00e1s alta para que se muestre mejor en pantallas m\u00e1s grandes. En todo caso, puedes emplear cualquier imagen que desees como la captura de pantalla de tu tema.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"355\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Tema-child-imagen-destacada.jpg\" alt=\"Un tema child con una imagen destacada.\" class=\"wp-image-36965 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-child-imagen-destacada.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Tema-child-imagen-destacada-300x118.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Tema-child-imagen-destacada-768x303.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-child-imagen-destacada-600x237.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-child-imagen-destacada-730x288.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-child-imagen-destacada-784x309.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Tema-child-imagen-destacada-877x346.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\/355;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Con eso fuera del camino, tu pesta\u00f1a de temas deber\u00eda verse fabulosa de nuevo, entonces es momento de volver al trabajo.<\/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-4-consejos-para-sacar-el-mejor-provecho-de-tus-temas-child-de-wordpress\" class=\"wp-block-heading\"><b>4 Consejos Para Sacar el Mejor Provecho de Tus Temas Child de WordPress<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">En esta etapa, deber\u00edas tener un tema child completamente funcional en tus manos. M\u00e1s importante, tambi\u00e9n tienes un entendimiento s\u00f3lido de c\u00f3mo funciona el proceso entero y la raz\u00f3n por la que cada paso para crear uno es necesario. Esto quiere decir que podemos continuar al paso divertido donde jugamos con tu tema child usando los archivos que acabas de crear.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-anade-estilos-personalizados\"><b>1. A\u00f1ade Estilos Personalizados<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Como ya sabes, cada tema child de WordPress hereda autom\u00e1ticamente los estilos del tema principal. Sin embargo, tambi\u00e9n tienen su propia hoja de estilo. Cualquier personalizaci\u00f3n que a\u00f1adas al archivo style.css de tu tema child luego sobreescribir\u00e1 el estilo del tema principal si existe alg\u00fan conflicto entre ellos.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Cambiar el estilo de tu tema empleando CSS es simple, siempre y cuando sepas cu\u00e1les son los elementos posibles. Incluso si no, puedes encontrarlos f\u00e1cilmente un inspector web, tal como <\/span><a href=\"https:\/\/developer.chrome.com\/devtools\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Chrome DevTools<\/span><\/a><span style=\"font-weight: 400;\">, el cual viene incluido con tu navegador. Simplemente, haz clic derecho sobre el elemento que deseas alterar y selecciona la opci\u00f3n <\/span><i><span style=\"font-weight: 400;\">\u2018Inspect\u2019.<\/span><\/i><span style=\"font-weight: 400;\">&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"219\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Inspeccionado-elemento-Google-Chrome.jpg\" alt=\"Inspeccionado un elemento en Google Chrome.\" class=\"wp-image-36966 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Inspeccionado-elemento-Google-Chrome.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Inspeccionado-elemento-Google-Chrome-300x82.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Inspeccionado-elemento-Google-Chrome-768x210.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Inspeccionado-elemento-Google-Chrome-600x164.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Inspeccionado-elemento-Google-Chrome-730x200.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Inspeccionado-elemento-Google-Chrome-784x215.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/219;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Ahora, el c\u00f3digo fuente de la p\u00e1gina se mostrar\u00e1 en una columna a tu derecha, incluyendo la clase espec\u00edfica para el elemento que estamos inspeccionando.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"175\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Analizando-clase-elemento-CSS.jpg\" alt=\"Analizando una clase de elemento CSS\" class=\"wp-image-36967 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Analizando-clase-elemento-CSS.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Analizando-clase-elemento-CSS-300x66.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Analizando-clase-elemento-CSS-768x168.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Analizando-clase-elemento-CSS-600x131.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Analizando-clase-elemento-CSS-730x160.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Analizando-clase-elemento-CSS-784x172.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/175;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Armado con esa informaci\u00f3n, puedes acceder al archivo style.css de tu tema child y a\u00f1adir el c\u00f3digo necesario para ajustarlo. Luego puedes guardar los cambios en tu archivo style.css y \u00a1listo! Regresa al frontend de tu sitio web para ver c\u00f3mo se ve tu tema ahora.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-aprende-a-sobreescribir-los-archivos-de-tu-tema-principal\"><b>2. Aprende a Sobreescribir los Archivos de Tu Tema principal<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Hace un minuto, hablamos sobre c\u00f3mo el archivo style.css de tu tema child sobreescribe el c\u00f3digo del tema principal. Lo mismo aplica para cualquier archivo del cual exista un duplicado entre tu tema principal y su child.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Imagina, por ejemplo, que decides crear un tema child para el tema Twenty Twenty-Two. El principal, en este caso, tiene un archivo footer.php en su carpeta de tema.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"168\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Archivo-footer-php-tema.jpg\" alt=\"Archivo footer.php de un tema.\" class=\"wp-image-36968 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Archivo-footer-php-tema-300x63.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Archivo-footer-php-tema-768x161.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema-600x126.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema-730x153.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema-784x165.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/168;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Si fueras a crear un archivo footer.php en este tema child, WordPress, en cambio, autom\u00e1ticamente cargar\u00e1 este. La plataforma hace esto siempre y cuando ambos archivos compartan la misma estructura de \u00e1rbol de carpeta. En este caso, ya que el archivo footer.php del tema principal est\u00e1 ubicado en el directorio superior <\/span><i><span style=\"font-weight: 400;\">twentytwentytwo<\/span><\/i><span style=\"font-weight: 400;\">, lo mismo debe ser cierto para su contraparte.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"150\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Archivo-footer-php-tema-child.jpg\" alt=\"A\u00f1adiendo un archivo footer.php a un tema child.\" class=\"wp-image-36969 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema-child.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Archivo-footer-php-tema-child-300x56.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Archivo-footer-php-tema-child-768x144.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema-child-600x113.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema-child-730x137.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Archivo-footer-php-tema-child-784x147.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/150;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Siempre y cuando ambos archivos compartan el mismo nombre, WordPress har\u00e1 el resto. Al usar este truco, podr\u00e1s alterar cualquier aspecto de tu tema. Adem\u00e1s, si alguna vez rompes algo, simplemente puedes eliminar el archivo ofensivo del directorio de tu tema child y comenzar de nuevo.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-crea-plantillas-personalizadas-de-pagina\"><b>3. Crea Plantillas Personalizadas de P\u00e1gina<\/b><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"800\" height=\"259\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Eligiendo-plantilla-pagina-WordPress.jpg\" alt=\"Eligiendo una plantilla de p\u00e1gina en WordPress\" class=\"wp-image-36970 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Eligiendo-plantilla-pagina-WordPress.jpg.webp 800w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Eligiendo-plantilla-pagina-WordPress-300x97.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/Eligiendo-plantilla-pagina-WordPress-768x249.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Eligiendo-plantilla-pagina-WordPress-600x194.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Eligiendo-plantilla-pagina-WordPress-730x236.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/09\/Eligiendo-plantilla-pagina-WordPress-784x254.jpg.webp 784w\" data-sizes=\"(max-width: 800px) 100vw, 800px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/259;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Cuando creas una nueva p\u00e1gina en WordPress, puedes elegir cu\u00e1l plantilla utilizar con ella. Algunos de los ejemplos m\u00e1s comunes incluyen dise\u00f1os de ancho completo o aquellos con barras laterales. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Puedes a\u00f1adir un nuevo dise\u00f1o a cualquier tema que desees, aunque el proceso es un poco complicado. Si deseas intentar crear uno t\u00fa mismo, <\/span><a href=\"http:\/\/www.wpbeginner.com\/wp-themes\/how-to-create-a-custom-page-in-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">aqu\u00ed hay un tutorial<\/span><\/a><span style=\"font-weight: 400;\"> para que comiences.&nbsp;&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-usa-ganchos-de-tema\"><b>4. Usa Ganchos de Tema<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">En WordPress, los <\/span><a href=\"https:\/\/developer.wordpress.org\/plugins\/hooks\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">ganchos son desencadenantes<\/span><\/a><span style=\"font-weight: 400;\"> lo que te permite a\u00f1adir c\u00f3digo personalizado cuando algo sucede o cambiar la forma en la que tus archivos funcionan. Estas son cosas que puedes lograr al modificar tus archivos, pero usar ganchos es mucho m\u00e1s limpio, ya que existen separadamente.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Aunque, aprender c\u00f3mo crear ganchos es un poco fuera del alcance de este art\u00edculo. En resumen, puedes a\u00f1adir ganchos a tu tema child empleando su propio archivo functions.php. De esta manera, cualquier modificaci\u00f3n que realizas contin\u00faa siendo independiente de tu tema principal.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-desbloquea-los-beneficios-de-los-temas-child-de-wordpress\" class=\"wp-block-heading\"><b>Desbloquea Los Beneficios de Los Temas Child de WordPress<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Los temas child de WordPress pueden ser intimidantes al comienzo. Crear uno requiere que te remangues, pero despu\u00e9s de que lo haces, te dar\u00e1s cuenta de que el proceso no es tan complicado. Adem\u00e1s, a\u00f1adir personalizaciones a tu tema child deber\u00eda proporcionarte una mejor idea de c\u00f3mo funciona WordPress, lo cual puede abrir muchas puertas. \u00bfQui\u00e9n sabe? En cualquier momento, incluso puedes terminar <\/span><a href=\"https:\/\/www.dreamhost.com\/wordpress\/guide-to-developing-a-wp-theme\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">creando tu propio tema<\/span><\/a><span style=\"font-weight: 400;\">.<\/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      Haz M\u00e1s Con DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      \u00a1Los usuarios de DreamPress Plus y Pro obtienen acceso a Jetpack Professional (y m\u00e1s de 200 temas pr\u00e9mium) sin costo adicional!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/es\/wordpress\/administrado\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Adquiere Tu Plan Hoy                    <\/a>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo, hablaremos un poco m\u00e1s sobre qu\u00e9 son los temas child de WordPress y por qu\u00e9 deber\u00edas usarlos. Luego, hablaremos sobre algunas situaciones donde tiene sentido crear un tema child y te ense\u00f1aremos a crear uno.&nbsp; Una de las mejores cosas de usar WordPress son las opciones casi infinitas de personalizaci\u00f3n. Sin embargo, [&hellip;]<\/p>\n","protected":false},"author":1062,"featured_media":36933,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Los temas child son una funci\u00f3n WordPress que te permite personalizar y actualizar temas principales de forma segura. Conoce sus beneficios.","toc_headlines":"[[\"h-que-son-los-temas-child-de-wordpress-y-por-que-deberias-usarlos\",\"Qu\u00e9 Son Los Temas Child de WordPress (Y Por Qu\u00e9 Deber\u00edas Usarlos)\"],[\"h-cuando-tiene-sentido-usar-un-tema-child-de-wordpress\",\"Cu\u00e1ndo Tiene Sentido Usar un Tema Child de WordPress\"],[\"h-como-crear-un-tema-child-de-wordpress-5-pasos\",\"C\u00f3mo Crear un Tema Child de WordPress (5 Pasos)\"],[\"h-4-consejos-para-sacar-el-mejor-provecho-de-tus-temas-child-de-wordpress\",\"4 Consejos Para Sacar el Mejor Provecho de Tus Temas Child de WordPress\"],[\"h-desbloquea-los-beneficios-de-los-temas-child-de-wordpress\",\"Desbloquea Los Beneficios de Los Temas Child de WordPress\"]]","hide_toc":false,"footnotes":""},"categories":[11668,11683],"tags":[],"class_list":["post-36955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales","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>C\u00f3mo Instalar un Tema Child de WordPress - DreamHost<\/title>\n<meta name=\"description\" content=\"Los temas child son una funci\u00f3n WordPress que te permite personalizar y actualizar temas principales de forma segura. Conoce sus beneficios.\" \/>\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\/instalar-tema-child-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Instalar un Tema Child de WordPress\" \/>\n<meta property=\"og:description\" content=\"Los temas child son una funci\u00f3n WordPress que te permite personalizar y actualizar temas principales de forma segura. Conoce sus beneficios.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-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-09-20T14:00:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T21:04:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress-Child-Themes-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=\"16 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Instalar un Tema Child de WordPress - DreamHost","description":"Los temas child son una funci\u00f3n WordPress que te permite personalizar y actualizar temas principales de forma segura. Conoce sus beneficios.","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\/instalar-tema-child-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"C\u00f3mo Instalar un Tema Child de WordPress","og_description":"Los temas child son una funci\u00f3n WordPress que te permite personalizar y actualizar temas principales de forma segura. Conoce sus beneficios.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-09-20T14:00:49+00:00","article_modified_time":"2025-01-16T21:04:40+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress-Child-Themes-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":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"C\u00f3mo Instalar un Tema Child de WordPress","datePublished":"2022-09-20T14:00:49+00:00","dateModified":"2025-01-16T21:04:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/"},"wordCount":2969,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress-Child-Themes-Feature.jpg","articleSection":["Tutoriales","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/","name":"C\u00f3mo Instalar un Tema Child de WordPress - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress-Child-Themes-Feature.jpg","datePublished":"2022-09-20T14:00:49+00:00","dateModified":"2025-01-16T21:04:40+00:00","description":"Los temas child son una funci\u00f3n WordPress que te permite personalizar y actualizar temas principales de forma segura. Conoce sus beneficios.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress-Child-Themes-Feature.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress-Child-Themes-Feature.jpg","width":900,"height":598,"caption":"how to install a WordPress child theme"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/instalar-tema-child-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo Instalar un Tema Child de WordPress"}]},{"@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":36955},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/36955","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=36955"}],"version-history":[{"count":6,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/36955\/revisions"}],"predecessor-version":[{"id":63166,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/36955\/revisions\/63166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/36933"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=36955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=36955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=36955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}