{"id":80295,"date":"2021-03-03T10:21:00","date_gmt":"2021-03-03T04:51:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?p=80295"},"modified":"2023-12-28T16:08:54","modified_gmt":"2023-12-28T10:38:54","slug":"wordpress-create-child-theme","status":"publish","type":"post","link":"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/wordpress-create-child-theme\/","title":{"rendered":"C\u00f3mo crear un tema hijo en WordPress (3 m\u00e9todos)"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>Si eres un usuario frecuente de WordPress, probablemente est\u00e9s familiarizado con los temas hijo. Si eres nuevo en WordPress, o si no has usado temas hijo antes, \u00a1este post es para ti!<\/p>\n\n\n\n<p>En este art\u00edculo, explicaremos el prop\u00f3sito de los temas hijo y c\u00f3mo crear r\u00e1pidamente el suyo propio.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-a65e1c84\"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTabla de contenidos\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap\">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-are-child-themes\" class=\"uagb-toc-link__trigger\">\u00bfQu\u00e9 son los temas infantiles?<\/a><li class=\"uagb-toc__list\"><a href=\"#why-should-you-use-a-child-theme\" class=\"uagb-toc-link__trigger\">\u00bfPor qu\u00e9 utilizar un tema hijo?<\/a><li class=\"uagb-toc__list\"><a href=\"#step-by-step-guide-to-creating-a-child-theme\" class=\"uagb-toc-link__trigger\">Gu\u00eda paso a paso para crear un tema hijo<\/a><li class=\"uagb-toc__list\"><a href=\"#method-1-use-the-astra-child-theme-generator\" class=\"uagb-toc-link__trigger\">M\u00e9todo 1: Utilizar el generador de temas Astra para ni\u00f1os<\/a><li class=\"uagb-toc__list\"><a href=\"#method-2-use-a-plugin\" class=\"uagb-toc-link__trigger\">M\u00e9todo 2: Utilizar un plugin<\/a><li class=\"uagb-toc__list\"><a href=\"#method-3-create-a-child-theme-manually\" class=\"uagb-toc-link__trigger\">M\u00e9todo 3: Crear un Tema Hijo Manualmente<\/a><li class=\"uagb-toc__list\"><a href=\"#other-wordpress-theming-tips\" class=\"uagb-toc-link__trigger\">Otros consejos sobre tematizaci\u00f3n de WordPress<\/a><li class=\"uagb-toc__list\"><a href=\"#conclusion\" class=\"uagb-toc-link__trigger\">Conclusi\u00f3n<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_xgt8tumb5vox\"><\/a>\u00bfQu\u00e9 son los temas infantiles?<\/h2>\n\n\n\n<p>Un tema hijo le permite realizar cambios en su tema de WordPress <em>y <\/em>mantenlos separados de tu tema normal (\"padre\"). Son \u00fatiles por varias razones, pero sobre todo porque te permiten mantener tu tema actualizado sin borrar tus modificaciones en el proceso.<\/p>\n\n\n\n<p>En pocas palabras:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <strong>tema principal<\/strong> es tu tema habitual de WordPress. Por ejemplo, <a href=\"https:\/\/git-staging.wpastra.com\/es\/\">Astra.<\/a><\/li>\n\n\n\n<li>A <strong>tema infantil<\/strong> es una copia de ese tema padre que ayuda a mantener las modificaciones y actualizaciones separadas de \u00e9l.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_m56dwuc73bth\"><\/a>\u00bfPor qu\u00e9 utilizar un tema hijo?<\/h2>\n\n\n\n<p>Hay varias buenas razones para utilizar un tema hijo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Protege su tema principal contra los errores.<\/strong> Si realiza una modificaci\u00f3n en su tema y rompe su sitio en el proceso, es f\u00e1cil de arreglar. Simplemente borra el archivo del tema hijo y copia uno nuevo del tema padre. Si modificas el tema padre directamente, te llevar\u00e1 mucho m\u00e1s tiempo y esfuerzo arreglarlo.<\/li>\n\n\n\n<li><strong>Mantiene tus personalizaciones separadas.<\/strong> Siempre es una buena pr\u00e1ctica mantener cualquier adici\u00f3n o modificaci\u00f3n separada del archivo original, ya que facilita ver y ajustar los cambios. La mayor\u00eda de los temas de WordPress tienen una secci\u00f3n designada \"CSS personalizado\" precisamente por esta raz\u00f3n.<\/li>\n\n\n\n<li><strong>Tus cambios no se borrar\u00e1n si se actualiza el tema.<\/strong> Mantener tu tema actualizado es esencial por motivos de seguridad. Pero si realizas cambios en tu tema principal, podr\u00edan desaparecer tras cualquier actualizaci\u00f3n. \u00bfCu\u00e1l es la soluci\u00f3n? Utiliza un tema hijo. Los temas hijo no cambiar\u00e1n aunque actualices el tema principal.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_659zzqvb5rhj\"><\/a>Gu\u00eda paso a paso para crear un tema hijo<\/h2>\n\n\n\n<p>Para este tutorial, utilizaremos nuestro tema, <a href=\"https:\/\/git-staging.wpastra.com\/es\/\">Astra.<\/a> Independientemente del tema que utilices, el proceso deber\u00eda ser pr\u00e1cticamente el mismo.<\/p>\n\n\n\n<p>Hay tres formas de crear un tema hijo:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#method-1-use-the-astra-child-theme-generator\">Utilizando nuestro generador de temas Astra para ni\u00f1os<\/a><\/li>\n\n\n\n<li><a href=\"#method-2-use-a-plugin\">Instalando un plugin de tema hijo<\/a><\/li>\n\n\n\n<li><a href=\"#method-3-create-a-child-theme-manually\">Creando manualmente archivos y carpetas en el directorio de WordPress<\/a><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_kwqam491dtua\"><\/a>M\u00e9todo 1: Utilizar el generador de temas Astra para ni\u00f1os<\/h2>\n\n\n\n<p>En Astra disponemos de una potente herramienta que te permite crear un tema hijo para nuestro tema Astra. <a href=\"https:\/\/git-staging.wpastra.com\/es\/child-theme-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Generador de temas infantiles Astra<\/a> le permite crear un tema hijo con s\u00f3lo pulsar un bot\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"680\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-child-theme-generator.jpg\" alt=\"Astra child theme generator\" class=\"wp-image-71540\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-child-theme-generator.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-child-theme-generator-300x227.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Astra-child-theme-generator-768x580.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Para utilizar el generador, <a href=\"https:\/\/git-staging.wpastra.com\/es\/child-theme-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">vaya a este enlace y rellene el formulario.<\/a> Si haces clic en \"Opciones avanzadas\", puedes a\u00f1adir detalles adicionales como Autor, Descripci\u00f3n y Nombre de la carpeta. Si lo desea, tambi\u00e9n puede a\u00f1adir una captura de pantalla.<a id=\"post-80295-_o0yl89prd0z\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"898\" height=\"1050\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Astra-child-theme-generator-advance-settings.jpg\" alt=\"Astra child theme generator advance settings\" class=\"wp-image-80298\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Astra-child-theme-generator-advance-settings.jpg 898w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Astra-child-theme-generator-advance-settings-257x300.jpg 257w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Astra-child-theme-generator-advance-settings-876x1024.jpg 876w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Astra-child-theme-generator-advance-settings-768x898.jpg 768w\" sizes=\"(max-width: 898px) 100vw, 898px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, haga clic en <em>Generar.<\/em> El tema hijo se descargar\u00e1 en su ordenador.<\/p>\n\n\n\n<p>Puede a\u00f1adirlo a su sitio como cualquier otro tema: vaya a <strong>Apariencia <\/strong>&gt; <strong>Temas <\/strong>y haga clic en <strong>A\u00f1adir nuevo<\/strong><em>.<\/em><a id=\"post-80295-_fi6j5vuxl4my\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1100\" height=\"429\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Upload-new-theme.jpg\" alt=\"Upload new theme\" class=\"wp-image-71551\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Upload-new-theme.jpg 1100w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Upload-new-theme-300x117.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Upload-new-theme-1024x399.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/12\/Upload-new-theme-768x300.jpg 768w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/><\/figure>\n\n\n\n<p>Ya est\u00e1. Ahora tiene un nuevo tema hijo, que puede editar directamente en el Editor de temas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_ypla4i6mnwr0\"><\/a>M\u00e9todo 2: Utilizar un plugin<\/h2>\n\n\n\n<p>Existen varios plugins gratuitos que permiten crear un tema hijo. Todos funcionan m\u00e1s o menos de la misma manera, aunque algunos tienen caracter\u00edsticas \u00fanicas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_pnkwtzkgbudf\"><\/a><a href=\"https:\/\/wordpress.org\/plugins\/child-theme-configurator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Configurador de temas infantiles<\/a><a id=\"post-80295-_u6cw6591ejf\"><\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"410\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-WordPress-plugin.jpg\" alt=\"Child theme configurator WordPress plugin\" class=\"wp-image-80309\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-WordPress-plugin.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-WordPress-plugin-300x137.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-WordPress-plugin-768x350.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Con m\u00e1s de 300.000 instalaciones, este plugin es el plugin de tema hijo m\u00e1s popular disponible. Tiene m\u00e1s de una docena de opciones que te permiten personalizar tu tema hijo.<\/p>\n\n\n\n<p>Veamos c\u00f3mo usar este plugin para crear un tema hijo.<\/p>\n\n\n\n<p>1. <a href=\"https:\/\/wordpress.org\/plugins\/child-theme-configurator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Descargue el plugin desde este enlace<\/a> y s\u00fabalo a su sitio web WordPress.<\/p>\n\n\n\n<p>2. Despu\u00e9s de activar el plugin, vaya a <strong>Herramientas &gt; Temas hijos<\/strong> para utilizar el plugin.<a id=\"post-80295-_q6mr6ot6bflf\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"460\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings.jpg\" alt=\"Child theme configurator settings\" class=\"wp-image-80308\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings.jpg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-300x138.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-768x353.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>3. En la primera pesta\u00f1a, ver\u00e1s un asistente para crear un tema hijo. Selecciona tu tema padre y haz clic en el bot\u00f3n Analizar para que el plugin lo eval\u00fae.<a id=\"post-80295-_jq5okkiig7ud\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"243\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-1.jpg\" alt=\"Child theme configurator settings 1\" class=\"wp-image-80301\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-1.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-1-300x81.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-1-768x207.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Si su tema es adecuado (como el <a href=\"https:\/\/git-staging.wpastra.com\/es\/\">Tema Astra<\/a> ), recibir\u00e1s un mensaje de confirmaci\u00f3n.<a id=\"post-80295-_not5ut4mla3h\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"228\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-confirmation.jpg\" alt=\"Child theme configurator confirmation\" class=\"wp-image-80300\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-confirmation.jpg 656w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-confirmation-300x104.jpg 300w\" sizes=\"(max-width: 656px) 100vw, 656px\" \/><\/figure>\n\n\n\n<p>Debajo del mensaje de confirmaci\u00f3n hay una serie de ajustes. En primer lugar, asigne un nombre al directorio del tema. Tenga en cuenta que este es el nombre de la <em>carpeta<\/em>y no el nombre del tema en s\u00ed.<a id=\"post-80295-_ksjmvvw2216p\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"72\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-2.jpg\" alt=\"Child theme configurator settings 2\" class=\"wp-image-80302\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-2.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-2-300x24.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-2-768x61.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, elija d\u00f3nde desea guardar los estilos. Puede utilizar la opci\u00f3n predeterminada <em>style.css <\/em>o gu\u00e1rdelo en una hoja de estilo independiente.<a id=\"post-80295-_axzq7svuv1kp\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"222\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-3.jpg\" alt=\"Child theme configurator settings 3\" class=\"wp-image-80303\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-3.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-3-300x74.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-3-768x189.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>En el siguiente paso, elija c\u00f3mo se acceder\u00e1 a la hoja de estilos del Tema Padre. Lea la <a href=\"#step-3-enqueue-the-stylesheet\">Poner en cola la hoja de estilo<\/a> para m\u00e1s informaci\u00f3n sobre este proceso.<a id=\"post-80295-_r7g4yzt3kldo\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"252\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-4.jpg\" alt=\"Child theme configurator settings 4\" class=\"wp-image-80304\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-4.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-4-300x84.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-4-768x215.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Abra el panel de atributos del tema haciendo clic en el bot\u00f3n . Aqu\u00ed puede a\u00f1adir el nombre del tema hijo, el sitio web, el autor y el sitio web del autor.<a id=\"post-80295-_fjrhghs5wrbb\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"315\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-5.jpg\" alt=\"Child theme configurator settings 5\" class=\"wp-image-80305\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-5.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-5-300x105.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-5-768x269.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>En el \u00faltimo paso, puede copiar men\u00fas, widgets y otros ajustes del tema principal al tema secundario.<a id=\"post-80295-_3ujoz1xm41ni\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"185\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-6.jpg\" alt=\"Child theme configurator settings 6\" class=\"wp-image-80306\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-6.jpg 900w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-6-300x62.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-6-768x158.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Por \u00faltimo, haga clic en el bot\u00f3n para crear su nuevo Tema Hijo. \u00a1Listo!<a id=\"post-80295-_310j56ebktae\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"613\" height=\"83\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-7.jpg\" alt=\"Child theme configurator settings 7\" class=\"wp-image-80307\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-7.jpg 613w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/Child-theme-configurator-settings-7-300x41.jpg 300w\" sizes=\"(max-width: 613px) 100vw, 613px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_9lnec09ih8vi\"><\/a>Otros plugins<\/h3>\n\n\n\n<p>Estos otros plugins funcionan de forma similar.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/child-theme-wizard\/\" target=\"_blank\" rel=\"noreferrer noopener\">Asistente para temas infantiles<\/a><\/strong>: Este plugin tiene un \"asistente\" que te gu\u00eda paso a paso por el proceso.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/generate-child-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">Generar tema hijo<\/a><\/strong>: Este es un plugin est\u00e1ndar para crear un tema hijo. Es m\u00e1s simple y tiene menos funciones que otras opciones, lo que le permite crear el tema hijo m\u00e1s r\u00e1pidamente.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/childify-me\/\" target=\"_blank\" rel=\"noreferrer noopener\">Childify Me<\/a><\/strong>: Otro plugin s\u00f3lido con diferentes opciones de personalizaci\u00f3n.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/orbisius-child-theme-creator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Creador de temas infantiles de Orbisius<\/a><\/strong>: Otro plugin popular, con m\u00e1s de 30.000 instalaciones.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/child-theme-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Generador de temas infantiles<\/a><\/strong>: Un plugin sencillo pero muy valorado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_8uje3da9r19a\"><\/a>M\u00e9todo 3: Crear un Tema Hijo Manualmente<\/h2>\n\n\n\n<p>Si prefieres crear un tema hijo t\u00fa mismo, tambi\u00e9n puedes hacerlo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_muek3tqf4gab\"><\/a>Paso 1: Acceda a su sitio a trav\u00e9s de FTP\/SFTP, SSH o el explorador de archivos de cPanel<\/h3>\n\n\n\n<p>En primer lugar, tendr\u00e1s que conectarte a tu sitio para poder subir algunos archivos. La forma m\u00e1s sencilla de hacerlo es mediante FileZilla (FTP\/SFTP), Putty (SSH) o el explorador de archivos del panel de control de tu host (cPanel o Plesk).<\/p>\n\n\n\n<p>\u00bfNo sabes c\u00f3mo hacerlo? Lea una de las siguientes gu\u00edas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Para acceder a su sitio a trav\u00e9s de FTP\/SFTP, <a href=\"https:\/\/wordpress.org\/support\/article\/using-filezilla\/\" target=\"_blank\" rel=\"noreferrer noopener\">lee esta gu\u00eda.<\/a><\/li>\n\n\n\n<li>Para acceder a su sitio a trav\u00e9s de SSH, <a href=\"https:\/\/www.elegantthemes.com\/blog\/tips-tricks\/how-to-connect-to-your-website-via-ssh-and-why-youd-want-to\" target=\"_blank\" rel=\"noreferrer noopener\">lee esta gu\u00eda.<\/a><\/li>\n\n\n\n<li>Para acceder a su sitio a trav\u00e9s del Administrador de archivos en su panel de control con cPanel, <a href=\"https:\/\/docs.cpanel.net\/cpanel\/files\/file-manager\/\" target=\"_blank\" rel=\"noreferrer noopener\">lee esta gu\u00eda.<\/a><\/li>\n\n\n\n<li>Para acceder a su sitio a trav\u00e9s del Administrador de Archivos en su panel de control con Plesk, <a href=\"https:\/\/docs.plesk.com\/en-US\/12.5\/customer-guide\/websites-and-domains\/website-content\/uploading-content-with-file-manager.74105\/\" target=\"_blank\" rel=\"noreferrer noopener\">lee esta gu\u00eda.<\/a><\/li>\n<\/ul>\n\n\n\n<p>Una vez que haya iniciado sesi\u00f3n en el sitio, vaya a la secci\u00f3n \/<em>wp-contenido<\/em> carpeta. A continuaci\u00f3n, vaya a <em>\/temas<\/em>.<\/p>\n\n\n\n<p>All\u00ed, cree una carpeta para el tema hijo y ll\u00e1mela <em>astra-ni\u00f1o. <\/em>La primera parte del nombre debe ser el nombre del tema principal, seguido de un gui\u00f3n y la palabra <em>ni\u00f1o.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_slbin3kk4ll8\"><\/a>Paso 2: Crear el archivo Style.css<\/h3>\n\n\n\n<p>Ahora tenemos que crear un <em>style.css<\/em> para contener el c\u00f3digo CSS. CSS, acr\u00f3nimo de Cascading Style Sheets (hojas de estilo en cascada), es el lenguaje de hojas de estilo utilizado para dise\u00f1ar elementos en los sitios web.<\/p>\n\n\n\n<p>Si no est\u00e1 familiarizado con CSS, consulte algunas de estas gu\u00edas para principiantes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.codecademy.com\/learn\/learn-css\" target=\"_blank\" rel=\"noreferrer noopener\">Codecademy - Aprende CSS<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Escuelas W3 - Tutorial CSS<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/css-tricks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Trucos CSS<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2019\/01\/how-to-learn-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smashing Magazine - C\u00f3mo aprender CSS<\/a><\/li>\n<\/ul>\n\n\n\n<p>\u00bfYa te sientes c\u00f3modo utilizando CSS? Abre tu <a href=\"https:\/\/git-staging.wpastra.com\/es\/resources\/best-text-editors\/\" target=\"_blank\" rel=\"noreferrer noopener\">editor de texto favorito<\/a>crea un nuevo archivo y gu\u00e1rdalo como style.css.<\/p>\n\n\n\n<p>A continuaci\u00f3n, copie y pegue el texto que aparece a continuaci\u00f3n. Aseg\u00farese de cambiar el contenido para que coincida con su propio sitio web o nombre de la empresa.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>\/*\n Theme Name:   Astra Child\n Theme URI:\thttp:\/\/example.com\/astra-child\n Description:  Astra Child Theme is an awesome theme.\n Author:   \tBrainstorm Force\n Author URI:   https:\/\/www.wpastra.com\n Template: \tastra\n Version:  \t1.0.0\n License:  \tGNU General Public License v2 or later\n License URI:  http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n Tags:     \tastra\n Text Domain:  astrachild\n*\/\n<\/code><\/pre>\n\n\n\n<p>A continuaci\u00f3n, a\u00f1ada el archivo a la carpeta <em>astra-ni\u00f1o <\/em>de su sitio a trav\u00e9s de FTP\/SFTP, SSH o el gestor de archivos cPanel\/Plesk.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_gj3svyj84irc\"><\/a>Paso 3: Poner en cola la hoja de estilo<\/h3>\n\n\n\n<p>Ahora necesitamos a\u00f1adir una peque\u00f1a l\u00ednea de c\u00f3digo que conecte el tema padre con el tema hijo.<\/p>\n\n\n\n<p>Hay dos formas de hacerlo; la primera es f\u00e1cil pero ineficiente, mientras que la segunda lleva m\u00e1s tiempo pero es la recomendada por WordPress.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><a id=\"post-80295-_bh2ns66jgway\"><\/a>M\u00e9todo 1<\/h4>\n\n\n\n<p>Este primer m\u00e9todo se considera anticuado, ya que aumenta el tiempo que tarda en cargarse la hoja de estilos. Sin embargo, es mucho m\u00e1s sencillo de hacer y, si tu sitio no es especialmente grande, tiene muy pocos inconvenientes pr\u00e1cticos.<\/p>\n\n\n\n<p>Esto es especialmente cierto si s\u00f3lo realiza un peque\u00f1o n\u00famero de modificaciones en el tema hijo.<\/p>\n\n\n\n<p>Simplemente a\u00f1ada el siguiente c\u00f3digo al final de su archivo style.css:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>@import url(\u201c..\/astra\/style.css\");<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><a id=\"post-80295-_7y8sj5fjbo49\"><\/a>M\u00e9todo 2<\/h4>\n\n\n\n<p>El segundo m\u00e9todo es el recomendado por WordPress.org, pero requiere un poco m\u00e1s de conocimiento t\u00e9cnico. Es el m\u00e9todo preferido, especialmente si tienes un sitio m\u00e1s grande y est\u00e1s tratando de optimizar el tiempo de carga de la p\u00e1gina.<\/p>\n\n\n\n<p>En la barra lateral de administraci\u00f3n de WordPress, vaya a <strong>Apariencia <\/strong>&gt; <strong>Editor de temas<em>.<\/em><\/strong><\/p>\n\n\n\n<p>Seleccione su tema hijo y busque la opci\u00f3n<em> funciones.php<\/em> archivo. Si no lo tiene, cr\u00e9elo.<\/p>\n\n\n\n<p>La primera l\u00ednea de este archivo debe ser una etiqueta PHP de apertura (&lt;?php), seguida del c\u00f3digo siguiente:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );\nfunction my_theme_enqueue_styles() {\n    wp_enqueue_style( ' astra-child', get_stylesheet_uri(),\n        array( astra ), \n        wp_get_theme()-&gt;get('Version') \/\/ this only works if you have Version in the style header\n    );\n}\n<\/code><\/pre>\n\n\n\n<p>Aseg\u00farese de sustituir <em>astra-ni\u00f1o <\/em>con el nombre de su tema hijo y <em>matriz<\/em>(<em>astra<\/em>) con el slug del tema principal.<\/p>\n\n\n\n<p>Tenga en cuenta que, a diferencia del <em>style.css<\/em> (o cualquier otro archivo), la versi\u00f3n del tema hijo de functions.php no sobrescribe el archivo del tema padre. En su lugar, simplemente <em>a\u00f1ade<\/em> el c\u00f3digo del archivo hijo al archivo padre. Por lo tanto, no es necesario copiar todo el archivo del tema principal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_89tyx0u9m1z9\"><\/a>Paso 4: Activar el tema<\/h3>\n\n\n\n<p>Una vez que haya cargado el tema, abra el panel de administraci\u00f3n de WordPress y vaya a <strong>Apariencia <\/strong>&gt; <strong>Temas<\/strong><em>.<\/em> Tu tema deber\u00eda aparecer ahora en la lista. <strong>Act\u00edvalo<\/strong>.<\/p>\n\n\n\n<p>Como a\u00fan no hemos a\u00f1adido ning\u00fan c\u00f3digo nuevo, el tema hijo ser\u00e1 exactamente igual que su tema padre.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_cggkf51vips2\"><\/a>Paso 5: A\u00f1adir personalizaciones<\/h3>\n\n\n\n<p>Ahora, vamos a a\u00f1adir algunas personalizaciones. Para ello, necesitar\u00e1s estar familiarizado con HTML y CSS. Si no lo est\u00e1s, <a href=\"#step-2-create-the-stylecss-file\">consulte nuestros enlaces<\/a>.<\/p>\n\n\n\n<p>La forma m\u00e1s sencilla de realizar un cambio espec\u00edfico en el tema de tu sitio web es con la herramienta de inspecci\u00f3n de tu navegador. En la mayor\u00eda de los navegadores, incluidos Google Chrome, Mozilla Firefox y Apple Safari, puede hacerlo haciendo clic con el bot\u00f3n derecho en un elemento. Al hacerlo, aparecer\u00e1 un panel de desarrollador en el lateral de la ventana del navegador.<\/p>\n\n\n\n<p>Por ejemplo, <strong>haga clic con el bot\u00f3n derecho del rat\u00f3n en el encabezamiento superior<\/strong>y seleccione <strong>Inspeccione<\/strong>. Aparecer\u00e1 la barra lateral de desarrolladores.<a id=\"post-80295-_s5gp5zazyooq\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"487\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/chrome-inspect-element.jpg\" alt=\"chrome inspect element\" class=\"wp-image-80310\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/chrome-inspect-element.jpg 1000w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/chrome-inspect-element-300x146.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/chrome-inspect-element-768x374.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Dado que inspeccionamos espec&iacute;ficamente la r&uacute;brica, se puede ver el &lt;h1&gt; HTML. Como queremos modificar este encabezado (y todos los encabezados), queremos apuntar al elemento H1.<\/p>\n\n\n\n<p>Para ello, vaya a <strong>Apariencia <\/strong>&gt; <strong>Editar temas<\/strong><em>.<\/em> En la parte derecha, seleccione su tema hijo. A continuaci\u00f3n, a\u00f1ada el siguiente c\u00f3digo a la secci\u00f3n <em>style.css<\/em> archivo.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code><em>h1 { color: blue; }<\/em><\/code><\/pre>\n\n\n\n<p>Guarde el archivo y vuelva a la p\u00e1gina de su sitio. El t\u00edtulo del encabezado deber\u00eda ser azul.<a id=\"post-80295-_w4fhuumefayi\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"826\" height=\"255\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/website-updated-changes.jpg\" alt=\"website updated changes\" class=\"wp-image-80312\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/website-updated-changes.jpg 826w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/website-updated-changes-300x93.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/website-updated-changes-768x237.jpg 768w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/figure>\n\n\n\n<p>\u00a1Buen trabajo! Has creado un tema hijo. Cada vez que desee hacer modificaciones a su tema, a\u00f1adir a este <em>style.css<\/em> y no el archivo <em>style.css<\/em> de su tema principal.<\/p>\n\n\n\n<p>Tambi\u00e9n puede cargar el archivo modificado directamente a trav\u00e9s de FTP\/SFTP, SSH o el Administrador de archivos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_8dzmpd9d18m9\"><\/a>Otros consejos sobre tematizaci\u00f3n de WordPress<\/h2>\n\n\n\n<p><strong>C\u00f3mo cambiar otros archivos del tema<\/strong><\/p>\n\n\n\n<p>Todos los temas de WordPress (incluidos <a href=\"https:\/\/git-staging.wpastra.com\/es\/features\/\">nuestro tema Astra<\/a>) se compone de varios .<em>php <\/em>archivos. Estos incluyen <em>comments.php, header.php, body.php, footer.php<\/em>etc.<a id=\"post-80295-_lv0a73c8vjy2\"><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"499\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/astra-theme-files.jpg\" alt=\"Astra theme files\" class=\"wp-image-80299\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/astra-theme-files.jpg 276w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/02\/astra-theme-files-166x300.jpg 166w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n\n\n\n<p>Estos archivos se denominan archivos \"plantilla\" y no deben modificarse directamente, por la misma raz\u00f3n por la que no debe modificar <em>style.css. <\/em>Si quieres cambiar alguno de ellos, puedes seguir un proceso similar al que hicimos anteriormente.<\/p>\n\n\n\n<p>Para este ejemplo, utilizaremos el <em>header.php<\/em> archivo.<\/p>\n\n\n\n<p>Abra el archivo y copie todo el contenido. A continuaci\u00f3n, pega ese contenido en un nuevo archivo de texto en tu ordenador. Modif\u00edcalo, asegur\u00e1ndote de no cambiar nada m\u00e1s.<\/p>\n\n\n\n<p>Cuando hayas terminado, gu\u00e1rdalo como <em>header.php<\/em> y s\u00fabalo a la carpeta del tema hijo mediante FTP\/SFTP, SSH o el Administrador de archivos.<\/p>\n\n\n\n<p>Para realizar modificaciones en el futuro, ed\u00edtelo directamente en el editor de WordPress (yendo al Editor de temas) o vuelva a cargar el archivo actualizado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-80295-_jgd6tmtdruao\"><\/a>Funciones.php<\/h3>\n\n\n\n<p>Tambi\u00e9n podemos hacer algo similar para <em>funciones.php<\/em>el archivo que controla muchos de los procesos de su sitio. A diferencia del <em>style.css<\/em> (o cualquier otro archivo), la versi\u00f3n del tema hijo de <em>funciones.php<\/em> no sobrescribe el archivo del tema padre.<\/p>\n\n\n\n<p>M\u00e1s bien, simplemente <em>a\u00f1ade<\/em> el c\u00f3digo del archivo hijo al archivo padre.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>En primer lugar, abra el <em>funciones.ph<\/em>p de su tema.<\/li>\n\n\n\n<li>Copia todo el texto y p\u00e9galo en un nuevo documento de texto.<\/li>\n\n\n\n<li>Realice los cambios necesarios y gu\u00e1rdelo como <em>functions.php.<\/em><\/li>\n\n\n\n<li>Por \u00faltimo, suba el archivo a la misma carpeta del tema hijo.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"post-80295-_1dlom2kuqatf\"><\/a>Conclusi\u00f3n<\/h2>\n\n\n\n<p>Eso es todo. Como recordatorio, siempre debes intentar usar un tema hijo cuando hagas modificaciones a un tema de WordPress. Aunque pueda parecer m\u00e1s f\u00e1cil modificar r\u00e1pidamente el tema principal, a la larga tendr\u00e1s m\u00e1s problemas.<\/p>\n\n\n\n<p>Si est\u00e1 abonado a uno de nuestros <a href=\"https:\/\/git-staging.wpastra.com\/es\/pricing\/\">Planes de pago Astra,<\/a> nuestro equipo de soporte puede ayudarle a configurar un tema hijo en su sitio web WordPress. Ponte en contacto con nosotros.<\/p>\n\n\n\n<p>\u00bfEst\u00e1s utilizando un tema hijo? \u00bfQu\u00e9 m\u00e9todo utilizas para realizar cambios? H\u00e1znoslo saber en los comentarios.<\/p>","protected":false},"excerpt":{"rendered":"<p>Si eres un usuario frecuente de WordPress, probablemente est\u00e9s familiarizado con los temas hijo. Si eres nuevo en WordPress, o si no has usado temas hijo antes, \u00a1este art\u00edculo es para ti! En este art\u00edculo, explicaremos el prop\u00f3sito de los temas hijo y c\u00f3mo crear r\u00e1pidamente el suyo propio. \u00bfQu\u00e9 son los temas hijo? Un tema hijo [...]<\/p>","protected":false},"author":9,"featured_media":82387,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[860],"tags":[2034,2118],"class_list":{"0":"post-80295","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-guides-and-tutorials","8":"tag-ast-how-to-post-tag","9":"tag-how-to-schema"},"spectra_custom_meta":{"_edit_lock":["1691400036:85"],"_edit_last":["85"],"astra_display_author":["9"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_primary_category":["860"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_estimated-reading-time-minutes":["13"],"_yoast_wpseo_focuskw":["wordpress create child theme"],"_yoast_wpseo_linkdex":["65"],"_yoast_wpseo_title":["How to Easily Create Child Theme in WordPress - Step by Step Guide"],"_yoast_wpseo_metadesc":["Child themes are the easiest way to customize a theme without impacting the original. Learn everything you need to know right here."],"_yoast_wpseo_opengraph-title":["How to Easily Create Child Theme in WordPress - Step by Step Guide"],"_yoast_wpseo_opengraph-description":["Want to customize a WordPress theme without breaking it? You need a child theme. Learn all about them right here!"],"_yoast_wpseo_twitter-title":["How to Easily Create Child Theme in WordPress - Step by Step Guide"],"_yoast_wpseo_twitter-description":["Want to customize a WordPress theme without breaking it? You need a child theme. Learn all about them right here!"],"_ppc_meta_key":["a:16:{s:8:\"ppc_key5\";s:37:\"Title is Catchy and Slug is Optimized\";s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:28:\"Category and Author Selected\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:20:\"ppc_key5ddf5ba19a347\";s:9:\"TOC Added\";s:20:\"ppc_key5ddf5b93dc6a6\";s:21:\"Affiliate Links Added\";s:20:\"ppc_key5ddf5c326920c\";s:59:\"Headings are in title-case and have appropriate heading tag\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";s:20:\"ppc_key610cc9c5c4d6c\";s:37:\"For new content disable updated date.\";s:20:\"ppc_key610cc9d811cfe\";s:39:\"For updated content enable updated date\";s:20:\"ppc_key62b0172ee5a4c\";s:23:\"Featured image assigned\";s:20:\"ppc_key62b01736334b5\";s:37:\"For new content, disable updated date\";s:20:\"ppc_key62b0173b707c0\";s:40:\"For updated content, enable updated date\";}"],"_yoast_wpseo_opengraph-image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg"],"_yoast_wpseo_opengraph-image-id":["82387"],"_yoast_wpseo_twitter-image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg"],"_yoast_wpseo_twitter-image-id":["82387"],"_thumbnail_id":["82387"],"_lmt_disableupdate":["no"],"wp_last_modified_info":["September 20, 2023 @ 2:47 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_uagb_toc_heading_content":["a:18:{i:0;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:21:\"what-are-child-themes\";s:7:\"content\";s:22:\"What Are Child Themes?\";s:5:\"depth\";i:2;}i:1;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:32:\"why-should-you-use-a-child-theme\";s:7:\"content\";s:33:\"Why Should You Use a Child Theme?\";s:5:\"depth\";i:2;}i:2;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:44:\"step-by-step-guide-to-creating-a-child-theme\";s:7:\"content\";s:44:\"Step-by-Step Guide to Creating a Child Theme\";s:5:\"depth\";i:2;}i:3;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:44:\"method-1-use-the-astra-child-theme-generator\";s:7:\"content\";s:45:\"Method 1: Use the Astra Child Theme Generator\";s:5:\"depth\";i:2;}i:4;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:21:\"method-2-use-a-plugin\";s:7:\"content\";s:22:\"Method 2: Use a Plugin\";s:5:\"depth\";i:2;}i:5;N;i:6;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:38:\"method-3-create-a-child-theme-manually\";s:7:\"content\";s:39:\"Method 3: Create a Child Theme Manually\";s:5:\"depth\";i:2;}i:7;N;i:8;N;i:9;N;i:10;N;i:11;N;i:12;N;i:13;N;i:14;N;i:15;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:28:\"other-wordpress-theming-tips\";s:7:\"content\";s:28:\"Other WordPress Theming Tips\";s:5:\"depth\";i:2;}i:16;N;i:17;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:10:\"conclusion\";s:7:\"content\";s:10:\"Conclusion\";s:5:\"depth\";i:2;}}"],"_wplmi_last_modified":["2023-09-20 14:47:43"],"_lmt_disable":["no"],"rank_math_primary_category":["860"],"rank_math_title":["How To Create Child Theme in WordPress (3 Methods)"],"rank_math_description":["Create a WordPress child theme to protect customizations and save effort every update. Follow along with as we show you 3 ways to create a child theme."],"rank_math_focus_keyword":["wordpress child theme"],"rank_math_facebook_title":["How To Create Child Theme in WordPress (3 Methods)"],"rank_math_facebook_description":["Create a WordPress child theme to protect customizations and save effort every update. Follow along with as we show you 3 ways to create a child theme."],"rank_math_twitter_title":["How To Create Child Theme in WordPress (3 Methods)"],"rank_math_twitter_description":["Create a WordPress child theme to protect customizations and save effort every update. Follow along with as we show you 3 ways to create a child theme."],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_facebook_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg"],"rank_math_facebook_image_id":["82387"],"rank_math_twitter_image":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg"],"rank_math_twitter_image_id":["82387"],"rank_math_twitter_use_facebook":["off"],"rank_math_analytic_object_id":["420"],"rank_math_internal_links_processed":["1"],"_wp_page_template":["default"],"rank_math_seo_score":["36"],"how-to-120253-name-fieldtype":["custom-field"],"how-to-120253-name":["How to Create a WordPress Child Theme"],"how-to-120253-description-fieldtype":["global-field"],"how-to-120253-description":["post_content"],"how-to-120253-total-time-fieldtype":["custom-field"],"how-to-120253-total-time":["PT00H10M00S"],"how-to-120253-supply-fieldtype":[null],"how-to-120253-supply":["a:2:{i:0;a:1:{s:4:\"name\";s:17:\"WordPress Website\";}i:1;a:1:{s:4:\"name\";s:11:\"Astra Theme\";}}"],"how-to-120253-tool-fieldtype":[null],"how-to-120253-tool":["a:2:{i:0;a:1:{s:4:\"name\";s:8:\"Computer\";}i:1;a:1:{s:4:\"name\";s:8:\"Internet\";}}"],"how-to-120253-steps-fieldtype":[null],"how-to-120253-steps":["a:5:{i:0;a:4:{s:4:\"name\";s:35:\"Use the Astra child theme generator\";s:11:\"description\";s:91:\"Visit the Astra Child Theme Generator website and name your child theme something relevant.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:1;a:4:{s:4:\"name\";s:23:\"Check advanced features\";s:11:\"description\";s:137:\"Select the \u2018Advanced\u2019 link by the yellow Generate button. Check all the details within the dropdown window and customize if required.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:2;a:4:{s:4:\"name\";s:15:\"Select Generate\";s:11:\"description\";s:148:\"Select the yellow Generate button to generate your child theme. It takes just a couple of seconds and will then download the files to your computer.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:3;a:4:{s:4:\"name\";s:35:\"Upload the child theme to WordPress\";s:11:\"description\";s:155:\"Select Appearance > Themes from your WordPress dashboard. Select Upload Theme > Choose File and select the files downloaded from the child theme generator.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}i:4;a:4:{s:4:\"name\";s:30:\"Install and activate the theme\";s:11:\"description\";s:136:\"Select the child theme from the list of installed themes, select Install > Activate and it should now take over from your default theme.\";s:3:\"url\";s:0:\"\";s:5:\"image\";s:0:\"\";}}"],"wp_schema_pro_optimized_structured_data":["<!-- Schema optimized by Schema Pro --><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"HowTo\",\"name\":\"How to Create a WordPress Child Theme\",\"description\":\"If you\u2019re a frequent user of WordPress, you\u2019re probably familiar with child themes. If you\u2019re new to WordPress, or if you haven\u2019t used child themes before, this post is for you!\\n\\n\\n\\nIn this article, we\u2019ll explain the purpose of child themes and how to quickly create your own.\\n\\n\\n\\n\\n\\nWhat Are Child Themes?\\n\\n\\n\\nA child theme lets you make changes to your WordPress theme and keep them separate from your regular (\u201cparent\u201d) theme. They\u2019re useful for a number of reasons, but above all, because they let you keep your theme up-to-date without erasing your modifications in the process.\\n\\n\\n\\nSimply put:\\n\\n\\n\\nA parent theme is your regular WordPress theme. For example, Astra.A child theme is a copy of that parent theme that helps keep modifications and updates separate from it.\\n\\n\\n\\nWhy Should You Use a Child Theme?\\n\\n\\n\\nThere are a number of good reasons to use a child theme:\\n\\n\\n\\nIt protects your main theme against mistakes. If you make a modification to your theme and break your site in the process, it\u2019s easy to fix. Simply delete the child theme file and copy a new one from the parent theme. If you modified the parent theme directly, it will take much more time and effort to fix it.It keeps your customizations separate. It is always a good practice to keep any additions or modifications separate from the original file, as it makes it easier to see and adjust changes. Most WordPress themes have a designated \u201ccustom CSS\u201d section for precisely this reason.Your changes won\u2019t be wiped out if the theme is updated. Keeping your theme up-to-date is essential for security purposes. But if you make changes to your parent theme, they could be wiped out after any updates. The solution? Use a child theme. Child themes will remain the same, even if you update the parent theme.\\n\\n\\n\\nStep-by-Step Guide to Creating a Child Theme\\n\\n\\n\\nFor this walkthrough, we\u2019ll be using our theme, Astra. No matter which theme you\u2019re using, the process should be mostly the same.\\n\\n\\n\\nThere are three ways to create a child theme:\\n\\n\\n\\nBy using our Astra Child Theme GeneratorBy installing a child theme pluginBy manually creating files and folders in your WordPress directory\\n\\n\\n\\nMethod 1: Use the Astra Child Theme Generator\\n\\n\\n\\nHere at Astra, we have a powerful tool that lets you create a child theme for our Astra theme. The Astra Child Theme Generator lets you create a child theme with a simple click of a button.\\n\\n\\n\\n\\n\\n\\n\\nTo use the generator, go to this link and fill out the form. If you click \\\"Advanced Options,\\\", you can add extra details like Author, Description, and Folder Name. You can also add a screenshot if you like.\\n\\n\\n\\n\\n\\n\\n\\nThen, click Generate. The child theme will be downloaded to your computer.\\n\\n\\n\\nYou can add it to your site just like any other theme: go to Appearance &gt; Themes then click Add New.\\n\\n\\n\\n\\n\\n\\n\\nThat\u2019s it! You\u2019ve now got a new child theme, which you can edit directly in the Theme Editor.\\n\\n\\n\\nMethod 2: Use a Plugin\\n\\n\\n\\nThere are a number of free plugins available that let you create a child theme. They all function in more-or-less the same manner, although a few have unique features.\\n\\n\\n\\nChild Theme Configurator\\n\\n\\n\\n\\n\\n\\n\\nWith over 300,000 installations, this plugin is the single most popular child theme plugin available. It has over a dozen options that let you customize your child theme.\\n\\n\\n\\nLet\u2019s walk through using this plugin to create a child theme.\\n\\n\\n\\n1. Download the plugin from this link and upload it to your WordPress website.\\n\\n\\n\\n2. After activating the plugin, go to Tools &gt; Child Themes to use the plugin.\\n\\n\\n\\n\\n\\n\\n\\n3. On the first tab, you\u2019ll see a wizard for creating a Child Theme. Select your Parent theme, then click the Analyze button to have the plugin evaluate it.\\n\\n\\n\\n\\n\\n\\n\\nIf your theme is suitable (as the Astra theme is), you\u2019ll receive a confirmation message.\\n\\n\\n\\n\\n\\n\\n\\nBelow the confirmation message are a number of settings. First, name the theme directory. Note that this is the name of the folder, not the name of the theme itself.\\n\\n\\n\\n\\n\\n\\n\\nThen, choose where to save the styles. You can use the default style.css file or save it in a separate stylesheet.\\n\\n\\n\\n\\n\\n\\n\\nOn the next step, choose how the Parent Theme stylesheet will be accessed. Read the Enqueue the Stylesheet section below for more information on this process.\\n\\n\\n\\n\\n\\n\\n\\nOpen the theme attributes panel by clicking on the button. Here, you can add the child theme\u2019s name, website, author, and author website.\\n\\n\\n\\n\\n\\n\\n\\nOn the last step, you can copy menus, widgets, and other settings from your parent theme to the child theme.\\n\\n\\n\\n\\n\\n\\n\\nFinally, click the button to create your new Child Theme. Voila!\\n\\n\\n\\n\\n\\n\\n\\nOther Plugins\\n\\n\\n\\nThese other plugins operate in a similar fashion.\\n\\n\\n\\nChild Theme Wizard: This plugin has a \u201cwizard\u201d that walks you through the process, step-by-step.\\n\\n\\n\\nGenerate Child Theme: This is a standard plugin for creating a child theme. It is simpler and has less features than other options, which allows you to create the child theme more quickly.\\n\\n\\n\\nChildify Me: Another solid plugin with a few different customization options.\\n\\n\\n\\nChild Theme Creator by Orbisius: Another popular plugin, with over 30,000 installs.\\n\\n\\n\\nChild Theme Generator: A simple but highly-rated plugin.\\n\\n\\n\\nMethod 3: Create a Child Theme Manually\\n\\n\\n\\nIf you\u2019d rather create a child theme yourself, you can do that too!\\n\\n\\n\\nStep 1: Access Your Site Via FTP\/SFTP, SSH, or the File Browser in cPanel\\n\\n\\n\\nFirst, you\u2019ll need to connect to your site so you can upload a few files. The easiest way to do this is via FileZilla (FTP\/SFTP), Putty (SSH) or the file browser in your host\u2019s control panel (cPanel or Plesk)\\n\\n\\n\\nNot sure of how to do that? Read one of the guides below.\\n\\n\\n\\nTo access your site via FTP\/SFTP, read this guide.To access your site via SSH, read this guide.To access your site via the File Manager in your control panel with cPanel, read this guide.To access your site via the File Manager in your control panel with Plesk, read this guide.\\n\\n\\n\\nOnce you\u2019ve logged into the site, go to the \/wp-content folder. Then, go to \/themes.\\n\\n\\n\\nThere, create a folder for the child theme and call it astra-child. The first part of the name should be the parent theme name, followed by a dash and the word child.\\n\\n\\n\\nStep 2: Create the Style.css File\\n\\n\\n\\nNow we need to create a style.css file to contain your CSS code. CSS, which stands for Cascading Style Sheets, is the style sheet language used to design elements on websites.\\n\\n\\n\\nIf you are totally unfamiliar with CSS, check out some of these beginner guides:\\n\\n\\n\\nCodecademy - Learn CSSW3 Schools - CSS TutorialCSS TricksSmashing Magazine - How to Learn CSS\\n\\n\\n\\nAlready comfortable using CSS? Open your favorite text editor, create a new file, and save it as style.css.\\n\\n\\n\\nThen, copy and paste the text below. Be sure to change the content to match your own website or company name.\\n\\n\\n\\n\/*\\n Theme Name:   Astra Child\\n Theme URI:\\thttp:\/\/example.com\/astra-child\\n Description:  Astra Child Theme is an awesome theme.\\n Author:   \\tBrainstorm Force\\n Author URI:   https:\/\/www.wpastra.com\\n Template: \\tastra\\n Version:  \\t1.0.0\\n License:  \\tGNU General Public License v2 or later\\n License URI:  http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\\n Tags:     \\tastra\\n Text Domain:  astrachild\\n*\/\\n\\n\\n\\n\\nThen, add the file to the astra-child folder of your site via FTP\/SFTP, SSH, or the cPanel\/Plesk file manager.\\n\\n\\n\\nStep 3: Enqueue the Stylesheet\\n\\n\\n\\nNow we need to add a short line of code that connects the parent theme to the child theme.\\n\\n\\n\\nThere are two ways to do this; the first is easy but inefficient, while the second takes longer but is recommended by WordPress.\\n\\n\\n\\nMethod 1\\n\\n\\n\\nThis first method is considered outdated as it increases the amount of time that it takes to load the stylesheet. However, it is much simpler to do and if your site is not particularly large, there is very little practical downside.\\n\\n\\n\\nThis is especially true if you are only making a small number of edits in the child theme.\\n\\n\\n\\nSimply add the following code to the bottom of your style.css file:\\n\\n\\n\\n@import url(\u201c..\/astra\/style.css\\\");\\n\\n\\n\\nMethod 2\\n\\n\\n\\nThe second method is recommended by WordPress.org, but requires a little more technical knowledge. It is the preferred method, especially if you have a larger site and are trying to optimize for page load time.\\n\\n\\n\\nIn your WordPress admin sidebar, go to Appearance &gt; Theme Editor.\\n\\n\\n\\nSelect your child theme and find the functions.php file. If you do not have one, create it.\\n\\n\\n\\nThe first line of this file should be an opening PHP tag (&lt;?php), followed by the code below:\\n\\n\\n\\nadd_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );\\nfunction my_theme_enqueue_styles() {\\n    wp_enqueue_style( ' astra-child', get_stylesheet_uri(),\\n        array( astra ), \\n        wp_get_theme()-&gt;get('Version') \/\/ this only works if you have Version in the style header\\n    );\\n}\\n\\n\\n\\n\\nBe sure to replace astra-child with your own child theme name and array(astra) with the parent theme slug.\\n\\n\\n\\nNote that unlike the style.css file (or any other file), the child theme version of functions.php doesn\u2019t overwrite the parent theme\u2019s file. Rather, it simply adds the child file\u2019s code to the parent file. As such, you don\u2019t need to copy the entire file from the parent theme.\\n\\n\\n\\nStep 4: Activate the Theme\\n\\n\\n\\nOnce you\u2019ve uploaded the theme, open your WordPress admin panel and go to Appearance &gt; Themes. Your theme should now be listed. Activate it.\\n\\n\\n\\nSince we haven\u2019t added any new code yet, the child theme will be exactly the same as its parent theme.\\n\\n\\n\\nStep 5: Add Customizations\\n\\n\\n\\nNow, let\u2019s add some customizations. To do this, you will need to be familiar with HTML and CSS. If you aren\u2019t, check out our links above.\\n\\n\\n\\nThe easiest way to make a specific change to your website\u2019s theme is with the inspector tool in your browser. In most browsers, including Google Chrome, Mozilla Firefox, and Apple Safari, you can do this by right clicking on an element. When you do this, a developer panel will appear on the side of your browser window.\\n\\n\\n\\nFor example, right click on the top heading, then select Inspect. This will bring up the developer sidebar.\\n\\n\\n\\n\\n\\n\\n\\nSince we specifically inspected the heading, you can see the &lt;h1&gt; HTML tag displayed. Since we want to modify this header (and all headers), we want to target the H1 element.\\n\\n\\n\\nTo do this, go to Appearance &gt; Edit Themes. On the right hand side, select your child theme. Then, add the following code to the style.css file.\\n\\n\\n\\nh1 { color: blue; }\\n\\n\\n\\nSave the file and go back to the page on your site. The heading title should now be blue.\\n\\n\\n\\n\\n\\n\\n\\nNice job! You\u2019ve created a child theme. Any time you want to make modifications to your theme, add them to this style.css file \u2014 and not the style.css file of your parent theme.\\n\\n\\n\\nYou can also upload the modified file directly via FTP\/SFTP, SSH, or the File Manager.\\n\\n\\n\\nOther WordPress Theming Tips\\n\\n\\n\\nHow to Change Other Files in Your Theme\\n\\n\\n\\nEvery WordPress theme (including our Astra theme) is composed of several .php files. These include comments.php, header.php, body.php, footer.php, and so on.\\n\\n\\n\\n\\n\\n\\n\\nThese files are called \u201ctemplate\u201d files and shouldn\u2019t be modified directly, for the same reason you shouldn\u2019t modify style.css. If you want to change any of them, you can follow a similar process that we did above.\\n\\n\\n\\nFor this example, we will use the header.php file.\\n\\n\\n\\nOpen the file and copy the entire contents. Then, paste those contents into a new text file on your computer. Make any modifications to it, being sure to not change anything else.\\n\\n\\n\\nWhen you\u2019re done, save it as header.php and upload it to the child theme folder via FTP\/SFTP, SSH, or File Manager.\\n\\n\\n\\nTo make modifications in the future, either edit it directly in the WordPress editor (by going to Theme Editor) or re-upload the updated file.\\n\\n\\n\\nFunctions.php\\n\\n\\n\\nWe can also do something similar for functions.php, the file that controls many of the processes on your site. Unlike the style.css file (or any other file), the child theme version of functions.php doesn\u2019t overwrite the parent theme\u2019s file.\\n\\n\\n\\nRather, it simply adds the child file\u2019s code to the parent file.\\n\\n\\n\\nFirst, open the functions.php file in your theme.Copy all of the text, then paste it into a new text document.Make any changes, then save it as functions.php.Finally, upload the file to the same child theme folder.\\n\\n\\n\\nConclusion\\n\\n\\n\\nThat about sums it up! As a reminder, you should always try to use a child theme when making modifications to a WordPress theme. While it may seem easier to just quickly modify the parent theme, in the long run, you\u2019ll have more issues.\\n\\n\\n\\nIf you\u2019re a subscriber to one of our Astra paid plans, our support team can help you set up a child theme on your WordPress website. Just get in touch with us!\\n\\n\\n\\nAre you using a child theme? Which method do you use to make changes? Let us know in the comments!\",\"totalTime\":\"PT00H10M00S\",\"supply\":[{\"@type\":\"HowToSupply\",\"name\":\"WordPress Website\"},{\"@type\":\"HowToSupply\",\"name\":\"Astra Theme\"}],\"tool\":[{\"@type\":\"HowToTool\",\"name\":\"Computer\"},{\"@type\":\"HowToTool\",\"name\":\"Internet\"}],\"step\":[{\"@type\":\"HowToStep\",\"name\":\"Use the Astra child theme generator\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Visit the Astra Child Theme Generator website and name your child theme something relevant.\"}},{\"@type\":\"HowToStep\",\"name\":\"Check advanced features\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Select the \u2018Advanced\u2019 link by the yellow Generate button. Check all the details within the dropdown window and customize if required.\"}},{\"@type\":\"HowToStep\",\"name\":\"Select Generate\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Select the yellow Generate button to generate your child theme. It takes just a couple of seconds and will then download the files to your computer.\"}},{\"@type\":\"HowToStep\",\"name\":\"Upload the child theme to WordPress\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Select Appearance > Themes from your WordPress dashboard. Select Upload Theme > Choose File and select the files downloaded from the child theme generator.\"}},{\"@type\":\"HowToStep\",\"name\":\"Install and activate the theme\",\"itemListElement\":{\"@type\":\"HowToDirection\",\"text\":\"Select the child theme from the list of installed themes, select Install > Activate and it should now take over from your default theme.\"}}]}<\/script><!-- \/ Schema optimized by Schema Pro -->"],"uael-social-share-count":["a:1:{s:8:\"1b71105e\";i:375;}"],"_wpml_media_featured":["1"],"_wpml_media_duplicate":["0"],"_wpml_word_count":["{\"total\":2315,\"to_translate\":{\"es\":2315}}"],"_wpml_location_migration_done":["1"],"_trp_automatically_translated_slug_es_ES":["wordpress-crear-tema-hijo"],"_uagb_toc_options":["a:2:{s:17:\"_uagb_toc_version\";s:10:\"1781778550\";s:18:\"_uagb_toc_headings\";a:18:{i:0;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:21:\"what-are-child-themes\";s:7:\"content\";s:22:\"What Are Child Themes?\";s:5:\"depth\";i:2;}i:1;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:32:\"why-should-you-use-a-child-theme\";s:7:\"content\";s:33:\"Why Should You Use a Child Theme?\";s:5:\"depth\";i:2;}i:2;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:44:\"step-by-step-guide-to-creating-a-child-theme\";s:7:\"content\";s:44:\"Step-by-Step Guide to Creating a Child Theme\";s:5:\"depth\";i:2;}i:3;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:44:\"method-1-use-the-astra-child-theme-generator\";s:7:\"content\";s:45:\"Method 1: Use the Astra Child Theme Generator\";s:5:\"depth\";i:2;}i:4;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:21:\"method-2-use-a-plugin\";s:7:\"content\";s:22:\"Method 2: Use a Plugin\";s:5:\"depth\";i:2;}i:5;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:24:\"child-theme-configurator\";s:7:\"content\";s:24:\"Child Theme Configurator\";s:5:\"depth\";i:3;}i:6;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:13:\"other-plugins\";s:7:\"content\";s:13:\"Other Plugins\";s:5:\"depth\";i:3;}i:7;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:38:\"method-3-create-a-child-theme-manually\";s:7:\"content\";s:39:\"Method 3: Create a Child Theme Manually\";s:5:\"depth\";i:2;}i:8;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:69:\"step-1-access-your-site-via-ftpsftp-ssh-or-the-file-browser-in-cpanel\";s:7:\"content\";s:73:\"Step 1: Access Your Site Via FTP\/SFTP, SSH, or the File Browser in cPanel\";s:5:\"depth\";i:3;}i:9;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:31:\"step-2-create-the-stylecss-file\";s:7:\"content\";s:33:\"Step 2: Create the Style.css File\";s:5:\"depth\";i:3;}i:10;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:29:\"step-3-enqueue-the-stylesheet\";s:7:\"content\";s:30:\"Step 3: Enqueue the Stylesheet\";s:5:\"depth\";i:3;}i:11;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:8:\"method-1\";s:7:\"content\";s:8:\"Method 1\";s:5:\"depth\";i:4;}i:12;a:4:{s:5:\"level\";i:4;s:2:\"id\";s:8:\"method-2\";s:7:\"content\";s:8:\"Method 2\";s:5:\"depth\";i:4;}i:13;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:25:\"step-4-activate-the-theme\";s:7:\"content\";s:26:\"Step 4: Activate the Theme\";s:5:\"depth\";i:3;}i:14;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:25:\"step-5-add-customizations\";s:7:\"content\";s:26:\"Step 5: Add Customizations\";s:5:\"depth\";i:3;}i:15;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:28:\"other-wordpress-theming-tips\";s:7:\"content\";s:28:\"Other WordPress Theming Tips\";s:5:\"depth\";i:2;}i:16;a:4:{s:5:\"level\";i:3;s:2:\"id\";s:12:\"functionsphp\";s:7:\"content\";s:13:\"Functions.php\";s:5:\"depth\";i:3;}i:17;a:4:{s:5:\"level\";i:2;s:2:\"id\";s:10:\"conclusion\";s:7:\"content\";s:10:\"Conclusion\";s:5:\"depth\";i:2;}}}"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4513:\".uagb-block-a65e1c84.wp-block-uagb-table-of-contents{text-align: left;}.uagb-block-a65e1c84 .uagb-toc__list-wrap li a{color: #54595F;}.uagb-block-a65e1c84 .uagb-toc__wrap .uagb-toc__title-wrap{justify-content: left;}.uagb-block-a65e1c84 .uagb-toc__wrap .uagb-toc__title{justify-content: left;}.uagb-block-a65e1c84 .uagb-toc__wrap{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-color: #333;border-style: solid;padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;background: #fff;width: 100%;}.uagb-block-a65e1c84 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-a65e1c84 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-a65e1c84 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}.uagb-block-a65e1c84 .uagb-toc__list .uagb-toc__list{list-style-type: disc !important;}.uagb-block-a65e1c84 .uagb-toc__title{font-weight: Default;font-size: 20px;}.uagb-block-a65e1c84 .uagb-toc__list-wrap ol li a{text-decoration: underline;}@media only screen and (max-width: 976px) {.uagb-block-a65e1c84 .uagb-toc__wrap{border-style: solid;}.uagb-block-a65e1c84 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-a65e1c84 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-a65e1c84 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}@media only screen and (max-width: 767px) {.uagb-block-a65e1c84 .uagb-toc__wrap{border-style: solid;}.uagb-block-a65e1c84 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-a65e1c84 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-a65e1c84 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:266:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function(){\n\tUAGBTableOfContents._run( {\"mappingHeaders\":[false,true,false,false,false,false],\"scrollToTop\":false,\"makeCollapsible\":false}, '.uagb-block-a65e1c84' );\n} );\n });\";s:18:\"current_block_list\";a:9:{i:0;s:14:\"core\/paragraph\";i:1;s:22:\"uagb\/table-of-contents\";i:2;s:12:\"core\/heading\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:10:\"core\/image\";i:6;s:9:\"core\/code\";i:7;s:14:\"uagb\/container\";i:8;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1781770655\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg",1200,630,false],"thumbnail":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min-150x150.jpg",150,150,true],"medium":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min-300x158.jpg",300,158,true],"medium_large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min-768x403.jpg",768,403,true],"large":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min-1024x538.jpg",1024,538,true],"1536x1536":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg",1200,630,false],"2048x2048":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg",1200,630,false],"trp-custom-language-flag":["https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/How-to-create-child-theme-min.jpg",18,9,false]},"uagb_author_info":{"display_name":"Pratik Chaskar","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/pratikc\/"},"uagb_comment_info":6,"uagb_excerpt":"If you\u2019re a frequent user of WordPress, you\u2019re probably familiar with child themes. If you\u2019re new to WordPress, or if you haven\u2019t used child themes before, this post is for you! In this article, we\u2019ll explain the purpose of child themes and how to quickly create your own. What Are Child Themes? A child theme&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/80295"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=80295"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/posts\/80295\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media\/82387"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=80295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/categories?post=80295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/tags?post=80295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}