{"id":33566,"date":"2024-02-12T07:00:24","date_gmt":"2024-02-12T15:00:24","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=33566"},"modified":"2025-01-16T14:37:32","modified_gmt":"2025-01-16T22:37:32","slug":"como-crear-un-tema-hijo-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/","title":{"rendered":"C\u00f3mo Crear un Tema Hijo (Child) de WordPress: Tutorial Paso a Paso"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Cuando tienes requisitos espec\u00edficos, elegir un <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-elegir-un-tema-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">tema de WordPress<\/span><\/a><span style=\"font-weight: 400;\"> no es tarea f\u00e1cil. Tu elecci\u00f3n debe verse bien y proporcionar todas las funciones que necesitas. As\u00ed que, es casi inevitable hacer algunos compromisos.<\/span><\/p>\n\n\n\n<p><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/editor-temas-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Personalizar<\/span><\/a><span style=\"font-weight: 400;\"> el tema que elijas es una forma de solucionar este problema. Sin embargo, los temas de WordPress necesitan actualizarse peri\u00f3dicamente. Cuando el desarrollador de tu tema lanza una nueva versi\u00f3n y la instalas, puedes encontrarte con que todas tus personalizaciones se han restablecido.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u00bfLa soluci\u00f3n?<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Crear un tema hijo o <\/span><i><span style=\"font-weight: 400;\">child <\/span><\/i><span style=\"font-weight: 400;\">de WordPress que herede la funcionalidad del tema original pero mantenga tu estilo. Incluso si realizas una actualizaci\u00f3n de tema, tu tema hijo personalizado permanecer\u00e1 intacto.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En esta publicaci\u00f3n, vamos a analizar m\u00e1s de cerca los temas hijos de WordPress, desde por qu\u00e9 necesitas uno, hasta c\u00f3mo crear el tuyo propio. \u00a1Comencemos!&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-que-es-un-tema-child\" class=\"wp-block-heading\"><b>\u00bfQu\u00e9 Es Un Tema Child?<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Tema Child<\/h3>\n    <p>Un &#8216;tema hijo\u2019 es un tema de WordPress con la misma apariencia y funcionalidad que su &#8216;tema principal&#8217;. Sin embargo, puedes personalizar sus archivos por separado de los archivos de su tema principal.<\/p>\n    \n<\/div>\n\n<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">WordPress te permite hacer una copia ligera de cualquier tema con el fin de personalizarlo. El tema original se convierte en el tema principal, y la copia se conoce como un tema hijo.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">El tema hijo depende del principal, aprovechando las funciones y el dise\u00f1o del tema original. Sin embargo, este tiene cierta independencia. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Cuando personalizas el tema hijo, los cambios se aplican encima del tema principal original. Y esas adiciones permanecen, incluso cuando el tema principal se actualiza o cambia de alguna otra manera.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n vale la pena se\u00f1alar que las personalizaciones en tu tema hijo no afectan al tema principal. De hecho, se almacenan por separado. Esto significa que tienes libertad para experimentar, sin preocuparte por romper el c\u00f3digo subyacente. Incluso puedes eliminar por completo tu tema hijo, y no tendr\u00e1 ning\u00fan efecto sobre el tema principal original.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Usar un tema hijo facilita el mantenimiento y la actualizaci\u00f3n de tu sitio. Tambi\u00e9n te ayudar\u00e1 a evitar el riesgo de editar el tema principal directamente, lo que podr\u00eda ser sobrescrito y borrado.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-diferencias-entre-temas-child-y-temas-parent\"><b>Diferencias entre Temas Child y Temas Parent<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Tema Principal<\/h3>\n    <p>Cuando trabajas con temas hijo en WordPress, siempre hay un tema principal o &#8216;pariente&#8217;. Es el tema del que el tema hijo hereda su estilo y funcionalidad. Cualquier cambio en el tema hijo no afectar\u00e1 el c\u00f3digo del pariente.<\/p>\n    \n<\/div>\n\n<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Hay varias diferencias t\u00e9cnicas entre un tema principal y un tema hijo. Por ejemplo, una carpeta de tema principal t\u00edpicamente incluye:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Un archivo style.css que determina la apariencia de tu sitio web.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Un archivo functions.php que te permite agregar caracter\u00edsticas o modificar el comportamiento predeterminado de WordPress.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Varios archivos de plantilla que definen c\u00f3mo se muestran las diferentes <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">p\u00e1ginas de tu sitio.<\/span><\/li>\n\n\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">En contraste, una carpeta de tema hijo solo necesita dos archivos esenciales: style.css y functions.php. Debes agregar estos archivos dentro del directorio \/wp-content\/themes\/.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Puedes usar un tema hijo para hacer cambios de estilo en tu sitio web, como cambiar la paleta de colores predeterminada, <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/fuentes-seguras-web\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">las fuentes<\/span><\/a><span style=\"font-weight: 400;\"> y los dise\u00f1os.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Por ejemplo, supongamos que quieres cambiar el esquema de color de tu sitio. Puedes hacer esto creando un nuevo archivo style.css en el directorio del tema hijo y agregando el siguiente c\u00f3digo:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>body {<\/strong>\n<strong>background-color:#fff;<\/strong>\n<strong>}<\/strong>\n\n\n<strong>h1 {<\/strong>\n<strong>color: #000<\/strong>\n<strong>}<\/strong><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Hemos cambiado el color de fondo y el color de H1 en el c\u00f3digo anterior. Estas ediciones anular\u00e1n el estilo del tema principal y actualizar\u00e1n los colores en tu sitio. Puedes hacer tantos cambios como necesites en el archivo style.css del tema hijo.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Un tema hijo o <\/span><i><span style=\"font-weight: 400;\">child<\/span><\/i><span style=\"font-weight: 400;\"> hereda todo del tema principal. Esto incluye todos los archivos de plantilla, funciones y activos como im\u00e1genes y archivos JavaScript. Si deseas realizar cambios en estos elementos, debes copiarlos en el directorio del tema hijo desde el tema principal. Luego puedes editar los archivos.<\/span><\/p>\n\n\n\n<h2 id=\"h-por-que-deberias-usar-un-tema-child\" class=\"wp-block-heading\"><b>Por qu\u00e9 Deber\u00edas Usar un Tema Child<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Hay varias ventajas en usar un tema hijo en tu sitio WordPress, incluyendo:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Proteger los cambios en el tema contra actualizaciones autom\u00e1ticas.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Ajustar elementos visuales de tu tema.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Aprender a editar temas, lo cual es un paso hacia el <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/guia-desarrollo-tema-personalizado-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">desarrollo de tu propio tema<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n\n\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Usar un tema hijo tambi\u00e9n requiere experiencia m\u00ednima en codificaci\u00f3n. En la mayor\u00eda de los casos, solo necesitas agregar algunas l\u00edneas de c\u00f3digo al archivo style.css. Esto hace que sea f\u00e1cil comenzar con un tema hijo, incluso si no eres un desarrollador de temas.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Si deseas profundizar, puedes agregar nuevos elementos y funciones a tu tema hijo mediante <\/span><a href=\"https:\/\/help.dreamhost.com\/hc\/es\/articles\/215838028-Construir-tu-sitio-web\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">c\u00f3digo personalizado<\/span><\/a><span style=\"font-weight: 400;\">.<\/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-como-crear-un-tema-child-de-wordpress-usando-un-plugin-nbsp\" class=\"wp-block-heading\"><b>C\u00f3mo Crear un Tema Child de WordPress Usando un Plugin&nbsp;<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Usar un plugin es probablemente la forma m\u00e1s f\u00e1cil de crear un tema hijo de WordPress. El plugin puede guiarte a trav\u00e9s de todo el proceso en simples pasos, lo que significa que no necesitas ning\u00fan conocimiento t\u00e9cnico.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En este tutorial, trabajaremos con el <\/span><a href=\"https:\/\/wordpress.org\/plugins\/child-theme-configurator\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">plugin Child Theme Configurator<\/span><\/a><span style=\"font-weight: 400;\">. Esta herramienta f\u00e1cil de usar puede ayudarte a analizar tu tema en busca de problemas, crear un tema hijo e incluso editarlo para que cumpla con las especificaciones de dise\u00f1o y estilo de tu sitio web.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-1-descarga-e-instala-el-plugin-child-theme-configurator\"><b>Paso 1: Descarga e Instala el Plugin Child Theme Configurator<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Para empezar, necesitar\u00e1s descargar e instalar Child Theme Configurator. Puedes hacer esto navegando a la p\u00e1gina del plugin y haciendo clic en el bot\u00f3n de \u2018<\/span><b><i>Download<\/i><\/b><i><span style=\"font-weight: 400;\">\u2019<\/span><\/i><span style=\"font-weight: 400;\">:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"810\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Plugin-The-Child-Theme-Configurator.jpg\" alt=\"P\u00e1gina inicial de descarga del plugin Child theme configurator en el directorio de plugins de WordPress\" class=\"wp-image-43152 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-300x152.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-1024x518.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-768x389.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-1536x778.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-600x304.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-1200x608.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-730x370.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-1460x739.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-784x397.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-1568x794.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/01-Plugin-The-Child-Theme-Configurator-877x444.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/810;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Tu computador descargar\u00e1 los archivos del tema en un archivo ZIP. Luego, navega hasta el panel de control de WordPress y ve a \u2018<\/span><b>Plugins\u2019 &gt; \u2018A\u00f1adir Nuevo Plugin\u2019<\/b><span style=\"font-weight: 400;\"> para subir los archivos.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Haz clic en <\/span><b>Subir Plugin &gt; Elegir Archivo<\/b><span style=\"font-weight: 400;\">, y selecciona la carpeta descargada:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"669\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-subir-plugin.jpg\" alt=\"Boton para subir un plugin manualmente a WordPress\" class=\"wp-image-43153 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-subir-plugin-300x125.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-subir-plugin-1024x428.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-subir-plugin-768x321.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/02-subir-plugin-1536x642.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin-600x251.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin-1200x502.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin-730x305.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin-1460x610.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin-784x328.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin-1568x656.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/02-subir-plugin-877x367.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/669;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Una vez que el plugin est\u00e9 instalado, solo necesitar\u00e1s activarlo. Ten en cuenta que tambi\u00e9n necesitar\u00e1s <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/18-tips-profesionales-para-elegir-el-tema-perfecto-de-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">elegir un tema de WordPress<\/span><\/a><span style=\"font-weight: 400;\"> del cual hacer tu tema hijo.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-2-analizar-el-tema-principal\"><b>Paso 2: Analizar el Tema Principal<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, navega hasta<\/span><b> Herramientas &gt; Temas Hijo:<\/b><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"908\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-Analizando-tema-parent.jpg\" alt=\"Menu temas panel WordPress\" class=\"wp-image-43154 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-Analizando-tema-parent-300x170.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-Analizando-tema-parent-1024x581.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-Analizando-tema-parent-768x436.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/03-Analizando-tema-parent-1536x872.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent-600x341.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent-1200x681.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent-730x414.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent-1460x829.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent-784x445.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent-1568x890.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/03-Analizando-tema-parent-877x498.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/908;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">El plugin te guiar\u00e1 a trav\u00e9s de los pasos para crear un tema hijo. Simplemente, selecciona <\/span><b>CREAR un nuevo Tema hijo<\/b><span style=\"font-weight: 400;\"> para empezar:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"358\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-selecciona-una-accion.jpg\" alt=\"Seleccionando una acci\u00f3n en el plugin para iniciar la creaci\u00f3n de un tema child\" class=\"wp-image-43155 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-selecciona-una-accion-300x67.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-selecciona-una-accion-1024x229.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-selecciona-una-accion-768x172.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/04-selecciona-una-accion-1536x344.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion-600x134.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion-1200x269.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion-730x163.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion-1460x327.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion-784x175.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion-1568x351.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/04-selecciona-una-accion-877x196.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/358;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Se te pedir\u00e1 que selecciones tu tema principal en el men\u00fa desplegable. Si tienes varios temas en tu sitio WordPress, aseg\u00farate de elegir el que deseas personalizar:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"1104\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-selecionando-tema-parent.jpg\" alt=\"Seleccionando el tema Parent\" class=\"wp-image-43156 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-selecionando-tema-parent-300x207.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-selecionando-tema-parent-1024x707.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-selecionando-tema-parent-768x530.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/05-selecionando-tema-parent-1536x1060.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent-600x414.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent-1200x828.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent-730x504.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent-1460x1007.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent-784x541.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent-1568x1082.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/05-selecionando-tema-parent-877x605.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1104;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Ahora haz clic en \u2018<\/span><b>Analizar\u2019<\/b><span style=\"font-weight: 400;\"> para revisar el tema principal en busca de posibles problemas de c\u00f3digo:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"441\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-analizando-tema-principal.jpg\" alt=\"Analizando el tema principal en busca de errores de c\u00f3digo\" class=\"wp-image-43157 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-analizando-tema-principal-300x83.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-analizando-tema-principal-1024x282.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-analizando-tema-principal-768x212.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/06-analizando-tema-principal-1536x423.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal-600x165.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal-1200x331.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal-730x201.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal-1460x402.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal-784x216.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal-1568x432.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/06-analizando-tema-principal-877x242.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/441;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Si el plugin encuentra alg\u00fan problema de compatibilidad o de c\u00f3digo, los listar\u00e1 aqu\u00ed. De lo contrario, ver\u00e1s un mensaje verde de \u00e9xito que te indica que puedes proceder con la creaci\u00f3n del tema hijo:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"1023\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-Mensaje-exito.jpg\" alt=\"Mensaje de \u00e9xito indicando que puedes usar este tema como Parent\" class=\"wp-image-43158 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-Mensaje-exito-300x192.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-Mensaje-exito-1024x655.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-Mensaje-exito-768x491.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/07-Mensaje-exito-1536x982.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito-600x384.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito-1200x767.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito-730x467.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito-1460x933.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito-784x501.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito-1568x1003.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/07-Mensaje-exito-877x561.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1023;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Una vez que hayas determinado que tu tema principal ser\u00e1 adecuado para un tema hijo, puedes pasar al siguiente paso. (Tambi\u00e9n puedes mostrar un an\u00e1lisis de datos sin procesar o enviar solicitudes de soporte al creador del plugin desde esta p\u00e1gina).<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-3-nombra-el-directorio-del-tema-hijo\"><b>Paso 3: Nombra el Directorio del Tema hijo<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, se te pedir\u00e1 que crees un nombre para el directorio del tema hijo. Este es el nombre de la carpeta dentro de los archivos de tu sitio web.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Puedes nombrarlo como quieras siempre y cuando sea \u00fanico para tu sitio y contenga caracteres aceptables. Estamos usando &#8220;twentytwentyone-child&#8221; por simplicidad:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"341\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-nombre-nuevo-directorio-tema.jpg\" alt=\"Nombre del nuevo directorio para el tema child\" class=\"wp-image-43159 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-nombre-nuevo-directorio-tema-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-nombre-nuevo-directorio-tema-1024x218.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-nombre-nuevo-directorio-tema-768x164.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/08-nombre-nuevo-directorio-tema-1536x327.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema-600x128.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema-1200x256.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema-730x156.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema-1460x311.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema-784x167.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema-1568x334.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/08-nombre-nuevo-directorio-tema-877x187.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/341;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Ten en cuenta que nombrar el directorio del tema no es lo mismo que nombrar tu tema hijo o agregar una descripci\u00f3n del tema. Esos pasos vendr\u00e1n m\u00e1s tarde.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-4-selecciona-las-hojas-de-estilo-del-tema-child-y-parent\"><b>Paso 4: Selecciona las Hojas de Estilo del Tema Child y Parent<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, deber\u00e1s elegir la nueva hoja de estilo para tu tema hijo. Si seleccionas la hoja de estilo principal (style.css), tus estilos CSS personalizados sobrescribir\u00e1n el contenido del tema existente.<\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>CSS<\/h3>\n    <p>Las hojas de estilo en cascada (o CSS, por sus siglas en ingl\u00e9s) es un lenguaje de programaci\u00f3n importante que se utiliza para dise\u00f1ar p\u00e1ginas web. Usar el CSS te puede ayudar a crear p\u00e1ginas web hermosas al permitirte modificar la apariencia de varios de sus elementos, incluyendo los estilos de fuentes, colores, los dise\u00f1os y m\u00e1s.<\/p>\n    \n<\/div>\n\n<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Esta es la opci\u00f3n predeterminada, y recomendamos elegirla si eres nuevo en los temas hijos:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1608\" height=\"473\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos.jpg\" alt=\"Ubicaci\u00f3n para guardar los nuevos estilos CSS\" class=\"wp-image-43160 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos.jpg.webp 1608w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-300x88.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-1024x301.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-768x226.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-1536x452.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-600x176.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-1200x353.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-730x215.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-1460x429.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-784x231.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-1568x461.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/09-selecciona-donde-guardar-nuevos-estilos-877x258.jpg.webp 877w\" data-sizes=\"(max-width: 1608px) 100vw, 1608px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1608px; --smush-placeholder-aspect-ratio: 1608\/473;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Ahora se te pedir\u00e1 que elijas el m\u00e9todo de manejo de la hoja de estilos del tema principal. Hay varias opciones, pero recomendamos quedarte con &#8216;<strong>Utilizar la cola de estilos de WordPress<\/strong>&#8216; <\/span><span style=\"font-weight: 400;\">&nbsp;para la mayor\u00eda de los casos de uso:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"615\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/10-selecciona-hoja-estilo-tema-parent.jpg\" alt=\"Opciones hojas de estilo tema Parent\" class=\"wp-image-43162 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-300x115.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-1024x394.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-768x295.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-1536x590.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-600x231.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-1200x461.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-730x281.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-1460x561.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-784x301.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-1568x603.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/10-selecciona-hoja-estilo-tema-parent-877x337.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/615;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Como principiante, es mejor usar la opci\u00f3n predeterminada hasta que est\u00e9s m\u00e1s familiarizado con c\u00f3mo el tema principal maneja la hoja de estilos. Las otras opciones no siempre son compatibles con todos los temas.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-5-nombra-tu-tema-child\"><b>Paso 5: Nombra Tu Tema Child<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">El siguiente paso es nombrar tu tema hijo y escribir una descripci\u00f3n para \u00e9l:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"877\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/11-Nombra-tema-child.jpg\" alt=\"Nombrando el nuevo tema child\" class=\"wp-image-43161 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/11-Nombra-tema-child-300x164.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/11-Nombra-tema-child-1024x561.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/11-Nombra-tema-child-768x421.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/11-Nombra-tema-child-1536x842.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child-600x329.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child-1200x658.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child-730x400.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child-1460x800.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child-784x430.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child-1568x859.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/11-Nombra-tema-child-877x481.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/877;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Child Theme Configurator tomar\u00e1 la informaci\u00f3n predeterminada de tu tema principal y la mostrar\u00e1 aqu\u00ed. Si simplemente est\u00e1s haciendo un tema hijo para uso personal, puedes dejar los datos como est\u00e1n.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Sin embargo, si tu tema principal servir\u00e1 de base para un nuevo tema que est\u00e1s desarrollando, es posible que quieras agregar una breve descripci\u00f3n y un nombre \u00fanico.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-6-copia-la-configuracion-del-tema-parent-al-tema-child\"><b>Paso 6: Copia la Configuraci\u00f3n del Tema Parent al Tema Child<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">El plugin ahora te pedir\u00e1 que confirmes si puede copiar la configuraci\u00f3n del tema principal a tu tema hijo:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"384\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/12-Copia-configuracion-tema-parent-al-child.jpg\" alt=\"Copiando la configuraci\u00f3n del tema principal al tema child\" class=\"wp-image-43163 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-300x72.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-1024x246.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-768x184.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-1536x369.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-600x144.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-1200x288.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-730x175.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-1460x350.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-784x188.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-1568x376.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/12-Copia-configuracion-tema-parent-al-child-877x210.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/384;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Este paso garantizar\u00e1 que tu tema hijo obtenga su funcionalidad y apariencia del tema principal. Ten en cuenta que si est\u00e1s trabajando con un tema premium o restringido como el principal, es posible que no puedas realizar este paso.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-7-crea-tu-nuevo-tema-child-y-previsualizarlo\"><b>Paso 7: Crea Tu Nuevo Tema Child y Previsualizarlo<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">El \u00faltimo paso es crear tu tema hijo. Haz clic en el bot\u00f3n \u2018<\/span><b>Create New Child Theme\u2019<\/b><span style=\"font-weight: 400;\"> y espera a que el plugin haga su trabajo:}<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"343\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/13-Crea-tu-nuevo-tema.jpg\" alt=\"Creando un nuevo tema\" class=\"wp-image-43164 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/13-Crea-tu-nuevo-tema-300x64.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/13-Crea-tu-nuevo-tema-1024x220.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/13-Crea-tu-nuevo-tema-768x165.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/13-Crea-tu-nuevo-tema-1536x329.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema-600x129.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema-1200x257.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema-730x156.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema-1460x313.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema-784x168.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema-1568x336.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/13-Crea-tu-nuevo-tema-877x188.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/343;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Deber\u00edas recibir una notificaci\u00f3n de que tu tema hijo se cre\u00f3 con \u00e9xito:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"303\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child.jpg\" alt=\"mensaje de \u00e9xito creaci\u00f3n de un nuevo tema child\" class=\"wp-image-43165 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-300x57.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-1024x194.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-768x145.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-1536x291.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-600x114.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-1200x227.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-730x138.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-1460x276.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-784x148.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-1568x297.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/14-Mensaje-exitoso-creacion-tema-child-877x166.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/303;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Siempre previsualiza tu tema hijo antes de activarlo en tu sitio web. Este paso te ayudar\u00e1 a verificar que todo est\u00e9 funcionando como deber\u00eda. Luego, haz clic en <\/span><b>Activar y Publicar<\/b><span style=\"font-weight: 400;\"> para comenzar con tu tema hijo.<\/span><\/p>\n\n\n\n<h2 id=\"h-como-crear-manualmente-un-tema-child-de-wordpress\" class=\"wp-block-heading\"><b>C\u00f3mo Crear Manualmente un Tema Child de WordPress<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Si prefieres no usar un plugin para crear tu tema hijo, puedes utilizar el m\u00e9todo manual. Es posible que prefieras esta ruta si ya est\u00e1s utilizando demasiados plugins en tu sitio web.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Adem\u00e1s, crear manualmente un tema hijo de WordPress te permite realizar todos los cambios que desees a un nivel granular. Solo ten en cuenta que necesitar\u00e1s un <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/aprende-css\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">conocimiento intermedio de c\u00f3digo CSS<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Aqu\u00ed tienes una gu\u00eda paso a paso:<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-1-desarrolla-un-plan-para-tus-cambios\"><b>Paso 1: Desarrolla un Plan Para Tus Cambios<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Primero, encuentra un tema principal que te guste y enumera los cambios que deseas realizar. Puedes ver las herramientas para desarrolladores y ver el c\u00f3digo del tema para hacer los cambios correctos.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Para ver las herramientas para desarrolladores, haz clic derecho en cualquier lugar de tu sitio mientras ejecutas el tema y selecciona <\/span><b>Inspeccionar Elemento<\/b><span style=\"font-weight: 400;\">. Luego, ver\u00e1s una p\u00e1gina de datos que se ve algo as\u00ed:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"660\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/15-Planea-tus-cambios.jpg\" alt=\"Inspeccionando c\u00f3digo CSS de un sitio web\" class=\"wp-image-43166 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/15-Planea-tus-cambios-300x124.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/15-Planea-tus-cambios-1024x422.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/15-Planea-tus-cambios-768x317.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/15-Planea-tus-cambios-1536x634.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios-600x248.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios-1200x495.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios-730x301.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios-1460x602.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios-784x323.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios-1568x647.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/15-Planea-tus-cambios-877x362.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/660;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Aqu\u00ed, puedes buscar colores de fondo, informaci\u00f3n de fuentes, tama\u00f1o de m\u00e1rgenes y m\u00e1s. Luego, puedes hacer una lista de las caracter\u00edsticas que te gustar\u00eda ajustar en tu tema hijo.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-2-haz-una-copia-de-seguridad-de-tu-sitio\"><b>Paso 2: Haz Una Copia de Seguridad de Tu Sitio<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Es esencial hacer una <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/tutorial-como-crear-copia-seguridad-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">copia de seguridad de tu sitio actual<\/span><\/a><span style=\"font-weight: 400;\"> antes de realizar cualquier cambio para no perder tu configuraci\u00f3n. Si es necesario, siempre puedes revertir a esta copia de seguridad. Tambi\u00e9n puedes considerar utilizar un <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/guia-sobre-sitios-web-staging\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">sitio web de staging o pruebas<\/span><\/a><span style=\"font-weight: 400;\"> en caso de que cometas errores cr\u00edticos.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Hay un par de formas diferentes de hacer una copia de seguridad de tu sitio. Puedes hacerlo manualmente utilizando un plugin de copia de seguridad, que probablemente sea el m\u00e9todo m\u00e1s f\u00e1cil para la mayor\u00eda de las personas.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Alternativamente, puedes asociarte con un proveedor de alojamiento de WordPress que se encargue de las copias de seguridad del sitio web. <\/span><a href=\"https:\/\/www.dreamhost.com\/es\/wordpress\/administrado\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Nuestros planes de alojamiento administrado DreamPress<\/span><\/a><span style=\"font-weight: 400;\"> incluyen copias de seguridad autom\u00e1ticas y on-demand para proteger tus datos.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-3-crea-una-carpeta-para-tu-tema-hijo\"><b>Paso 3: Crea una Carpeta para tu Tema hijo<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Necesitar\u00e1s crear una carpeta para almacenar los archivos de tu tema hijo. Para lograr esto, primero accede a tus archivos a trav\u00e9s de un cliente de <\/span><a href=\"https:\/\/help.dreamhost.com\/hc\/es\/articles\/115001051531-FTP-y-SFTP-en-DreamHost\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Protocolo de Transferencia de Archivos Seguro (SFTP)<\/span><\/a><span style=\"font-weight: 400;\"> como <\/span><a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Filezilla<\/span><\/a><span style=\"font-weight: 400;\"> y navega hasta la carpeta de temas:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"896\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/16-Crea-carpeta-para-tema-child.jpg\" alt=\"Estructura carpetas WordPress via FTP\" class=\"wp-image-43167 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/16-Crea-carpeta-para-tema-child-300x168.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/16-Crea-carpeta-para-tema-child-1024x573.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/16-Crea-carpeta-para-tema-child-768x430.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/16-Crea-carpeta-para-tema-child-1536x860.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child-600x336.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child-1200x672.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child-730x409.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child-1460x818.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child-784x439.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child-1568x878.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/16-Crea-carpeta-para-tema-child-877x491.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/896;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Aqu\u00ed, puedes crear un nuevo directorio para tu tema hijo. Haz una nueva carpeta que lleve el nombre del tema principal y agrega &#8220;-child&#8221; al final.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Por ejemplo, si el directorio del tema principal se llama &#8220;twentytwentyfour&#8221;, tu directorio de tema hijo se llamar\u00e1 &#8220;twentytwentyfour-child&#8221;.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-4-crea-una-hoja-de-estilos-para-tu-tema-hijo\"><b>Paso 4: Crea una Hoja de Estilos para tu Tema hijo<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Ahora necesitar\u00e1s crear un nuevo archivo de texto y nombrarlo &#8220;style.css&#8221;. Este archivo ser\u00e1 la base de tu tema hijo. Necesitar\u00e1 alguna informaci\u00f3n b\u00e1sica en el encabezado, incluyendo su nombre, URL, descripci\u00f3n y m\u00e1s:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"658\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/17-Hoja-estilo-tema-chlld.jpg\" alt=\"Nueva hoja de estilos para tu tema child\" class=\"wp-image-43168 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/17-Hoja-estilo-tema-chlld-300x123.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/17-Hoja-estilo-tema-chlld-1024x421.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/17-Hoja-estilo-tema-chlld-768x316.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/17-Hoja-estilo-tema-chlld-1536x632.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld-600x247.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld-1200x494.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld-730x300.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld-1460x600.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld-784x322.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld-1568x645.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/17-Hoja-estilo-tema-chlld-877x361.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/658;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Ahora guarda y agrega el archivo style.css a la carpeta del directorio que acabas de crear.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-5-pon-las-hojas-de-estilos-en-cola-nbsp\"><b>Paso 5: Pon las Hojas de Estilos en Cola&nbsp;<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">A continuaci\u00f3n, necesitar\u00e1s poner las hojas de estilos del tema principal y del tema hijo en cola.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">La funci\u00f3n \u2018<\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">enqueue<\/span><\/i><\/a><i><span style=\"font-weight: 400;\">\u2019<\/span><\/i><span style=\"font-weight: 400;\"> garantiza que tu tema hijo tome sus datos de estilo del tema principal. Tambi\u00e9n te permite editar el tema hijo sin afectar a su tema principal.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Crea un nuevo archivo de funciones en el directorio de tu tema hijo y n\u00f3mbralo &#8220;functions.php&#8221;. Luego puedes indicarle a tu tema hijo que haga referencia al tema base agregando el siguiente c\u00f3digo:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>&lt;?php<\/strong>\n<strong>add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );<\/strong>\n<strong>function enqueue_parent_styles() {<\/strong>\n<strong>wp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css' );<\/strong>\n<strong>}<\/strong>\n<strong>?&gt;<\/strong><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Guarda el archivo de texto y navega hasta tu panel de WordPress para activar el tema.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-paso-6-activa-el-tema-hijo\"><b>Paso 6: Activa el Tema hijo<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Finalmente, necesitar\u00e1s activar tu tema hijo. Puedes subirlo manualmente yendo a <\/span><b>Apariencia &gt; Temas &gt; Subir<\/b><span style=\"font-weight: 400;\">. Luego, elige una versi\u00f3n .zip del directorio de tu tema hijo:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"707\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/18-Activa-tema-child.jpg\" alt=\"Menu WordPress para activar tu tema\" class=\"wp-image-43169 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/18-Activa-tema-child-300x133.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/18-Activa-tema-child-1024x452.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/18-Activa-tema-child-768x339.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/18-Activa-tema-child-1536x679.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child-600x265.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child-1200x530.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child-730x323.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child-1460x645.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child-784x346.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child-1568x693.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/18-Activa-tema-child-877x388.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/707;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Activa tu tema hijo. \u00a1Ahora deber\u00eda estar en vivo!<\/span><\/p>\n\n\n\n<h2 id=\"h-como-personalizar-tu-tema-child\" class=\"wp-block-heading\"><b>C\u00f3mo Personalizar Tu Tema Child<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Una vez que hayas activado tu nuevo tema hijo, es hora de probarlo. Hay varias formas diferentes en las que puedes personalizar el dise\u00f1o y la funcionalidad.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Un principio a tener en cuenta es que WordPress busca autom\u00e1ticamente archivos en el directorio del tema hijo antes de escanear los archivos del tema principal. Esto significa que cualquier hoja de estilos o plantilla que agregues a tu tema hijo tomar\u00e1 precedencia sobre el mismo archivo en la carpeta del tema principal.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">El sistema de tema hijo antes del tema principal nos ofrece un mont\u00f3n de opciones.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-creando-estilos-personalizados\"><b>Creando Estilos Personalizados<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Para cambios de dise\u00f1o b\u00e1sicos que no est\u00e9n cubiertos por el panel de \u2018<\/span><b>Opciones de Tema\u2019<\/b><span style=\"font-weight: 400;\">, puedes crear tus propios estilos personalizados. En la mayor\u00eda de los casos, simplemente puedes reescribir las reglas de estilo del tema principal en una nueva hoja de estilos.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">La mejor manera de encontrar el <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/frameworks-css-populares\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">CSS que deseas modificar<\/span><\/a><span style=\"font-weight: 400;\"> es utilizando las Herramientas de Inspecci\u00f3n en tu navegador. Puedes ver el CSS y el HTML detr\u00e1s de cualquier p\u00e1gina web haciendo clic derecho en ella y seleccionando <\/span><span style=\"font-weight: 400;\">Inspeccionar Elemento.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En la parte inferior o en el lado derecho de tu pantalla, encontrar\u00e1s el c\u00f3digo de la p\u00e1gina. Pasa el cursor sobre el c\u00f3digo y resalta el HTML en secciones:<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"723\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-Creando-estilos-personalizados.jpg\" alt=\"Codigo css de un sitio web, inspeccionado desde un navegador\" class=\"wp-image-43170 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-Creando-estilos-personalizados-300x136.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-Creando-estilos-personalizados-1024x463.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-Creando-estilos-personalizados-768x347.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-Creando-estilos-personalizados-1536x694.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados-600x271.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados-1200x542.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados-730x330.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados-1460x660.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados-784x354.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados-1568x709.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-Creando-estilos-personalizados-877x396.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/723;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Mientras lo haces, tambi\u00e9n se mostrar\u00e1n las reglas de CSS. Puedes editar el CSS directamente con las herramientas de desarrollo para ver c\u00f3mo se ve.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1600\" height=\"262\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-edicion-directa-css.jpg\" alt=\"Edici\u00f3n CSS directa en un archivo\" class=\"wp-image-43171 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css.jpg.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-edicion-directa-css-300x49.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-edicion-directa-css-1024x168.jpg 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-edicion-directa-css-768x126.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/19-edicion-directa-css-1536x252.jpg 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css-600x98.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css-1200x197.jpg.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css-730x120.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css-1460x239.jpg.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css-784x128.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css-1568x257.jpg.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/04\/19-edicion-directa-css-877x144.jpg.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/262;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">En este ejemplo, cambiamos el color de fondo de &#8220;#9888fd&#8221; a &#8220;#9888fe&#8221; para ver c\u00f3mo se ver\u00eda. El color de fondo cambiar\u00e1 instant\u00e1neamente, pero no es permanente.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ahora necesitas copiar la regla CSS y agregarla al archivo style.css de tu tema hijo de esta manera:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>body {<\/strong>\n<strong>Background-color: #9888fe;<\/strong>\n<strong>}<\/strong><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Guarda estos cambios en el archivo style.css y regresa al panel de control de WordPress para previsualizar el tema. Este proceso podr\u00eda requerir prueba y error, as\u00ed que t\u00f3mate tu tiempo hasta que consigas el estilo perfecto.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-sobrescribe-plantillas-del-tema-parent\"><b>Sobrescribe Plantillas del Tema Parent<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">As\u00ed como podemos crear una nueva hoja de estilo para CSS personalizado, tambi\u00e9n es posible sobrescribir plantillas del tema principal con nuevo contenido. Esto te permite hacer cambios completos en la estructura de partes espec\u00edficas de tu sitio web, como el encabezado y el men\u00fa de navegaci\u00f3n, el pie de p\u00e1gina o la plantilla de publicaciones individuales.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Imagina que quieres cambiar el dise\u00f1o de las entradas del blog en tu tema hijo, para que el t\u00edtulo de cada entrada aparezca sobre la imagen destacada.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Esta secci\u00f3n de tu sitio est\u00e1 controlada por el archivo de plantilla content.php. Para comenzar a hacer cambios, descarga una copia de content.php desde la carpeta del tema principal a trav\u00e9s de SFTP.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Luego, abre la plantilla secundaria en tu editor de texto. Podr\u00edas ver algo como esto:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>twentytwentyfour_post_thumbnail();<\/strong>\n\n<strong>&lt;header&gt;\n&lt;!-- Title and other header info here --&gt;\n&lt;\/header&gt;<\/strong><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Para ajustar el dise\u00f1o de tu encabezado, podr\u00edas cambiar el c\u00f3digo para que lea:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>&lt;header&gt;\n&lt;!-- Title and other header info here --&gt;\n&lt;\/header&gt;<\/strong>\n\n<strong>\/\/ Post thumbnail\ntwentytwentyfour_post_thumbnail();<\/strong><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Finalmente, guarda el archivo y s\u00fabelo a la carpeta del tema hijo. Aseg\u00farate de mantener el nombre original del archivo, de lo contrario WordPress no reconocer\u00e1 tu plantilla editada.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-plantillas-de-pagina-personalizadas\"><b>Plantillas de P\u00e1gina Personalizadas<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">\u00bfQuieres algo totalmente diferente? Tambi\u00e9n puedes agregar plantillas completamente nuevas a tu tema hijo.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">El proceso es exactamente como <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">desarrollar plantillas para un tema regular<\/span><\/a><span style=\"font-weight: 400;\">, excepto que tambi\u00e9n puede que necesites crear plantillas de encabezado y pie de p\u00e1gina personalizadas. Estos archivos deben ser referenciados en tu nueva plantilla personalizada, y no te olvides de agregar algo de CSS nuevo a trav\u00e9s de la hoja de estilo secundaria existente.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-crea-nuevas-funciones-en-php\"><b>Crea Nuevas Funciones en PHP<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Si deseas introducir nuevas caracter\u00edsticas en tu tema hijo, puedes crear un archivo functions.php para el tema hijo. Este funciona en conjunto con el archivo de funciones del tema principal, en lugar de reemplazarlo.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Por lo tanto, no necesitas hacer una copia del archivo original, simplemente escribe cualquier script adicional que desees agregar. El archivo de funciones del tema hijo se ejecutar\u00e1 primero, seguido por la versi\u00f3n del tema principal.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Agregar un archivo de funciones a tu tema hijo abre un amplio abanico de posibilidades. Por ejemplo, podr\u00edas:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Registrar nuevos widgets y c\u00f3digos cortos.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Agregar tipos de publicaciones personalizadas y taxonom\u00edas.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Crear nuevas opciones de tema.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Vincular hojas de estilo externas y archivos de JavaScript.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Sentar las bases para la traducci\u00f3n y localizaci\u00f3n de contenido.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Sobrescribir ciertas funciones del tema principal.<\/span><\/li>\n\n\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Puedes aprender m\u00e1s sobre c\u00f3mo crear estas funciones en <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/guia-sobre-archivo-functions-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">nuestra gu\u00eda completa de functions.php.<\/span><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-usar-hooks-de-tema\"><b>Usar Hooks de Tema<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">La forma m\u00e1s eficiente de agregar caracter\u00edsticas a tu nuevo archivo de funciones es mediante el uso de ganchos o hooks.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Los ganchos son parte de la funcionalidad principal de WordPress. Te permiten alterar varias partes de tu sitio web sin tener que editar plantillas individuales.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En lugar de eso, simplemente asignas tu c\u00f3digo al gancho relevante en el archivo de funciones. WordPress luego aplicar\u00e1 autom\u00e1ticamente este c\u00f3digo a los elementos coincidentes en el tema principal.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En WordPress, los ganchos vienen en dos variedades:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Ganchos de Acci\u00f3n<\/b><span style=\"font-weight: 400;\">: Se utilizan para \u201cenganchar\u201d c\u00f3digo personalizado en partes espec\u00edficas de tu tema de WordPress, como una nueva \u00e1rea de widgets o un mensaje personalizado para mostrarse despu\u00e9s de cada publicaci\u00f3n en el blog.<\/span><\/li>\n\n\n\n<li><b>Ganchos de Filtro<\/b><span style=\"font-weight: 400;\">: Se utilizan para modificar el contenido generado, ya sea por WordPress o por un tema principal, antes de que se env\u00ede a un navegador o se almacene en la base de datos. En t\u00e9rminos de temas hijos, se utilizan m\u00e1s a menudo para ajustar la longitud de los extractos.<\/span><\/li>\n\n\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">La mayor\u00eda de los ganchos solo requieren un peque\u00f1o fragmento de c\u00f3digo. Por ejemplo, aqu\u00ed tienes el c\u00f3digo que necesitar\u00edas para agregar algo de contenido al pie de p\u00e1gina de tu sitio:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"font-weight: 400;\">function my_custom_footer_content() {<\/span>\n<span style=\"font-weight: 400;\">echo '&lt;div&gt;Custom footer content here&lt;\/div&gt;';<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n<span style=\"font-weight: 400;\">add_action('wp_footer', 'my_custom_footer_content');<\/span><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">\u00bfVes ese fragmento &#8216;wp_footer&#8217;? Ese es el gancho, y le dice a WordPress d\u00f3nde debe ir este c\u00f3digo. En este caso, tu funci\u00f3n personalizada deber\u00eda ir directamente despu\u00e9s de la plantilla del pie de p\u00e1gina, dondequiera que se invoque dentro de tu tema. \u00bfInteresante, verdad?<\/span><\/p>\n\n\n\n<h2 id=\"h-preguntas-frecuentes-sobre-temas-child-de-wordpress\" class=\"wp-block-heading\"><b>Preguntas Frecuentes Sobre Temas Child de WordPress<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Nos gustar\u00eda pensar que esta gu\u00eda ha sido bastante completa hasta ahora. Pero si a\u00fan tienes preguntas pendientes, \u00a1tenemos respuestas para ti!<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-debo-activar-el-tema-principal-o-el-tema-child-en-wordpress\"><b>\u00bfDebo activar el tema principal o el tema child en WordPress?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Aqu\u00ed hay una regla simple: activa el tema que desees usar. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Si quieres volver al dise\u00f1o original como tu tema activo, activa el tema principal. Pero si quieres habilitar esas gloriosas personalizaciones, aseg\u00farate de activar el tema hijo.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cuales-son-las-desventajas-de-usar-un-tema-child\"><b>\u00bfCu\u00e1les son las desventajas de usar un tema child?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">No hay muchas desventajas en usar un tema hijo. Es un poco m\u00e1s t\u00e9cnico que personalizar tu sitio a trav\u00e9s del Panel de control. Y para hacer cambios m\u00e1s grandes, necesitar\u00e1s al menos un conocimiento b\u00e1sico de HTML, CSS y PHP.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n es importante tener en cuenta que un tema hijo mal optimizado puede ralentizar tu sitio, y siempre depender\u00e1s del tema principal.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-puede-existir-un-tema-hijo-sin-un-tema-principal\"><b>\u00bfPuede existir un tema hijo sin un tema principal?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">No, un tema hijo no funciona sin un tema principal. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">El concepto de un tema hijo depende inherentemente de un tema principal. Recuerda que el principal proporciona todo, excepto los estilos y plantillas personalizadas que agregas. Adem\u00e1s, la estructura de carpetas completa de tu sitio se desorganizar\u00eda si eliminas la carpeta del principal. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Si deseas separar tu dise\u00f1o hijo, considera convertirlo en un tema independiente.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-se-pueden-tener-multiples-temas-hijos-para-un-tema-principal\"><b>\u00bfSe pueden tener m\u00faltiples temas hijos para un tema principal?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">S\u00ed, puedes. Esto significa que puedes crear varias versiones del mismo sitio para adaptarse a diferentes audiencias. Incluso podr\u00edas <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/paginas-de-destino-pruebas-ab\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">ejecutar pruebas A\/B<\/span><\/a><span style=\"font-weight: 400;\"> de esta manera.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cuales-son-los-mejores-plugins-creadores-de-temas-hijos-de-wordpress\"><b>\u00bfCu\u00e1les son los mejores plugins creadores de temas hijos de WordPress?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Junto con Child Theme Configurator, con el que trabajamos anteriormente, echa un vistazo a <\/span><a href=\"https:\/\/en-gb.wordpress.org\/plugins\/wp-child-theme-generator\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">WP Child Theme Generator<\/span><\/a><span style=\"font-weight: 400;\"> y <\/span><a href=\"https:\/\/en-gb.wordpress.org\/plugins\/child-theme-wizard\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Child Theme Wizard<\/span><\/a><span style=\"font-weight: 400;\">. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">WordPress.org tambi\u00e9n tiene su propio plugin experimental de tema hijo, se llama <\/span><a href=\"https:\/\/en-gb.wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Create Block Theme<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cual-es-la-diferencia-entre-un-tema-hijo-y-un-tema-personalizado\"><b>\u00bfCu\u00e1l es la diferencia entre un tema hijo y un tema personalizado?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">La dependencia es probablemente la mayor diferencia. Un tema hijo se apoya en los archivos principales de un tema principal, mientras que un tema personalizado funciona de manera independiente. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Esa independencia significa que los desarrolladores de temas pueden introducir nuevas caracter\u00edsticas principales y m\u00e1s personalizaci\u00f3n. Por otro lado, necesitas sentirte c\u00f3modo con el c\u00f3digo para crear y mantener un tema personalizado. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Tambi\u00e9n requiere mucho m\u00e1s tiempo de desarrollo construir un tema completo desde cero.<\/span><\/p>\n\n\n\n<h2 id=\"h-protege-tus-personalizaciones-de-tema-y-actualizaciones\" class=\"wp-block-heading\"><b>Protege Tus Personalizaciones de Tema y Actualizaciones<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Usar un tema hijo te ayuda a evitar las complicaciones de editar un tema principal directamente. Un tema hijo es f\u00e1cil de ajustar, lo que te permite hacer cambios de dise\u00f1o significativos en un sitio web existente. Adem\u00e1s, no se ve afectado por las actualizaciones autom\u00e1ticas del tema.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Aqu\u00ed tienes un resumen r\u00e1pido de c\u00f3mo crear un tema hijo manualmente:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Haz un plan.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Haz una copia de seguridad de tu sitio actual.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Crea una carpeta para tu tema hijo usando un cliente SFTP.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Crea una hoja de estilos y s\u00fabela a tu sitio.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Pon en cola las hojas de estilos del tema hijo y del tema principal.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Activa y previsualiza tu tema hijo.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Haz cambios usando CSS.<\/span><\/li>\n\n\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Tener un hermoso tema es solo una parte de llevar un sitio web exitoso. Tambi\u00e9n necesitar\u00e1s un proveedor de alojamiento que se ajuste a tus necesidades. <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">\u00a1Echa un vistazo a los <\/span><a href=\"https:\/\/www.dreamhost.com\/es\/hosting\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">paquetes de alojamiento compartido de DreamHost <\/span><\/a><span style=\"font-weight: 400;\">para planes asequibles que priorizan el rendimiento del sitio web, con un 100% de tiempo de actividad garantizado!<\/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      Hacemos WordPress F\u00e1cil Para Ti\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      Deja las tareas importantes de mantenimiento de tu sitio en nuestras manos. As\u00ed puedes concentrarte en lo m\u00e1s importante: hacer crecer tu sitio web.\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                            Adquiere Tu Plan                    <\/a>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Cuando tienes requisitos espec\u00edficos, elegir un tema de WordPress no es tarea f\u00e1cil. Tu elecci\u00f3n debe verse bien y proporcionar todas las funciones que necesitas. As\u00ed que, es casi inevitable hacer algunos compromisos. Personalizar el tema que elijas es una forma de solucionar este problema. Sin embargo, los temas de WordPress necesitan actualizarse peri\u00f3dicamente. Cuando [&hellip;]<\/p>\n","protected":false},"author":1062,"featured_media":43151,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Cualquiera puede crear tema child de WordPress. Aprende c\u00f3mo personalizar y ampliar la funcionalidad de tu sitio web con este paso a paso.","toc_headlines":"[[\"h-que-es-un-tema-child\",\"\u00bfQu\u00e9 Es Un Tema Child?\"],[\"h-por-que-deberias-usar-un-tema-child\",\"Por qu\u00e9 Deber\u00edas Usar un Tema Child\"],[\"h-como-crear-un-tema-child-de-wordpress-usando-un-plugin-nbsp\",\"C\u00f3mo Crear un Tema Child de WordPress Usando un Plugin\u00a0\"],[\"h-como-crear-manualmente-un-tema-child-de-wordpress\",\"C\u00f3mo Crear Manualmente un Tema Child de WordPress\"],[\"h-como-personalizar-tu-tema-child\",\"C\u00f3mo Personalizar Tu Tema Child\"],[\"h-preguntas-frecuentes-sobre-temas-child-de-wordpress\",\"Preguntas Frecuentes Sobre Temas Child de WordPress\"],[\"h-protege-tus-personalizaciones-de-tema-y-actualizaciones\",\"Protege Tus Personalizaciones de Tema y Actualizaciones\"]]","hide_toc":false,"footnotes":""},"categories":[11668,11683],"tags":[],"class_list":["post-33566","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 Crear un Tema Hijo (Child) de WordPress - DreamHost<\/title>\n<meta name=\"description\" content=\"Cualquiera puede crear tema child de WordPress. Aprende c\u00f3mo personalizar y ampliar la funcionalidad de tu sitio web con este paso a paso.\" \/>\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\/como-crear-un-tema-hijo-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Crear un Tema Hijo (Child) de WordPress: Tutorial Paso a Paso\" \/>\n<meta property=\"og:description\" content=\"Cualquiera puede crear un tema Child de WordPress. Aprende c\u00f3mo personalizar y ampliar de forma segura la funcionalidad de tu sitio web sin arriesgarse a recibir actualizaciones de tu tema principal.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-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=\"2024-02-12T15:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T22:37:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide-1.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:description\" content=\"Cualquiera puede crear un tema Child de WordPress. Aprende c\u00f3mo personalizar y ampliar de forma segura la funcionalidad de tu sitio web sin arriesgarse a recibir actualizaciones de tu tema principal.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide-1.jpg\" \/>\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=\"22 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Crear un Tema Hijo (Child) de WordPress - DreamHost","description":"Cualquiera puede crear tema child de WordPress. Aprende c\u00f3mo personalizar y ampliar la funcionalidad de tu sitio web con este paso a paso.","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\/como-crear-un-tema-hijo-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"C\u00f3mo Crear un Tema Hijo (Child) de WordPress: Tutorial Paso a Paso","og_description":"Cualquiera puede crear un tema Child de WordPress. Aprende c\u00f3mo personalizar y ampliar de forma segura la funcionalidad de tu sitio web sin arriesgarse a recibir actualizaciones de tu tema principal.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-02-12T15:00:24+00:00","article_modified_time":"2025-01-16T22:37:32+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide-1.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_description":"Cualquiera puede crear un tema Child de WordPress. Aprende c\u00f3mo personalizar y ampliar de forma segura la funcionalidad de tu sitio web sin arriesgarse a recibir actualizaciones de tu tema principal.","twitter_image":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1220-x-628-OGIMAGE-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide-1.jpg","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"C\u00f3mo Crear un Tema Hijo (Child) de WordPress: Tutorial Paso a Paso","datePublished":"2024-02-12T15:00:24+00:00","dateModified":"2025-01-16T22:37:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/"},"wordCount":3926,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide.jpg","articleSection":["Tutoriales","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/","name":"C\u00f3mo Crear un Tema Hijo (Child) de WordPress - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide.jpg","datePublished":"2024-02-12T15:00:24+00:00","dateModified":"2025-01-16T22:37:32+00:00","description":"Cualquiera puede crear tema child de WordPress. Aprende c\u00f3mo personalizar y ampliar la funcionalidad de tu sitio web con este paso a paso.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/04\/1460-x-1095-BLOG-HERO-_-What-Is-Google-Tag-Manager-How-Does-It-Work_-The-Full-Guide.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-crear-un-tema-hijo-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo Crear un Tema Hijo (Child) de WordPress: Tutorial Paso a Paso"}]},{"@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":33566,"en":33538,"de":52166,"pt":57644,"pl":57647,"ru":57650,"uk":57653,"it":67874,"fr":69322,"nl":69352},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33566","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=33566"}],"version-history":[{"count":9,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33566\/revisions"}],"predecessor-version":[{"id":63437,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/33566\/revisions\/63437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/43151"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=33566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=33566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=33566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}