Este tutorial muestra cómo crear un tema hijo simple y agregar una página personalizada que carga solo lo esencial. Ideal para usar HTML puro con los plugins activos funcionando.
1. Crear el Tema Hijo
- Accede a
/wp-content/themes/vía FTP o Administrador de Archivos. - Crea una nueva carpeta llamada tu-tema-hijo.
- Dentro de ella, crea un archivo llamado
style.csscon el siguiente contenido:
/*
Theme Name: Seu Tema Filho
Template: nome-do-tema-pai
*/Reemplaza nome-do-tema-pai por el nombre de la carpeta del tema principal (ej.: astra, twentytwentyfour).
Ahora, crea un archivo functions.php con el siguiente contenido:
<?php
add_action('wp_enqueue_scripts', 'tema_filho_scripts');
function tema_filho_scripts() {
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}2. Activar el Tema Hijo
- Ve a Apariencia > Temas en el panel de WordPress.
- Activa el tema hijo recién creado.
3. Crear una Página Personalizada con HTML Propio
<?php
/* Template Name: HTML Simples */
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php wp_title(); ?></title>
<?php
// Carrega os estilos e scripts essenciais (de plugins e do tema)
wp_head();
?>
</head>
<body <?php body_class(); ?>>
<main>
<h1>Minha Página com HTML Simples</h1>
<p>Esse conteúdo é renderizado com um template personalizado.</p>
</main>
<?php
// Carrega scripts do WordPress e dos plugins
wp_footer();
?>
</body>
</html>- En la carpeta del tema hijo, crea el archivo
page-htmlsimples.php. - Inserta el siguiente código:
4. Crear la Página en WordPress con Ese Layout
- En el panel, ve a Páginas > Añadir nueva.
- Dale un nombre a la página, como "Página HTML".
- En la pestaña de configuración de la página, selecciona la plantilla llamada HTML Simples.
- Publica la página normalmente.
Listo. Tu página usará un HTML limpio con los scripts esenciales de WordPress y de los plugins activos.