{"id":10715,"date":"2025-05-30T08:45:13","date_gmt":"2025-05-30T06:45:13","guid":{"rendered":"https:\/\/www.loading.es\/blog\/?p=10715"},"modified":"2025-05-28T08:46:38","modified_gmt":"2025-05-28T06:46:38","slug":"tema-hijo-wordpress","status":"publish","type":"post","link":"https:\/\/www.loading.es\/blog\/tema-hijo-wordpress\/","title":{"rendered":"Qu\u00e9 debes saber antes de usar un tema hijo en WordPress"},"content":{"rendered":"\n<p>Si usas <strong>WordPress<\/strong> y est\u00e1s pensando en personalizar el dise\u00f1o de tu web, seguro que has o\u00eddo hablar del <strong>tema hijo<\/strong>. Es una de esas cosas que parecen t\u00e9cnicas, pero que en realidad pueden ayudarte mucho a evitar errores.<\/p>\n\n\n\n<p><strong>Un tema hijo es la forma m\u00e1s segura de hacer cambios en tu plantilla<\/strong> sin miedo a perderlos cuando se actualiza el tema original. Y aunque no siempre es obligatorio usarlo, s\u00ed que conviene saber bien cu\u00e1ndo s\u00ed lo necesitas y c\u00f3mo se crea correctamente.<\/p>\n\n\n\n<p>En esta gu\u00eda te contamos <strong>qu\u00e9 es un tema hijo en WordPress<\/strong>, <strong>c\u00f3mo se hace<\/strong> (sin liarse demasiado) y qu\u00e9 ventajas o problemas puedes encontrarte al usarlo. Todo explicado de forma sencilla, para que lo entiendas aunque no seas desarrollador.<\/p>\n\n\n\n<p><strong><em>Tabla de Contenidos<\/em><\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-aioseo-table-of-contents\"><ul><li><a href=\"#aioseo-que-es-un-tema-hijo-en-wordpress\">Qu\u00e9 es un tema hijo en WordPress<\/a><\/li><li><a href=\"#aioseo-como-crear-un-tema-hijo-paso-a-paso\">C\u00f3mo crear un tema hijo paso a paso<\/a><ul><li><a href=\"#aioseo-metodo-1-crear-un-tema-hijo-manualmente\">M\u00e9todo 1: Crear un tema hijo manualmente<\/a><\/li><li><a href=\"#aioseo-metodo-2-usar-un-plugin-sin-codigo\">M\u00e9todo 2: Usar un plugin (sin c\u00f3digo)<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-lo-bueno-y-lo-malo-de-usar-un-children-theme\">Lo bueno y lo malo de usar un children theme<\/a><ul><li><a href=\"#aioseo-lo-bueno-de-usar-una-tema-hijo\">Lo bueno de usar una tema hijo<\/a><\/li><li><a href=\"#aioseo-lo-malo-de-usar-el-tema-hijo\">Lo malo de usar el tema hijo<\/a><\/li><li><a href=\"#aioseo-4-errores-que-debes-evitar\">4 errores que DEBES evitar<\/a><\/li><li><a href=\"#aioseo-merece-la-pena-usar-un-tema-hijo\">\u00bfMerece la pena usar un tema hijo?<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-hosting-wordpress-en-loading\">Hosting WordPress en Loading<\/a><\/li><li><a href=\"#aioseo-conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.loading.es\/hosting-wordpress\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png\" alt=\"Oferta Contratar Hosting WordPress\" class=\"wp-image-8079\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-que-es-un-tema-hijo-en-wordpress\">Qu\u00e9 es un tema hijo en WordPress<\/h2>\n\n\n\n<p>Cuando instalas un <strong>tema de WordPress<\/strong>, es como elegir la planta de una casa. Puedes mover muebles (cambiar colores o fuentes desde el Personalizador), pero \u00bfqu\u00e9 pasa si quieres tirar tabiques o cambiar la distribuci\u00f3n? Ah\u00ed necesitas un <strong>tema hijo<\/strong>.<\/p>\n\n\n\n<p><strong>En t\u00e9rminos simples:<\/strong><\/p>\n\n\n\n<ul>\n<li><strong>Tema Padre<\/strong>: La base de tu web (se actualiza sin aviso).<\/li>\n\n\n\n<li><strong>Tema Hijo<\/strong>: Tus personalizaciones (quedan guardadas para siempre).<\/li>\n<\/ul>\n\n\n\n<p><strong>\u00bfC\u00f3mo funciona?<\/strong><\/p>\n\n\n\n<p>El tema hijo <strong>hereda todo<\/strong> del padre (dise\u00f1o, funciones, estilos), pero tus cambios tienen prioridad. Es como tener un filtro m\u00e1gico: WordPress primero mira si hay instrucciones en el tema hijo, y si no, usa las del padre.<\/p>\n\n\n\n<p><strong>Ejemplo real:<\/strong><br>Si el tema padre usa <code>botones azules<\/code>, t\u00fa puedes crear un archivo en el tema hijo que diga <code>botones verdes<\/code>. Aunque el padre se actualice, tu regla del color verde seguir\u00e1 activa.<\/p>\n\n\n\n<p><strong>\u00bfPara qu\u00e9 sirve exactamente?<\/strong><\/p>\n\n\n\n<ul>\n<li><strong>Protege tus cambios<\/strong> cuando el tema se actualice.<\/li>\n\n\n\n<li><strong>Experimenta sin miedo<\/strong> (si algo falla, desactivas el hijo y listo).<\/li>\n\n\n\n<li><strong>Personalizaci\u00f3n avanzada<\/strong> (todo lo que el Personalizador no permite).<\/li>\n\n\n\n<li><strong>Mant\u00e9n todo ordenado<\/strong> (tus cambios no se mezclan con el c\u00f3digo original).<\/li>\n<\/ul>\n\n\n\n<p><strong>\u00bfNecesito saber programar?<\/strong><\/p>\n\n\n\n<p>\u00a1No necesariamente! Aunque algunos ajustes requieren c\u00f3digo, puedes:<\/p>\n\n\n\n<ol>\n<li>Usar <strong>plugins<\/strong> para crear el tema hijo autom\u00e1ticamente.<\/li>\n\n\n\n<li>Copiar y pegar solo lo que necesites modificar (como archivos CSS).<\/li>\n<\/ol>\n\n\n\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .wp-child-theme-container {\n            max-width: 900px;\n            margin: 20px auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);\n            border-radius: 20px;\n            padding: 30px;\n            \/* Color de texto principal cambiado para mejor contraste *\/\n            color: #2c3e50; \/* Azul oscuro\/gris\u00e1ceo *\/\n            position: relative;\n            overflow: hidden;\n        }\n\n        .title {\n            text-align: center;\n            font-size: 2.2em;\n            font-weight: 700;\n            margin-bottom: 30px;\n            \/* Sombra de texto ajustada para texto oscuro *\/\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n            position: relative;\n            z-index: 2;\n        }\n\n        .diagram-section {\n            display: grid;\n            grid-template-columns: 1fr 80px 1fr;\n            gap: 20px;\n            margin: 40px 0;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n        }\n\n        .theme-box {\n            \/* Fondo de tarjeta base m\u00e1s opaco y borde m\u00e1s visible *\/\n            background: rgba(255, 255, 255, 0.45);\n            backdrop-filter: blur(8px);\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            border-radius: 15px;\n            padding: 25px;\n            text-align: center;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n            \/* Texto oscuro heredado por defecto *\/\n        }\n\n        .theme-box::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n            transition: left 0.5s;\n        }\n\n        .theme-box:hover::before {\n            left: 100%;\n        }\n\n        .theme-box:hover {\n            transform: translateY(-10px) scale(1.05);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.2); \/* Sombra ligeramente ajustada *\/\n            border-color: rgba(255, 255, 255, 0.7);\n        }\n\n        .theme-parent {\n            background: linear-gradient(135deg, #ff7e5f, #feb47b); \/* Naranja\/Rojo suave *\/\n            color: white; \/* Texto blanco para contraste con fondo espec\u00edfico *\/\n        }\n\n        .theme-child {\n            background: linear-gradient(135deg, #00c6ff, #0072ff); \/* Azul vibrante *\/\n            color: white; \/* Texto blanco para contraste con fondo espec\u00edfico *\/\n        }\n        \n        \/* Asegurar que los t\u00edtulos y descripciones dentro de theme-parent y theme-child sean blancos *\/\n        .theme-parent .theme-title, .theme-parent .theme-description,\n        .theme-child .theme-title, .theme-child .theme-description {\n            color: white;\n            opacity: 0.95;\n        }\n         .theme-parent .theme-description, .theme-child .theme-description {\n            opacity: 0.85;\n         }\n\n\n        .theme-icon {\n            font-size: 3em;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .theme-title {\n            font-size: 1.4em;\n            font-weight: 600;\n            margin-bottom: 10px;\n        }\n\n        .theme-description {\n            font-size: 0.9em;\n            line-height: 1.4;\n        }\n\n        .arrow-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .arrow {\n            font-size: 2.5em;\n            color: #f39c12; \/* Amarillo\/Naranja para buen contraste *\/\n            animation: pulse 2s infinite;\n            text-shadow: none; \/* Sin sombra, el color es suficiente *\/\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); opacity: 0.9; }\n            50% { transform: scale(1.2); opacity: 1; }\n        }\n\n        .inheritance-text {\n            font-size: 0.8em;\n            margin-top: 5px;\n            font-weight: 600; \/* Ligeramente m\u00e1s grueso *\/\n            text-shadow: none; \/* Sin sombra para texto oscuro *\/\n        }\n\n        .benefits-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin: 40px 0;\n            position: relative;\n            z-index: 2;\n        }\n\n        .benefit-card {\n            background: rgba(255, 255, 255, 0.4);\n            backdrop-filter: blur(5px);\n            border-radius: 12px;\n            padding: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.45);\n            transition: all 0.3s ease;\n            cursor: pointer;\n            \/* Texto oscuro heredado *\/\n        }\n\n        .benefit-card:hover {\n            background: rgba(255, 255, 255, 0.55);\n            transform: translateY(-5px);\n        }\n\n        .benefit-icon {\n            font-size: 2em;\n            margin-bottom: 10px;\n            display: block;\n            color: #3498db; \/* Color azul para los iconos de beneficio *\/\n        }\n\n        .benefit-title {\n            font-weight: 600;\n            margin-bottom: 8px;\n            font-size: 1.1em;\n        }\n\n        .benefit-text {\n            font-size: 0.9em;\n            opacity: 0.85; \/* Ligera opacidad para el texto descriptivo *\/\n            line-height: 1.4;\n        }\n\n        .process-steps {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 30px 0;\n            position: relative;\n            z-index: 2;\n        }\n\n        .step-card {\n            background: rgba(255, 255, 255, 0.35);\n            border-radius: 10px;\n            padding: 20px;\n            text-align: center;\n            border: 1px solid rgba(255, 255, 255, 0.4);\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n            \/* Texto oscuro heredado *\/\n        }\n\n        .step-card:hover {\n            border-color: rgba(255, 255, 255, 0.6);\n            background: rgba(255, 255, 255, 0.5);\n        }\n\n        .step-number {\n            display: inline-block;\n            width: 30px;\n            height: 30px;\n            background: #f39c12; \/* Mismo color que la flecha para consistencia *\/\n            color: white; \/* Texto blanco para el n\u00famero *\/\n            border-radius: 50%;\n            line-height: 30px;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        .step-text {\n            font-size: 0.9em;\n            line-height: 1.3;\n            opacity: 0.85;\n        }\n\n        .warning-box {\n            \/* Rojo m\u00e1s intenso para la advertencia, texto blanco *\/\n            background: linear-gradient(135deg, #e74c3c, #c0392b);\n            color: white;\n            border-radius: 12px;\n            padding: 20px;\n            margin: 20px 0;\n            border-left: 5px solid #f1c40f; \/* Borde izquierdo amarillo para destacar *\/\n            position: relative;\n            z-index: 2;\n        }\n        .warning-box div { \/* Para el texto dentro *\/\n            color: white;\n            opacity: 0.9;\n        }\n\n        .warning-title {\n            font-weight: 600;\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            color: white; \/* Asegurar que el t\u00edtulo tambi\u00e9n sea blanco *\/\n            opacity: 1;\n        }\n         .warning-title span:first-child { \/* Emoji *\/\n            opacity: 1;\n         }\n\n\n        .interactive-demo {\n            background: rgba(255, 255, 255, 0.3);\n            border-radius: 15px;\n            padding: 25px;\n            margin: 30px 0;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n            border: 1px solid rgba(255, 255, 255, 0.35);\n            \/* Texto oscuro heredado para h4 *\/\n        }\n        .interactive-demo h4 {\n            font-weight: 600;\n        }\n\n        .demo-button {\n            background: linear-gradient(135deg, #2ecc71, #27ae60);\n            color: white;\n            border: none;\n            padding: 12px 25px;\n            border-radius: 25px;\n            font-size: 1em;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            margin: 10px;\n            font-weight: 600;\n        }\n\n        .demo-button:hover {\n            background: linear-gradient(135deg, #29b765, #24a056);\n            transform: translateY(-2px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n\n        .demo-result {\n            margin-top: 20px;\n            padding: 15px;\n            background: rgba(255, 255, 255, 0.2); \/* Fondo sutil para el resultado *\/\n            border-radius: 8px;\n            display: none;\n            animation: fadeIn 0.5s ease;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @media (max-width: 768px) {\n            .wp-child-theme-container {\n                padding: 20px;\n                margin: 10px;\n            }\n            \n            .diagram-section {\n                grid-template-columns: 1fr;\n                text-align: center;\n            }\n            .diagram-section .theme-box { \/* Menos padding en m\u00f3vil para las cajas de tema *\/\n                padding: 20px;\n            }\n            \n            .arrow {\n                transform: rotate(90deg);\n                margin: 15px 0;\n            }\n            \n            .title {\n                font-size: 1.8em;\n            }\n             .benefits-grid {\n                grid-template-columns: 1fr; \/* Beneficios a una columna en m\u00f3vil *\/\n            }\n        }\n        @media (max-width: 550px) {\n            .process-steps {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"wp-child-theme-container\">\n        <h2 class=\"title\">\ud83c\udfa8 \u00bfC\u00f3mo Funciona un Tema Hijo en WordPress?<\/h2>\n        \n        <div class=\"diagram-section\">\n            <div class=\"theme-box theme-parent\" onclick=\"showThemeInfo('parent')\">\n                <span class=\"theme-icon\">\ud83c\udfe0<\/span>\n                <div class=\"theme-title\">Tema Padre<\/div>\n                <div class=\"theme-description\">La base de tu web. Se actualiza autom\u00e1ticamente y contiene todas las funciones principales.<\/div>\n            <\/div>\n            \n            <div class=\"arrow-container\">\n                <span class=\"arrow\">\u26a1<\/span>\n                <div class=\"inheritance-text\">HEREDA<\/div>\n            <\/div>\n            \n            <div class=\"theme-box theme-child\" onclick=\"showThemeInfo('child')\">\n                <span class=\"theme-icon\">\ud83c\udfa8<\/span>\n                <div class=\"theme-title\">Tema Hijo<\/div>\n                <div class=\"theme-description\">Tus personalizaciones. Protegido de actualizaciones y siempre tiene prioridad.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"benefits-grid\">\n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\ud83d\udee1\ufe0f<\/span>\n                <div class=\"benefit-title\">Protecci\u00f3n Total<\/div>\n                <div class=\"benefit-text\">Tus cambios nunca se pierden, incluso cuando el tema padre se actualiza.<\/div>\n            <\/div>\n            \n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\ud83e\uddea<\/span>\n                <div class=\"benefit-title\">Experimenta Seguro<\/div>\n                <div class=\"benefit-text\">Prueba cambios sin miedo. Si algo falla, desactiva y vuelve al original.<\/div>\n            <\/div>\n            \n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\u26a1<\/span>\n                <div class=\"benefit-title\">Herencia Inteligente<\/div>\n                <div class=\"benefit-text\">Aprovecha todo lo bueno del tema padre y solo cambia lo que necesitas.<\/div>\n            <\/div>\n            \n            <div class=\"benefit-card\">\n                <span class=\"benefit-icon\">\ud83d\udcc1<\/span>\n                <div class=\"benefit-title\">Todo Organizado<\/div>\n                <div class=\"benefit-text\">Tus modificaciones van en una carpeta separada, sin mezclar c\u00f3digo.<\/div>\n            <\/div>\n        <\/div>\n\n        <h3 style=\"text-align: center; margin: 30px 0 20px 0; font-size: 1.5em; font-weight: 600;\">Proceso de Creaci\u00f3n<\/h3>\n        <div class=\"process-steps\">\n            <div class=\"step-card\">\n                <div class=\"step-number\">1<\/div>\n                <div class=\"step-text\">Crear carpeta<br><strong>tema-child<\/strong><\/div>\n            <\/div>\n            <div class=\"step-card\">\n                <div class=\"step-number\">2<\/div>\n                <div class=\"step-text\">A\u00f1adir archivo<br><strong>style.css<\/strong><\/div>\n            <\/div>\n            <div class=\"step-card\">\n                <div class=\"step-number\">3<\/div>\n                <div class=\"step-text\">Crear archivo<br><strong>functions.php<\/strong><\/div>\n            <\/div>\n            <div class=\"step-card\">\n                <div class=\"step-number\">4<\/div>\n                <div class=\"step-text\">Activar en<br><strong>WordPress<\/strong><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"warning-box\">\n            <div class=\"warning-title\">\n                <span>\u26a0\ufe0f<\/span>\n                <span>\u00a1Importante!<\/span>\n            <\/div>\n            <div>Siempre activa el tema hijo despu\u00e9s de crearlo. De lo contrario, tus cambios seguir\u00e1n sin protecci\u00f3n.<\/div>\n        <\/div>\n\n        <div class=\"interactive-demo\">\n            <h4 style=\"margin-bottom: 15px;\">\ud83d\udca1 Simulador: \u00bfQu\u00e9 pasa sin tema hijo?<\/h4>\n            <button class=\"demo-button\" onclick=\"simulateUpdate()\">Simular Actualizaci\u00f3n del Tema<\/button>\n            <button class=\"demo-button\" onclick=\"resetDemo()\">Reiniciar<\/button>\n            \n            <div id=\"demo-result\" class=\"demo-result\">\n                <div id=\"demo-content\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function showThemeInfo(type) {\n            const messages = {\n                parent: \"\ud83c\udfe0 Tema Padre: Contiene toda la estructura base, se actualiza autom\u00e1ticamente y puede sobrescribir tus cambios si los haces directamente aqu\u00ed.\",\n                child: \"\ud83c\udfa8 Tema Hijo: Aqu\u00ed van TODAS tus personalizaciones. WordPress siempre mira primero aqu\u00ed antes que el tema padre.\"\n            };\n            alert(messages[type]);\n        }\n\n        let demoState = 'normal';\n        function simulateUpdate() {\n            const demoResult = document.getElementById('demo-result');\n            const demoContent = document.getElementById('demo-content');\n            \n            if (demoState === 'normal') {\n                demoContent.innerHTML = `\n                    <div style=\"background: #e74c3c; color: white; padding: 15px; border-radius: 8px; margin: 10px 0;\">\n                        <strong>\u274c SIN TEMA HIJO:<\/strong><br>\n                        \u00a1Tus cambios de CSS personalizados han desaparecido!<br>\n                        <em>El tema se actualiz\u00f3 y sobrescribi\u00f3 tu work.<\/em>\n                    <\/div>\n                    <div style=\"background: #2ecc71; color: white; padding: 15px; border-radius: 8px; margin: 10px 0;\">\n                        <strong>\u2705 CON TEMA HIJO:<\/strong><br>\n                        Todos tus cambios siguen intactos.<br>\n                        <em>La actualizaci\u00f3n no afect\u00f3 tu carpeta hijo.<\/em>\n                    <\/div>\n                `;\n                demoState = 'updated';\n            }\n            demoResult.style.display = 'block';\n        }\n        \n        function resetDemo() {\n            const demoResult = document.getElementById('demo-result');\n            demoResult.style.display = 'none';\n            demoState = 'normal';\n        }\n\n        window.addEventListener('load', function() {\n            const container = document.querySelector('.wp-child-theme-container');\n            container.style.opacity = '0';\n            container.style.transform = 'translateY(30px)';\n            container.style.transition = 'all 0.8s ease';\n            \n            setTimeout(() => {\n                container.style.opacity = '1';\n                container.style.transform = 'translateY(0)';\n            }, 100);\n        });\n\n        document.querySelectorAll('.benefit-card, .step-card, .theme-box').forEach(card => {\n            card.addEventListener('mouseenter', function() {\n                \/\/ El efecto de hover ya est\u00e1 definido en CSS, se puede simplificar o eliminar este JS si CSS es suficiente\n            });\n            card.addEventListener('mouseleave', function() {\n                \/\/ El efecto de hover ya est\u00e1 definido en CSS\n            });\n        });\n    <\/script>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-como-crear-un-tema-hijo-paso-a-paso\">C\u00f3mo crear un tema hijo paso a paso<\/h2>\n\n\n\n<p>Hay dos m\u00e9todos: <strong>manual<\/strong> (para quienes se animan con archivos) y <strong>con plugin<\/strong> (sin tocar c\u00f3digo). Te explico ambos:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-metodo-1-crear-un-tema-hijo-manualmente\">M\u00e9todo 1: Crear un tema hijo manualmente<\/h3>\n\n\n\n<p><em>Recomendado si tienes acceso al panel de tu hosting o FileZilla (no te asustes, es m\u00e1s f\u00e1cil de lo que parece).<\/em><\/p>\n\n\n\n<p><strong>Pasos detallados:<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Accede a la carpeta de temas<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Ve a <code>wp-content\/themes<\/code> desde tu hosting o cliente FTP (como FileZilla).<\/li>\n\n\n\n<li><strong>\u00bfD\u00f3nde est\u00e1 esto?<\/strong> En muchos hostings hay un administrador de archivos desde el panel de control. Busca opciones como \u00abAdministrador de archivos\u00bb o \u00abFile Manager\u00bb.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"650\" height=\"372\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/administrador-archivos-plesk.jpg\" alt=\"administrador archivos plesk\" class=\"wp-image-10718\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/administrador-archivos-plesk.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/administrador-archivos-plesk-300x172.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<ol start=\"2\">\n<li><strong>Crea una carpeta para el tema hijo<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>N\u00f3mbrala igual que el tema padre + \u00ab-child\u00bb. Ejemplos:\n<ul>\n<li>Si usas <strong>Astra<\/strong> \u2192 <code>astra-child<\/code><\/li>\n\n\n\n<li>Si usas <strong>GeneratePress<\/strong> \u2192 <code>generatepress-child<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"650\" height=\"352\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/crear-carpeta-child.jpg\" alt=\"crear carpeta child\" class=\"wp-image-10717\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/crear-carpeta-child.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/crear-carpeta-child-300x162.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<ol start=\"3\">\n<li><strong>A\u00f1ade el archivo style.css<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Dentro de la nueva carpeta, crea un archivo de texto y pega esto:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code> \/*\nTheme Name: Astra Child\nTemplate: astra\n*\/<\/code><\/pre>\n\n\n\n<ul>\n<li><strong>\u00a1Ojo!<\/strong> El nombre despu\u00e9s de \u00abTemplate:\u00bb debe ser <strong>exactamente igual<\/strong> al nombre de la carpeta del tema padre. Si no, no funcionar\u00e1.<\/li>\n<\/ul>\n\n\n\n<ol start=\"3\">\n<li><strong>Crea el archivo functions.php<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Abre otro archivo de texto y pega este c\u00f3digo: <\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nfunction child_theme_styles() {\n  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '\/style.css' );\n}\nadd_action( 'wp_enqueue_scripts', 'child_theme_styles' );<\/code><\/pre>\n\n\n\n<ul>\n<li><strong>Nota:<\/strong> Cambia \u00abchild_theme_styles\u00bb por un nombre \u00fanico si quieres (ej: astra_child_styles).<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"650\" height=\"354\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/crear-archivos-functions-style.jpg\" alt=\"crear archivos functions style\" class=\"wp-image-10716\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/crear-archivos-functions-style.jpg 650w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/crear-archivos-functions-style-300x163.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure><\/div>\n\n\n<ol start=\"5\">\n<li><strong>Act\u00edvalo en WordPress<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Ve a <strong>Apariencia \u2192 Temas<\/strong> y busca tu tema hijo. Haz clic en \u00abActivar\u00bb.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-metodo-2-usar-un-plugin-sin-codigo\">M\u00e9todo 2: Usar un plugin (sin c\u00f3digo)<\/h3>\n\n\n\n<p><em>Perfecto si prefieres no tocar archivos manualmente.<\/em><\/p>\n\n\n\n<p><strong>Recomiendo:<\/strong> <em><a href=\"https:\/\/es.wordpress.org\/plugins\/generate-child-theme\/\" target=\"_blank\" rel=\"noopener\" title=\"\">WP Child Theme Generator<\/a><\/em> (gratis y sencillo de usar). S\u00f3lo es una de las muchas opciones que tienes. Si no te gusta, busca un plugin que se adapte mejor a lo que buscas.<\/p>\n\n\n\n<p><strong>C\u00f3mo usarlo:<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Instala el plugin<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Ve a <strong>Plugins \u2192 A\u00f1adir nuevo<\/strong> \u2192 Busca \u00abWP Child Theme Generator\u00bb \u2192 Instalar y activar.<\/li>\n<\/ul>\n\n\n\n<ol>\n<li><strong>Genera el tema hijo<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>Ve a <strong>Herramientas \u2192 Child Themes<\/strong> \u2192 Elige tu tema padre \u2192 Haz clic en <strong>\u00abAnalizar\u00bb<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ol>\n<li><strong>Personaliza (opcional)<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>El plugin te mostrar\u00e1 opciones avanzadas. Si no entiendes algo, ign\u00f3ralas y haz clic en <strong>\u00abCrear tema hijo\u00bb<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ol>\n<li><strong>\u00a1Listo!<\/strong><\/li>\n<\/ol>\n\n\n\n<ul>\n<li>El plugin activar\u00e1 autom\u00e1ticamente el tema hijo. Ver\u00e1s una nueva entrada en <strong>Apariencia \u2192 Temas<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p><strong>Importante:<\/strong><\/p>\n\n\n\n<ul>\n<li>Despu\u00e9s de crear el tema hijo, <strong>tus cambios siempre deben hacerse en \u00e9l<\/strong>, no en el tema padre.<\/li>\n\n\n\n<li>Si usas page <em>builders<\/em> como Elementor, configura sus ajustes desde el tema hijo para que no se resetee.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-lo-bueno-y-lo-malo-de-usar-un-children-theme\">Lo bueno y lo malo de usar un children theme<\/h2>\n\n\n\n<p>Usar un <strong>tema hijo<\/strong> es como tener un seguro para tu web, pero conviene conocer sus pros y contras antes de empezar. Te lo explico sin tecnicismos:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-lo-bueno-de-usar-una-tema-hijo\">Lo bueno de usar una tema hijo<\/h3>\n\n\n\n<p><strong>Tus cambios est\u00e1n a salvo<\/strong><br>La raz\u00f3n #1 para usarlo. Cuando el tema padre se actualice (\u00a1y lo har\u00e1!), tus personalizaciones seguir\u00e1n intactas. Es como actualizar tu tel\u00e9fono sin perder tus fotos.<\/p>\n\n\n\n<p><strong>Experimenta sin romper nada<\/strong><br>\u00bfQuieres probar un dise\u00f1o arriesgado? Con el tema hijo puedes equivocarte, desactivarlo, y tu web volver\u00e1 al instante a su versi\u00f3n original.<\/p>\n\n\n\n<p><strong>Todo en su sitio<\/strong><br>Tus modificaciones van en una carpeta separada. Imagina tener dos cajas: una con los muebles originales (tema padre) y otra con tus redise\u00f1os (tema hijo). \u00a1Nada se mezcla!<\/p>\n\n\n\n<p><strong>No empiezas desde cero<\/strong><br>Aprovechas todo lo bueno del tema padre (dise\u00f1o <em>responsive<\/em>, optimizaci\u00f3n, etc.) y solo cambias lo que necesitas. \u00a1Ahorras horas de trabajo!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"900\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/pasos-crear-tema-hijo-wordpress.jpg\" alt=\"pasos para crear un tema hijo en WordPress\n\" class=\"wp-image-10722\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/pasos-crear-tema-hijo-wordpress.jpg 600w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/pasos-crear-tema-hijo-wordpress-200x300.jpg 200w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/pasos-crear-tema-hijo-wordpress-300x450.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-lo-malo-de-usar-el-tema-hijo\">Lo malo de usar el tema hijo<\/h3>\n\n\n\n<p><strong>Necesitas nociones b\u00e1sicas de c\u00f3digo<\/strong><br>Para personalizaciones avanzadas (como cambiar c\u00f3mo se muestran las entradas), es \u00fatil saber algo de CSS o PHP. Pero \u00a1tranquilo! Con plugins como <strong>CSS Hero<\/strong> o <strong>Elementor<\/strong> puedes hacer mucho sin programar.<\/p>\n\n\n\n<p><strong>Dependes del tema padre<\/strong><br>Si el autor del tema original lo abandona o hace cambios radicales, tu tema hijo podr\u00eda necesitar ajustes. <em>Consejo:<\/em> Elige temas populares y bien actualizados como Astra o GeneratePress.<\/p>\n\n\n\n<p><strong>Ligera carga extra<\/strong><br>WordPress debe leer dos temas en vez de uno. En la pr\u00e1ctica, la diferencia es m\u00ednima (como 0.2 segundos), pero si tu hosting es lento, podr\u00eda notarse un poco.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Ventajas<\/th><th>Desventajas<\/th><\/tr><\/thead><tbody><tr><td>Protege tus personalizaciones frente a actualizaciones<\/td><td>Requiere conocimientos b\u00e1sicos de c\u00f3digo<\/td><\/tr><tr><td>Permite probar cambios sin afectar al tema original<\/td><td>Depende totalmente del tema padre<\/td><\/tr><tr><td>Facilita la organizaci\u00f3n de los archivos personalizados<\/td><td>Puede afectar ligeramente al rendimiento<\/td><\/tr><tr><td>No es necesario crear un tema desde cero<\/td><td>Si el tema padre cambia mucho, puede romper el hijo<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-4-errores-que-debes-evitar\">4 errores que DEBES evitar<\/h3>\n\n\n\n<p><strong>\u274c Error:<\/strong> \u00abSe me olvid\u00f3 activar el tema hijo\u00bb<br><strong>\u2705 Soluci\u00f3n:<\/strong> Despu\u00e9s de crearlo, ve siempre a <em>Apariencia \u2192 Temas<\/em> y haz clic en \u00abActivar\u00bb.<\/p>\n\n\n\n<p><strong>\u274c Error:<\/strong> \u00abEdit\u00e9 el tema padre sin querer\u00bb<br><strong>\u2705 Soluci\u00f3n:<\/strong> Usa colores distintos para las carpetas del padre y el hijo. Ejemplo:<\/p>\n\n\n\n<ul>\n<li>Tema padre: Carpeta azul<\/li>\n\n\n\n<li>Tema hijo: Carpeta verde<\/li>\n<\/ul>\n\n\n\n<p><strong>\u274c Error:<\/strong> \u00abEl tema hijo no carga los estilos\u00bb<br><strong>\u2705 Soluci\u00f3n:<\/strong> Revisa que el <code>functions.php<\/code> tenga este c\u00f3digo exacto (solo cambia \u00abastra\u00bb por el nombre de tu tema padre):<\/p>\n\n\n\n<p><strong>\u274c Error:<\/strong> \u00abEl nombre del Template no coincide\u00bb<br><strong>\u2705 Soluci\u00f3n:<\/strong> En el <code>style.css<\/code> del tema hijo, el campo <code>Template:<\/code> debe ser ID\u00c9NTICO al nombre de la carpeta del padre. Ejemplo:<\/p>\n\n\n\n<ul>\n<li>Si el padre est\u00e1 en <code>\/themes\/astra<\/code>, escribe <code>Template: astra<\/code><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-merece-la-pena-usar-un-tema-hijo\">\u00bfMerece la pena usar un tema hijo?<\/h3>\n\n\n\n<p><strong>Para la mayor\u00eda: \u00a1S\u00cd!<\/strong><br>Si planeas hacer personalizaciones (aunque sean peque\u00f1as), es la mejor manera de proteger tu trabajo. Los contras son m\u00ednimos comparado con el riesgo de perder todo en una actualizaci\u00f3n.<\/p>\n\n\n\n<p><strong>\u00bfCu\u00e1ndo evitarlo?<\/strong><\/p>\n\n\n\n<ul>\n<li>Si solo usas el editor de WordPress (sin c\u00f3digo ni plugins)<\/li>\n\n\n\n<li>Si cambias de tema cada 3 meses (mejor usa un tema vers\u00e1til desde el inicio)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-hosting-wordpress-en-loading\">Hosting WordPress en Loading<\/h2>\n\n\n\n<p>Tener un buen tema es importante, pero sin un buen hosting, tu web en WordPress no ir\u00e1 como deber\u00eda. En Loading ofrecemos un servicio de <strong><a href=\"https:\/\/www.loading.es\/hosting-wordpress\/index.html\" target=\"_blank\" rel=\"noopener\" title=\"hosting WordPress en Loading\">hosting WordPress<\/a><\/strong> optimizado para sacarle el m\u00e1ximo rendimiento a tu sitio desde el primer momento.<\/p>\n\n\n\n<p>Nuestros servidores est\u00e1n ubicados en <strong>Espa\u00f1a<\/strong>, con IP espa\u00f1ola y soporte t\u00e9cnico especializado en WordPress disponible las <strong>24 horas<\/strong>. Esto significa que si tienes cualquier problema, puedes contactar por tel\u00e9fono, chat o ticket en tu propio idioma, a cualquier hora del d\u00eda.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"585\" height=\"353\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/hosting-wordpress-icono-web.jpg\" alt=\"hosting WordPress icono\" class=\"wp-image-9308\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/hosting-wordpress-icono-web.jpg 585w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/hosting-wordpress-icono-web-300x180.jpg 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/figure><\/div>\n\n\n<p>Adem\u00e1s, todos nuestros planes incluyen <strong>migraci\u00f3n gratuita<\/strong>. Si ya tienes tu web en otro proveedor, nos encargamos de mover todo: archivos, base de datos, correo\u2026 sin complicaciones. Tambi\u00e9n tendr\u00e1s <strong>copias de seguridad diarias<\/strong>, <strong>certificado SSL Let\u2019s Encrypt<\/strong> y <strong>WordPress preinstalado<\/strong>, listo para usar en solo tres clics.<\/p>\n\n\n\n<p>La <strong>velocidad de carga<\/strong> es otro punto fuerte. Usamos discos <strong>SSD NVMe<\/strong> de \u00faltima generaci\u00f3n y servidores ajustados para ofrecer el mejor rendimiento posible. Tambi\u00e9n puedes elegir la versi\u00f3n de PHP que prefieras y configurar distintos sistemas de cach\u00e9 para exprimir a\u00fan m\u00e1s la rapidez de tu web.<\/p>\n\n\n\n<p>En <strong>Loading <\/strong>nos tomamos muy en serio la <strong>seguridad<\/strong>. Por eso, nuestros planes incluyen <strong>antivirus, antimalware<\/strong> y protecci\u00f3n frente a spam. As\u00ed puedes centrarte en tu contenido, sabiendo que tu web est\u00e1 protegida.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-conclusion\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Usar un <strong>tema hijo en WordPress<\/strong> es una de las mejores formas de personalizar tu web sin riesgos. Te permite hacer cambios de dise\u00f1o o funcionalidad sin tocar el tema original, lo que <strong>te protege frente a futuras actualizaciones<\/strong>.<\/p>\n\n\n\n<p>No hace falta ser experto para usarlo. Puedes crearlo t\u00fa mismo con unos pocos archivos o dejar que un plugin lo haga por ti. En cualquier caso, es una herramienta que te da m\u00e1s control y te ahorra problemas.<\/p>\n\n\n\n<p>Si vas a hacer cambios peque\u00f1os desde el personalizador o a\u00f1adir un par de l\u00edneas de CSS, puede que no lo necesites. Pero si planeas tocar archivos, a\u00f1adir funciones o hacer ajustes duraderos, el tema hijo es la opci\u00f3n m\u00e1s segura.<\/p>\n\n\n\n<p><strong>Tu web estar\u00e1 m\u00e1s protegida, ser\u00e1 m\u00e1s f\u00e1cil de mantener y tendr\u00e1s la tranquilidad de saber que tus cambios no desaparecer\u00e1n de un d\u00eda para otro.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.loading.es\/hosting-wordpress\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png\" alt=\"Oferta Contratar Hosting WordPress\" class=\"wp-image-8079\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-wordpress-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"wu6b5iAfjX\"><a href=\"https:\/\/www.loading.es\/blog\/encontrar-temas-para-wordpress\/\">D\u00f3nde encontrar temas para WordPress<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abD\u00f3nde encontrar temas para WordPress\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/encontrar-temas-para-wordpress\/embed\/#?secret=ESWUjzkJvY#?secret=wu6b5iAfjX\" data-secret=\"wu6b5iAfjX\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"E1SIT5mTCU\"><a href=\"https:\/\/www.loading.es\/blog\/site-kit-de-google-en-wordpress\/\">Qu\u00e9 es el Site Kit de Google y c\u00f3mo configurarlo en WordPress<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abQu\u00e9 es el Site Kit de Google y c\u00f3mo configurarlo en WordPress\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/site-kit-de-google-en-wordpress\/embed\/#?secret=6K54Z7kj94#?secret=E1SIT5mTCU\" data-secret=\"E1SIT5mTCU\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"7ZW41COW0x\"><a href=\"https:\/\/www.loading.es\/blog\/las-mejores-plantillas-para-wordpress-gratis\/\">Los mejores temas para WordPress gratis<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abLos mejores temas para WordPress gratis\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/las-mejores-plantillas-para-wordpress-gratis\/embed\/#?secret=wjPEOqWwKb#?secret=7ZW41COW0x\" data-secret=\"7ZW41COW0x\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Si usas WordPress y est\u00e1s pensando en personalizar el dise\u00f1o de tu web, seguro que has o\u00eddo hablar del tema hijo. Es una de esas cosas que parecen t\u00e9cnicas, pero que en realidad pueden ayudarte mucho a evitar errores.<\/p>\n<p>Un tema hijo es la forma m\u00e1s segura de hacer cambios en tu plantilla sin miedo a perderlos cuando se actualiza el tema original. Y aunque no siempre es obligatorio usarlo, s\u00ed que conviene saber bien cu\u00e1ndo s\u00ed lo necesitas y c\u00f3mo se crea correctamente.<\/p>\n<p>En esta gu\u00eda te contamos qu\u00e9 es un tema hijo en WordPress, c\u00f3mo se hace (sin liarse demasiado) y qu\u00e9 ventajas o problemas puedes encontrarte al usarlo. Todo explicado de forma sencilla, para que lo entiendas aunque no seas desarrollador.<\/p>\n","protected":false},"author":2,"featured_media":10720,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66],"tags":[72],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/10715"}],"collection":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/comments?post=10715"}],"version-history":[{"count":3,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/10715\/revisions"}],"predecessor-version":[{"id":10723,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/10715\/revisions\/10723"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media\/10720"}],"wp:attachment":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media?parent=10715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/categories?post=10715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/tags?post=10715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}