{"id":54253,"date":"2016-07-15T14:02:53","date_gmt":"2016-07-15T21:02:53","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=54253"},"modified":"2025-01-16T13:23:43","modified_gmt":"2025-01-16T21:23:43","slug":"por-que-necesitas-un-tema-child","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/","title":{"rendered":"Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio"},"content":{"rendered":"\n<p><i><\/i>Imag\u00ednate esto: has encontrado el tema perfecto para tu <a href=\"\/hosting\/wordpress\/\">WordPress<\/a> blog. Bueno, casi perfecto. Despu\u00e9s de ajustar la fuente del men\u00fa de Times New Roman a Open Sans y cambiar el color de fondo de la barra lateral de verde a azul celeste, se ajusta exactamente a tu visi\u00f3n. Hasta que dos semanas despu\u00e9s, el creador del tema lanza una nueva versi\u00f3n con una actualizaci\u00f3n de seguridad esencial. Actualizas tu tema solo para notar que \u2014 \u00a1puf! \u2014 tus cambios personalizados han desaparecido.<\/p>\n\n\n\n<p>Afortunadamente, no tienes que pasar tus d\u00edas reimplementando tus cambios y temiendo nuevas actualizaciones. Hay una manera m\u00e1s f\u00e1cil de <a href=\"https:\/\/www.dreamhost.com\/blog\/17-expert-blogging-tips-for-2017\/\">personalizar tu blog<\/a> mientras conservas la mayor parte del aspecto y sensaci\u00f3n que amas: puedes crear un tema &#8220;child&#8221; o secundario, que hereda la funcionalidad del tema &#8220;parent&#8221; o principal, a\u00f1adiendo esas modificaciones de estilo que son \u00fanicas para ti. Incluso si actualizas el tema principal, el tema secundario conserva tus cambios tanto tiempo como desees.<\/p>\n\n\n\n<p>Solo se necesita un archivo .css para convertir un <a href=\"https:\/\/www.dreamhost.com\/blog\/guidelines-for-choosing-a-wordpress-theme\/\">tema de WordPress<\/a> regular en un tema secundario personalizado, y se necesita menos c\u00f3digo del que piensas. A continuaci\u00f3n, se presenta una gu\u00eda paso a paso para crear un tema secundario a partir de cualquier tema de WordPress regular que ya tengas en mente.<\/p>\n\n\n\n<p>Nota: Este es un tutorial intermedio que asume que conoces al menos un poco de HTML y CSS. No necesitas ser un maestro, pero estaremos editando el c\u00f3digo de un tema. Si a\u00fan no te sientes c\u00f3modo con eso, podr\u00edas querer explorar el <a href=\"http:\/\/www.w3schools.com\/css\/\">tutorial gratuito de CSS de W3Schools<\/a> o inscribirte en <a href=\"https:\/\/www.codecademy.com\/learn\/web\">el curso gratuito de HTML\/CSS de Codecademy<\/a>.<\/p>\n\n\n\n<p><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      WordPress + DreamHost\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Nuestras actualizaciones autom\u00e1ticas y s\u00f3lidas defensas de seguridad eliminan la gesti\u00f3n del servidor de tus manos para que puedas concentrarte en crear un sitio web incre\u00edble.\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/es\/wordpress\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Consulta los Planes                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n<h2 id=\"h-1-begin-with-a-parent-theme-and-plan-your-changes\" class=\"wp-block-heading\">1. Comienza con un Tema Principal y Planea tus Cambios<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png\" alt=\"Tema de WordPress TwentySixteen\" class=\"wp-image-12960 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/twenty-sixteen-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/twenty-sixteen-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Este es <a href=\"https:\/\/wordpress.org\/themes\/twentysixteen\/\">Twenty Sixteen<\/a>, el tema que WordPress.org cre\u00f3 y lanz\u00f3 para este a\u00f1o. Si est\u00e1s buscando un tema base sobre el cual hacer cambios, definitivamente considera revisar sus lanzamientos anuales, como Twenty Fifteen, Twenty Fourteen, y as\u00ed sucesivamente.<\/p>\n\n\n\n<p>Me gusta en su mayor parte, pero quiero hacer algunos cambios. Ese borde negro es demasiado duro para m\u00ed, y me gustar\u00eda que fuera azul. Tambi\u00e9n me gustar\u00eda <a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\">cambiar la fuente<\/a>.<\/p>\n\n\n\n<p>Primero, abro las Herramientas para Desarrolladores de Chrome yendo a Ver \u2192 Desarrollador \u2192 Herramientas para Desarrolladores en el men\u00fa del navegador Chrome. (Si prefieres Firefox, puedes ir a Herramientas \u2192 Desarrollador Web \u2192 Inspector en el men\u00fa de Firefox.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png\" alt=\"Herramientas de Desarrollador de WordPress\" class=\"wp-image-12956 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/developer-tools-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/developer-tools-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Las herramientas de desarrollador me permiten inspeccionar el tema y ver de d\u00f3nde provienen las \u201creglas\u201d. Al manipular la clase CSS correcta, puedo descubrir qu\u00e9 necesito incluir en mi tema secundario para hacer mis cambios. Por ejemplo, puedes ver que al editar el color de fondo a #0099ff, puedo cambiar el borde de negro a azul. Por supuesto, las herramientas de desarrollador son solo para jugar temporalmente, y cuando refresque esta p\u00e1gina, el borde volver\u00e1 a ser negro.<\/p>\n\n\n\n<h2 id=\"h-2-create-your-child-theme-folder-and-files\" class=\"wp-block-heading\">2. Crea tu carpeta y archivos de tema secundario<\/h2>\n\n\n\n<p>Es importante etiquetar tu tema child cuidadosamente, comenzando con el nombre de la carpeta donde lo colocas. De esa manera, WordPress sabe c\u00f3mo identificarlo autom\u00e1ticamente. Agregar &#8220;-child&#8221; al final del nombre del tema original es la mejor pr\u00e1ctica. As\u00ed que en mi caso, ya que Twenty Sixteen est\u00e1 dentro de una carpeta llamada \u201ctwentysixteen\u201d, yo nombro mi carpeta \u201ctwentysixteen-child\u201d.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"746\" height=\"272\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders.png\" alt=\"Carpetas de Temas de WordPress\" class=\"wp-image-12958 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders.png.webp 746w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/folders-300x109.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-600x219.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/folders-730x266.png.webp 730w\" data-sizes=\"(max-width: 746px) 100vw, 746px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 746px; --smush-placeholder-aspect-ratio: 746\/272;\" \/><\/figure><\/div>\n\n\n<p>El primer archivo que necesito crear es <b>style.css<\/b>, un archivo css que incluye informaci\u00f3n relevante sobre mi tema y el estilo personalizado que quiero agregar a su apariencia.<\/p>\n\n\n\n<p><code>\/*<br>\nTheme Name: Twenty Sixteen Child<br>\nTheme URI: http:\/\/example.com\/twentysixteen-child\/<br>\nDescription: Mi primer tema child, basado en Twenty Sixteen<br>\nAuthor: Lauren Orsini<br>\nAuthor URI: http:\/\/lorsini.com<br>\nTemplate: twentysixteen<br>\nVersion: 1.0.0<br>\nTags: dos-columnas, azul, sidebar-derecho<br>\nText Domain: twentysixteen-child<br>\n*\/<\/code><\/p>\n\n\n\n<p>Comienzo rellenando los detalles necesarios. Solo se requieren el \u201cNombre del Tema\u201d y \u201cPlantilla\u201d. WordPress necesita saber el nombre del tema, y tambi\u00e9n necesita saber qu\u00e9 tema debe considerar como el tema principal de este tema, en este caso, Twenty Sixteen. El resto puedes completarlo con tu informaci\u00f3n personalizada o dejarlo en blanco. De hecho, esta estructura se ha vuelto est\u00e1ndar para las personas interesadas en publicar sus temas en WordPress.org. Si solo est\u00e1s construyendo tu tema secundario para uso personal, todo lo que necesitas es el nombre del tema, descripci\u00f3n, autor, plantilla y versi\u00f3n.<\/p>\n\n\n\n<p>Ahora, necesito a\u00f1adir los estilos que quiero cambiar. Quiero cambiar el borde negro por uno azul, y quiero cambiar la fuente del encabezado a Georgia. La fuente del encabezado se muestra en tres lugares en el tema\u2014t\u00edtulo del sitio, t\u00edtulo de entrada y t\u00edtulo del widget, as\u00ed que necesito asegurarme de incluir las tres clases CSS en mi estilo para afectar todas las ubicaciones.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"563\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png\" alt=\"Tema de WordPress\" class=\"wp-image-12959 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-1024x563.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-300x165.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/theme-style-768x422.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-600x330.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-1200x659.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-730x401.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-784x431.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style-877x482.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/theme-style.png.webp 1438w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/563;\" \/><\/figure><\/div>\n\n\n<p>Despu\u00e9s de terminar esto, mi tema child es funcional. Podr\u00eda instalarlo en este paso, pero solo tendr\u00eda dos estilos, y el resto ser\u00edan predeterminados. Eso no es lo que quiero; quiero que el tema herede los estilos de Twenty Sixteen. As\u00ed que necesito un segundo archivo, titulado <b>functions.php<\/b>.<\/p>\n\n\n\n<p>Simplemente copia y pega el siguiente c\u00f3digo en el archivo functions.php:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;amp;amp;amp;amp;lt;?php\nadd_action( &amp;#039;wp_enqueue_scripts&amp;#039;, &amp;#039;my_theme_enqueue_styles&amp;#039; );\nfunction my_theme_enqueue_styles() {\n    wp_enqueue_style( &amp;#039;parent-style&amp;#039;, get_template_directory_uri() . &amp;#039;\/style.css&amp;#039; );\n}\n<\/pre><\/pre>\n\n\n\n<p>Esta es una funci\u00f3n que pondr\u00e1 en cola los archivos style.css de temas principales y secundarios. Poner en cola algo significa a\u00f1adirlo a la cola de elementos similares para ser procesados por el navegador. Esta funci\u00f3n asegura que ambos conjuntos de estilos se carguen en el orden correcto en la pantalla del espectador.<\/p>\n\n\n\n<p>Un paso final y opcional es crear una imagen de 880&#215;660 (se recomienda tipo de archivo PNG) a partir de una captura de pantalla de tu tema child. De esta manera, si tienes muchos temas instalados, podr\u00e1s ver c\u00f3mo se ve este de un vistazo.<\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n\n<h2 id=\"h-3-upload-your-child-theme-to-wordpress\" class=\"wp-block-heading\">3. Sube Tu Tema Secundario a WordPress<\/h2>\n\n\n\n<p>Ahora tengo una carpeta, titulada twentysixteen-child, que contiene dos archivos \u2014 style.css y functions.php. Es hora de comprimir esa carpeta en un archivo zip y subirla a mi sitio.<\/p>\n\n\n\n<p>Navega a Apariencia \u2192 Temas y selecciona &#8220;Agregar Nuevo,&#8221; lo cual te permitir\u00e1 subir un archivo zip. WordPress primero verificar\u00e1 que el Tema Principal est\u00e9 instalado, y si es as\u00ed, deber\u00edas poder subir tu tema. Si el Tema Principal no se encuentra, no funcionar\u00e1.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png\" alt=\"Tema de WordPress Cargado\" class=\"wp-image-12961 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/uploaded-theme-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/uploaded-theme-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Ahora, deber\u00edas poder ver tu tema en la lista de temas subidos. As\u00ed es como se ve el m\u00edo cuando hago clic en \u00e9l. Observa que no agregu\u00e9 una imagen de vista previa a mi tema, pero a\u00fan as\u00ed funcion\u00f3. Pero, \u00bfves c\u00f3mo incluye toda la informaci\u00f3n que puse en el paso 2?<\/p>\n\n\n\n<p><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      \u00bfNecesito un Tema Child?\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Ya sea que necesites ayuda para encontrar una audiencia objetivo, elegir el tema de WordPress adecuado, o definir los valores de tu marca, \u00a1podemos ayudarte! Suscr\u00edbete a nuestro resumen mensual para que nunca te pierdas un art\u00edculo.\n    <\/p>\n\n            <a\n            href=\"http:\/\/messages.dreamhost.com\/public\/webform\/render_form\/0d5r88n319d4z8oihazkjsxjn2xwo\/0eb6cc6c0d15e420a3ff54f02356d3eb\/addcontact\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Reg\u00edstrame                    <\/a>\n\n  <\/div>\n<\/div>\n\n\n<p>Activa tu tema, y si todo ha salido bien, deber\u00edas poder ver tus cambios finales en vivo. \u00a1Ta da! Tengo el nuevo color de borde y las fuentes de encabezado que quer\u00eda. Mejor a\u00fan, incluso si WordPress actualiza el tema Twenty Sixteen, mis cambios no se mover\u00e1n.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"641\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png\" alt=\"Sitio web de WordPress terminado\" class=\"wp-image-12957 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1024x641.png 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-300x188.png 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-768x481.png 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-1536x962.png 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site-2048x1283.png 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-600x376.png.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1200x752.png.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-730x457.png.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1460x915.png.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-784x491.png.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1568x982.png.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-877x549.png.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2016\/07\/finished-site-1754x1099.png.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/641;\" \/><\/figure><\/div>\n\n\n<p>Espero que este tutorial te haya ayudado a ver lo f\u00e1cil y \u00fatil que puede ser tener un <a href=\"https:\/\/www.dreamhost.com\/blog\/manage-wordpress-themes-command-line-wp-cli\/\">tema child en tu blog de WordPress<\/a>. Es una excelente manera de proteger tu tema para el futuro, asegurando que se mantenga atractivo y personalizado, sin importar lo que ocurra.<\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Imagina esto: has encontrado el tema perfecto para tu blog de WordPress. Bueno, casi perfecto. Despu\u00e9s de ajustar la fuente del men\u00fa de Times New Roman a Open Sans y cambiar el color de fondo de la barra lateral de verde a azul celeste, se ajusta exactamente a tu visi\u00f3n. Hasta que dos semanas despu\u00e9s, el creador del tema lanza una nueva versi\u00f3n [\u2026]<\/p>\n","protected":false},"author":1062,"featured_media":12957,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"","toc_headlines":"[[\"h-1-begin-with-a-parent-theme-and-plan-your-changes\",\"1. Comienza con un Tema Principal y Planea tus Cambios\"],[\"h-2-create-your-child-theme-folder-and-files\",\"2. Crea tu carpeta y archivos de tema secundario\"],[\"h-3-upload-your-child-theme-to-wordpress\",\"3. Sube Tu Tema Secundario a WordPress\"]]","hide_toc":false,"footnotes":""},"categories":[14527,11668,11683],"tags":[],"class_list":["post-54253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-decodificacion-de-wordpress-es","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>Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio - DreamHost Blog<\/title>\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\/por-que-necesitas-un-tema-child\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio\" \/>\n<meta property=\"og:description\" content=\"Imagina esto: has encontrado el tema perfecto para tu blog de WordPress. Bueno, casi perfecto. Despu\u00e9s de ajustar la fuente del men\u00fa de Times New Roman a Open Sans y cambiar el color de fondo de la barra lateral de verde a azul celeste, se ajusta exactamente a tu visi\u00f3n. Hasta que dos semanas despu\u00e9s, el creador del tema lanza una nueva versi\u00f3n [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/\" \/>\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=\"2016-07-15T21:02:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T21:23:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2698\" \/>\n\t<meta property=\"og:image:height\" content=\"1690\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio - DreamHost Blog","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\/por-que-necesitas-un-tema-child\/","og_locale":"en_US","og_type":"article","og_title":"Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio","og_description":"Imagina esto: has encontrado el tema perfecto para tu blog de WordPress. Bueno, casi perfecto. Despu\u00e9s de ajustar la fuente del men\u00fa de Times New Roman a Open Sans y cambiar el color de fondo de la barra lateral de verde a azul celeste, se ajusta exactamente a tu visi\u00f3n. Hasta que dos semanas despu\u00e9s, el creador del tema lanza una nueva versi\u00f3n [\u2026]","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2016-07-15T21:02:53+00:00","article_modified_time":"2025-01-16T21:23:43+00:00","og_image":[{"width":2698,"height":1690,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","type":"image\/png"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-01-16T21:23:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/"},"wordCount":1181,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","articleSection":["Decodificaci\u00f3n de WordPress","Tutoriales","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/","name":"Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","datePublished":"2016-07-15T21:02:53+00:00","dateModified":"2025-01-16T21:23:43+00:00","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2016\/07\/finished-site.png","width":2698,"height":1690,"caption":"WordPress Finished Website"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/por-que-necesitas-un-tema-child\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Por qu\u00e9 necesitas un Tema Child y c\u00f3mo crear el tuyo propio"}]},{"@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":54253,"de":54193,"en":12955,"pt":54222,"uk":54225,"pl":54256,"ru":54259,"it":68295,"fr":70185,"nl":70209},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54253","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=54253"}],"version-history":[{"count":5,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54253\/revisions"}],"predecessor-version":[{"id":63377,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/54253\/revisions\/63377"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/12957"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=54253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=54253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=54253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}