Como criar tema filho e página personalizada no WordPress
Este tutorial mostra como criar um tema filho simples e adicionar uma página personalizada que carrega apenas o essencial. Ideal para usar HTML puro com os plugins ativos funcionando.
1. Criar o Tema Filho
- Acesse
/wp-content/themes/via FTP ou Gerenciador de Arquivos. - Crie uma nova pasta chamada seu-tema-filho.
- Dentro dela, crie um arquivo chamado
style.csscom o conteúdo abaixo:
/*
Theme Name: Seu Tema Filho
Template: nome-do-tema-pai
*/Troque nome-do-tema-pai pelo nome da pasta do tema principal (ex: astra, twentytwentyfour).
Agora, crie um arquivo functions.php com o seguinte conteúdo:
<?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. Ativar o Tema Filho
- Vá em Aparência > Temas no painel do WordPress.
- Ative o tema filho recém-criado.
3. Criar uma Página Personalizada com HTML Próprio
<?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>- Na pasta do tema filho, crie o arquivo
page-htmlsimples.php. - Insira o seguinte código:
4. Criar a Página no WordPress com Esse Layout
- No painel, vá em Páginas > Adicionar nova.
- Dê um nome à página, como “Página HTML”.
- Na aba de configurações da página, selecione o modelo chamado HTML Simples.
- Publique a página normalmente.
Pronto. Sua página vai usar um HTML limpo com os scripts essenciais do WordPress e dos plugins ativos.
