{"id":22238,"date":"2017-10-01T00:00:00","date_gmt":"2017-09-30T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=22238"},"modified":"2024-02-27T21:29:14","modified_gmt":"2024-02-27T15:59:14","slug":"install-astra-child-theme","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/install-astra-child-theme\/","title":{"rendered":"\u00bfQu\u00e9 es un tema hijo y c\u00f3mo instalarlo en Astra?"},"content":{"rendered":"<p>Un tema hijo es la r\u00e9plica exacta del tema padre que incorpora todas las funcionalidades y estilos del tema padre. <\/p>\n\n\n\n<p>El uso principal del tema hijo es permitir la personalizaci\u00f3n en los archivos del tema. Cualquier cambio que realices en los archivos del tema directamente se borrar\u00e1 cuando actualices el tema. <\/p>\n\n\n\n<p>Por este motivo, recomendamos utilizar un tema hijo cuando necesite anular alguna plantilla del tema o a\u00f1adir c\u00f3digo para funciones personalizadas.  Cuando utilices el tema hijo, las personalizaciones que realices en \u00e9l no se ver\u00e1n afectadas por las actualizaciones del tema. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfC\u00f3mo instalar Astra Child Theme? <\/strong><\/h2>\n\n\n\n<p>Con Astra, obtendr\u00e1 un tema hijo listo para usar, por lo que no es necesario que lo cree usted mismo. <\/p>\n\n\n\n<p><strong>Paso 1 - <\/strong>Para descargar e instalar su Tema Infantil, todo lo que tiene que hacer es <a href=\"https:\/\/git-staging.wpastra.com\/es\/child-theme-generator\/\" target=\"_blank\" rel=\"noreferrer noopener\">visite Generador de temas infantiles<\/a> y sigue estos pasos:<\/p>\n\n\n\n<p><strong>Paso 2 <\/strong>- Introduzca el nombre que desea dar a su hijo el tema.<\/p>\n\n\n\n<p><strong>Paso <\/strong>3 - Si desea a\u00f1adir su propia marca, haga clic en las opciones avanzadas, donde podr\u00e1 editar el nombre del tema, la versi\u00f3n, el autor, la URL del autor, la descripci\u00f3n, el nombre de la carpeta y la captura de pantalla;<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/ast-3-6-child-theme-advanced.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-full&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-97962&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:1366,&quot;targetHeight&quot;:786,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Generate Branded Child Theme&quot;,&quot;alt&quot;:&quot;Generate Branded Child Theme&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"786\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-child-theme-advanced.png\" alt=\"Generate Branded Child Theme\" class=\"wp-image-97962\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-child-theme-advanced.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-child-theme-advanced-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-child-theme-advanced-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-child-theme-advanced-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Generar tema hijo de marca\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Paso <\/strong>4 - Una vez hecho esto, haga clic en <strong>Genere<\/strong>. El tema hijo que acaba de generar se descarga en su ordenador como un archivo .zip.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vamos a instalar su Astra Child Theme ahora:<\/h3>\n\n\n\n<p><strong>Primer paso<\/strong> - Ahora que tiene el archivo del tema de su hijo, inicie sesi\u00f3n en el panel de control de su sitio web y vaya a <strong>Apariencia<em> &gt; <\/em>Temas<em> &gt; <\/em>A\u00f1adir nuevo<\/strong> <strong>Tema<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/image-61.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-174843&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2150,&quot;targetHeight&quot;:1609,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Add New Theme&quot;,&quot;alt&quot;:&quot;Add New Theme&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"766\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-61-1024x766.png\" alt=\"Add New Theme\" class=\"wp-image-174843\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-61-1024x766.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-61-300x225.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-61-768x575.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-61-1536x1149.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-61-2048x1533.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-61-16x12.png 16w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: A\u00f1adir nuevo tema\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Paso 2<\/strong> - Haga clic en el bot\u00f3n <strong>Subir tema <\/strong>(situado en la parte superior de la p\u00e1gina), seleccione el archivo .zip de su tema hijo y haga clic en el bot\u00f3n <strong>Instalar ahora<\/strong> bot\u00f3n.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/image-62.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-174844&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2150,&quot;targetHeight&quot;:1606,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Upload Theme&quot;,&quot;alt&quot;:&quot;Upload Theme&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"765\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-62-1024x765.png\" alt=\"Upload Theme\" class=\"wp-image-174844\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-62-1024x765.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-62-300x224.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-62-768x574.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-62-1536x1147.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-62-2048x1530.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-62-16x12.png 16w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Subir Tema\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Paso 3<\/strong> - Active el tema hijo. Tenga en cuenta que aunque el tema hijo es el tema activo, no puede funcionar sin su tema padre - Astra. Por lo tanto, necesita tener ambos temas (Astra y su tema hijo) instalados.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/image-63.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-174845&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2150,&quot;targetHeight&quot;:1600,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Astra Child Theme activated&quot;,&quot;alt&quot;:&quot;Astra Child Theme activated&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"762\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-63-1024x762.png\" alt=\"Astra Child Theme activated\" class=\"wp-image-174845\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-63-1024x762.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-63-300x223.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-63-768x572.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-63-1536x1143.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-63-2048x1524.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-63-16x12.png 16w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Astra Child Theme activado\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Si\u00e9ntete libre de copiar cualquier archivo necesario del tema Astra en este tema hijo y personalizarlo como necesites, ya que no todos se transferir\u00e1n autom\u00e1ticamente al tema hijo (por ejemplo, CSS adicional que hayas podido a\u00f1adir a tu tema padre).<\/p>\n\n\n\n<p>He aqu\u00ed un bonito v\u00eddeo realizado por Davinder en&nbsp;<a href=\"https:\/\/smartwebschool.com\/\">Aprender @ BasicWP<\/a>&nbsp;que explica los pasos en detalle.<\/p>\n\n\n\n<figure><iframe width=\"800\" height=\"415\" src=\"https:\/\/www.youtube.com\/embed\/0OabUSS3vY8\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/figure>\n\n\n\n<p><strong>Algunos consejos:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si desea obtener m\u00e1s informaci\u00f3n sobre los temas infantiles en general, consulte <a href=\"https:\/\/www.smashingmagazine.com\/2016\/01\/create-customize-wordpress-child-theme\/\">este art\u00edculo<\/a> en Smashing Magazine.<\/li>\n\n\n\n<li>Para cargar un n\u00famero ilimitado de archivos del tema Astra,&nbsp;<a href=\"https:\/\/pippinsplugins.com\/use-script_debug-enable-non-minified-asset-files\/\">use SCRIPT_DEBUG Constante<\/a>.<\/li>\n<\/ul>\n\n\n\n<p><strong>Enlaces relacionados:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\">\u00bfC\u00f3mo a\u00f1adir c\u00f3digo personalizado al archivo functions.php del tema hijo?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-edit-style-css-in-child-theme\/\">\u00bfC\u00f3mo editar style.css en un tema hijo?<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Un tema hijo es la r\u00e9plica exacta del tema padre que incorpora todas las funcionalidades y estilos del tema padre. El principal uso del tema hijo es permitir la personalizaci\u00f3n en los archivos del tema. Cualquier cambio que realice directamente en los archivos del tema se borrar\u00e1 cuando actualice el tema. Es decir [...]<\/p>","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","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":"set","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":""},"docs_category":[123],"docs_tag":[2037,2042,2044],"class_list":{"0":"post-22238","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-installation-and-updates","6":"docs_tag-astra-theme","7":"docs_tag-child-theme","8":"docs_tag-switching-to-astra"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["123"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1709049558:109"],"_edit_last":["109"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"wpil_sync_report3":["1"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"wpil_links_inbound_internal_count":["6"],"wpil_links_inbound_internal_count_data":["a:6:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:51:\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"23747\";s:5:\"title\";s:27:\"How to Add Custom PHP Code?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2995:\"<!-- wp:paragraph -->\n<p>In many cases, you will need to add custom PHP code in the theme. In this article, let us explain some ways how you can do so:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>1. Custom Layouts module in Astra Pro (Easiest)<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p><a rel=\"noreferrer noopener\" aria-label=\"Astra Pro Addon (opens in a new tab)\" href=\"https:\/\/wpastra.com\/docs\/getting-started-with-astra-pro\/\" target=\"_blank\"><strong>Astra Pro Addon<\/strong><\/a> is a premium plugin that extends features of Astra theme. If you have purchased Astra Pro Addon, use the <a href=\"https:\/\/wpastra.com\/docs\/custom-layouts-pro\/\">Custom Layouts module<\/a> to add custom PHP code. Below are the steps that show how to add code -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li><a href=\"https:\/\/wpastra.com\/docs\/custom-layouts-pro\/\">Activate<\/a> the Custom Layouts module from Astra Pro.<\/li><li>Insert the code in the <span style=\"text-decoration: underline;\">Code Editor<\/span>.<\/li><li>Select <a href=\"https:\/\/wpastra.com\/docs\/custom-layout-hooks\/\">Hooks<\/a> layout and choose the appropriate action.<\/li><li>Choose to display it on the Entire Website<\/li><li>Publish the layout.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/wpastra.com\/docs\/how-to-add-google-analytics-code-with-custom-layouts-module\/\" target=\"_blank\" rel=\"noopener noreferrer\">Here<\/a> is an example that shows how to add&nbsp;Google Analytics code. Similarly, you can add any custom code.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>2. With Third-Party Plugin<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>There are free plugins available on WordPress Repository that you can use to add custom PHP code. Below are two of them:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\">Code Snippets<\/a><\/li><li><a href=\"https:\/\/wordpress.org\/plugins\/my-custom-functions\/\">My Custom Functions<\/a><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>3. In Child Theme<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If you've used a <a rel=\"noopener noreferrer\" href=\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\" target=\"_blank\">Child<\/a> Theme, you can add custom PHP code in the functions.php file. Below are the steps that explain how to do so -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>Install and activate the Astra Child Theme.<\/li><li>Open your WordPress site via FTP. We would recommend you to use FileZilla.<\/li><li>&nbsp;Navigate to wp-content &gt; themes &gt; astra-child<\/li><li>&nbsp;Right-click functions.php and select <a rel=\"noopener noreferrer\" href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/01\/child-theme-ftp.png\" target=\"_blank\">View\/Edit<\/a><\/li><li>Add your code at the bottom of the file and save it.<\/li><\/ol>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:45:\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=23747\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=23747\";}}s:6:\"anchor\";s:5:\"Child\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:51:\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25176\";s:5:\"title\";s:55:\"Disable loading Astra's default font file -  Astra.woff\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1207:\"<!-- wp:paragraph -->\n<p>Astra by default loads a very tiny font icon library from an Astra.woff file. You can see a list of font icons <a href=\"https:\/\/wpastra.com\/docs\/default-font-icon-list-in-astra\/\">here<\/a>. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Here is a filter which can be used to disable loading this font -  `astra_enable_default_fonts` <br>You can add this filter in the <a href=\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\">child theme's functions.php<\/a> file as shown below. Just copy the following code and paste into the functions.php file. <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Example usage -\n<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted {\"className\":\"lang:php decode:true\"} -->\n<pre class=\"wp-block-preformatted lang:php decode:true\">add_filter( 'astra_enable_default_fonts', '__return_false' );<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p>Read more about <a href=\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/\">adding custom PHP code here<\/a>.<br>In case you need help with installing a child theme, refer to a link <a href=\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\">here<\/a>. <\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:77:\"https:\/\/wpastra.com\/docs\/disable-loading-astras-default-font-file-astra-woff\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25176\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25176\";}}s:6:\"anchor\";s:4:\"here\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:51:\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25456\";s:5:\"title\";s:61:\"How to Remove Previous and Next Link from a Single Blog Post?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:2008:\"<!-- wp:paragraph -->\n<p>If you wish to remove the navigation (Previous and Next) links from the single blog post, this article is for you.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":25457,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/03\/prev-next-link.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/03\/prev-next-link.png\" alt=\"\" class=\"wp-image-25457\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>The navigation links can be removed with the filter. Below is the code for the required filter-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted {\"className\":\"lang:default decode:true\"} -->\n<pre class=\"wp-block-preformatted lang:default decode:true\">add_filter( 'astra_single_post_navigation_enabled', '__return_false' );<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p><strong>Where should I put this code?<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>We recommend you to put the filter code in the <strong><a href=\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\">child theme's functions.php<\/a><\/strong> file. Below are the steps that explain how to put the custom code into the child theme's functions.php-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>Install and activate <a href=\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\">Astra Child Theme<\/a>.<\/li><li>Open your WordPress site via FTP. We would recommend you to use FileZilla.<\/li><li>&nbsp;Navigate to <strong>wp-content &gt; themes &gt; astra<\/strong><span style=\"font-size: 16px;\"><strong>-child<\/strong><\/span><\/li><li>&nbsp;Right click functions.php and select<a href=\"https:\/\/i.imgur.com\/6dGC6iH.png\"> View\/Edit<\/a><\/li><li>Add your code at the bottom of the file and save it.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>It will remove the navigation link from all single blog post.<\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:84:\"https:\/\/wpastra.com\/docs\/how-to-remove-previous-and-next-link-from-single-blog-post\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25456\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25456\";}}s:6:\"anchor\";s:17:\"Astra Child Theme\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:51:\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25523\";s:5:\"title\";s:52:\"How to display WooCommerce sidebar on top on mobile?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:3471:\"<!-- wp:paragraph -->\n<p>When you enable&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/sidebar-free\/\">WooCommerce sidebar&nbsp;<\/a>on a shop, cart, checkout page and\/or single product page, the sidebar is displayed in a&nbsp;secondary container.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>What is a secondary container?<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Basically, a&nbsp;container is where the main content and information appears. In general, omit the header and footer part of the website and what remains is the container. The content area and the sidebar are parts of the container. The content area is technically called as the primary container, whereas the sidebar is the secondary container.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>On mobile devices, the primary container stacks on a secondary container. So, the secondary container is displayed below the primary container.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>If you wish to display the sidebar above the primary container on mobile, you would need to use custom CSS code. Necessary&nbsp;CSS code is mentioned below for both sidebars.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>For Left Sidebar-<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">@media (max-width: 768px){\n  .ast-left-sidebar #content&gt;.ast-container{\n      -webkit-flex-wrap: wrap;\n      -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n      -webkit-box-orient: horizontal;\n      -webkit-box-direction: normal;\n      -webkit-flex-direction: row;\n      -moz-box-orient: horizontal;\n      -moz-box-direction: normal;\n      -ms-flex-direction: row;\n      flex-direction: row;\n  }\n}\n\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p><strong>For Right Sidebar-<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:preformatted -->\n<pre class=\"wp-block-preformatted\">@media (max-width: 768px){\n    .ast-right-sidebar #content&gt;.ast-container{\n        -js-display: flex;\n        display: -webkit-box;\n        display: -webkit-flex;\n        display: -moz-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-flex-wrap: wrap;\n        -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n    }\n    .ast-right-sidebar #content&gt;.ast-container&gt;#primary {\n        order: 2;\n    }\n    .ast-right-sidebar #content&gt;.ast-container&gt;#secondary {\n        order: 1;\n    }\n}\n<\/pre>\n<!-- \/wp:preformatted -->\n\n<!-- wp:paragraph -->\n<p><strong>Where can I put this custom CSS code?<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can insert this CSS in two ways-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>In Customizer: From WordPress backend navigate to Appearance > Customize >\u00a0Additional CSS\u00a0 and add code the custom CSS area. (Recommended) <strong>OR<\/strong><\/li><li>Through child theme's style.css: Edit the <a href=\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\">child theme's\u00a0style.css<\/a> and add a required CSS.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><strong>Other useful links-<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li><a href=\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\">How to Install Astra Child Theme?<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\">How to edit style.css in a child theme?\u00a0<\/a><\/li><\/ol>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:77:\"https:\/\/wpastra.com\/docs\/how-to-display-woocommerce-sidebar-on-top-on-mobile\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25523\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25523\";}}s:6:\"anchor\";s:33:\"How to Install Astra Child Theme?\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:51:\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25526\";s:5:\"title\";s:37:\"How to Edit style.css in Child Theme?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1193:\"<!-- wp:paragraph -->\n<p>If you want to add custom CSS to the theme you can add it to the child theme's style.css<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Initially, you need to<a href=\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\"> install and activate<\/a> the&nbsp;Astra child theme. You can edit&nbsp;child theme's style.css&nbsp; in following ways-<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Through WordPress Dashboard<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>Navigate to Appearance &gt; Editor.<\/li><li>Select Astra child theme to edit, from the upper right corner.<\/li><li>Select&nbsp;Stylesheet (style.css) to edit and paste the code at bottom of the file.<\/li><li>Save the changes.<\/li><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><strong>Through FTP<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><li>Open your WordPress site via FTP. We would recommend you to use FileZilla.<\/li><li>Navigate to wp-content &gt; themes &gt; astra-child<\/li><li>Right-click style.css and select View\/Edit<\/li><li>Add your code at the bottom of the file and save it.<\/li><\/ol>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:62:\"https:\/\/wpastra.com\/docs\/how-to-edit-style-css-in-child-theme\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25526\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25526\";}}s:6:\"anchor\";s:21:\" install and activate\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:51:\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"31669\";s:5:\"title\";s:35:\"How to Add RTL CSS via Child Theme?\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:1694:\"<!-- wp:paragraph -->\n<p>Need to add custom CSS for RTL site? Usually, many of us add<em><strong> .rtl<\/strong><\/em><strong> <\/strong>CSS class while writing a custom CSS for RTL site. These CSS loads even if we view the LTR site. Well, this is not a recommended way. In this article, you can explore how custom CSS can be added to the RTL site.  <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>It is recommended to add custom code via a child theme. So make sure you have the <a href=\"https:\/\/wpastra.com\/docs\/install-astra-child-theme\/\">Astra child theme installed and activated<\/a>. <\/li><li>Login with FTP and edit Astra child theme <\/li><li>Create a new file and name it as <strong>rtl.css<\/strong> and add all custom CSS in this file<\/li><li>Edit functions.php file in child theme and add the following code snippet<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:code -->\n<pre class=\"wp-block-code\"><code>**\n * Load the parent rtl.css file\n *\/\nfunction astra_child_enqueue_rtl_styles() {\n    if ( is_rtl() ) {\n        \/\/ Load RTL CSS.\n        wp_enqueue_style( 'astra-rtl', get_stylesheet_directory_uri() . '\/rtl.css', array('astra-theme-css'), ASTRA_THEME_VERSION );\n    }\n}\nadd_action( 'wp_enqueue_scripts', 'astra_child_enqueue_rtl_styles' );<\/code><\/pre>\n<!-- \/wp:code -->\n\n<!-- wp:paragraph -->\n<p>Check out the doc that explains how to add custom PHP code using the&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\">child theme\u2019s functions.php<\/a>&nbsp;file.&nbsp;<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Above code snippet will load RTL CSS only when the site is viewed in RTL mode. CSS will not load in LTR mode. <\/p>\n<!-- \/wp:paragraph -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:49:\"https:\/\/wpastra.com\/docs\/rtl-css-via-child-theme\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=31669\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=31669\";}}s:6:\"anchor\";s:41:\"Astra child theme installed and activated\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["6"],"wpil_links_outbound_external_count_data":["a:6:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:42:\"https:\/\/wpastra.com\/child-theme-generator\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:51:\"You can generate a child theme for Astra from here.\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:27:\"https:\/\/smartwebschool.com\/\";s:4:\"host\";s:18:\"smartwebschool.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:15:\"Learn @ BasicWP\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:80:\"https:\/\/www.smashingmagazine.com\/2016\/01\/create-customize-wordpress-child-theme\/\";s:4:\"host\";s:20:\"smashingmagazine.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:17:\"this nice article\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:76:\"https:\/\/pippinsplugins.com\/use-script_debug-enable-non-minified-asset-files\/\";s:4:\"host\";s:18:\"pippinsplugins.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:25:\"use SCRIPT_DEBUG Constant\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:63:\"https:\/\/wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:56:\"How to add custom code to child theme\u2019s functions.php?\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:62:\"https:\/\/wpastra.com\/docs\/how-to-edit-style-css-in-child-theme\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:39:\"How to edit style.css in a child theme?\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-17T09:13:46+00:00"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_ppc_meta_key":["a:8:{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:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"_yoast_wpseo_title":["Child Theme Basics | Create and Install Astra Child Theme"],"_ht_kb_post_views_count":["27"],"_ht_kb_usefulness":["0"],"_ht_article_order_123":["22238"],"wp_last_modified_info":["June 1, 2023 @ 3:40 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["3"],"_yoast_wpseo_focuskw":["astra child theme"],"_yoast_wpseo_metadesc":["Do you need to add customizations to your website safely? Learn how to create and install your Astra Child theme in just a few clicks."],"_yoast_wpseo_linkdex":["76"],"views":["31173"],"helpful":["66"],"unhelpful":["21"],"redirects":["21"],"rank_math_primary_docs_category":["123"],"rank_math_title":["Child Theme Basics | Create and Install Astra Child Theme"],"rank_math_description":["Do you need to add customizations to your website safely? Learn how to create and install your Astra Child theme in just a few clicks."],"rank_math_focus_keyword":["astra child theme"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1350"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"624f84a2a3e99ba8f587b16586c8fdba\";s:6:\"images\";a:1:{i:0;i:97962;}}"],"_wplmi_last_modified":["2023-06-01 15:40:29"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-64786e3083e18\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:58:\"Create &amp; install child theme for Astra WordPress theme\";s:11:\"description\";s:160:\"http:\/\/learn.basicwp.com\/p\/building-with-astra-wordpress-themeVideo is a walk through of process to generate child theme for Astra WordPress theme. You can c...\";s:10:\"uploadDate\";s:10:\"2017-09-04\";s:12:\"thumbnailUrl\";s:16:\"%post_thumbnail%\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/0OabUSS3vY8\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:7:\"PT4M18S\";s:5:\"width\";s:4:\"1280\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["72"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["instalar-astra-child-theme"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"pfd_related_docs":[""],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".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:0:\"\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:9:\"core\/html\";i:4;s:9:\"core\/list\";i:5;s:14:\"core\/list-item\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776535144\";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":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Sujay Pawar","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/sujay\/"},"uagb_comment_info":0,"uagb_excerpt":"A child theme is the exact replica of the parent theme that en-queues all functionalities and styles from the parent theme. The main use of the child theme is to allow customization in the theme files. Any changes you make to the theme files directly will be erased when you update the theme. That is&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/22238"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=22238"}],"version-history":[{"count":3,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/22238\/revisions"}],"predecessor-version":[{"id":174848,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/22238\/revisions\/174848"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=22238"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=22238"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=22238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}