O que é um subtema (subtheme) do WordPress?

Antes de começarmos a criar métodos mais avançados, é necessário primeiro entender o que é um subtema. Um subtema do WordPress é um tema especial que depende de outro tema (chamado de “tema pai”). Ele herda todas as funcionalidades, estilos e arquivos de modelo do tema pai, mas permite que você modifique esses elementos de forma segura, adicione novas funcionalidades ou altere o design do subtema sem afetar os arquivos principais do tema pai.

A grande vantagem dessa abordagem é que, quando o tema pai é atualizado, as modificações personalizadas que você fez no tema filho não serão substituídas, garantindo assim a estabilidade e a manutenibilidade do site. Esta é uma das melhores práticas a serem seguidas no desenvolvimento com WordPress.

Passos para criar um subtema (subtheme) para o WordPress

Criar um subtema básico é muito simples; basta seguir alguns passos padrão. Todo o processo gira em torno da criação de uma pasta para o subtema e dos arquivos necessários.

Leitura recomendada WordPress: Tutorial Avançado de Desenvolvimento Eficiente – Da Personalização de Temas à Otimização de Desempenho。

Primeiramente, você precisa acessar os arquivos do servidor do seu site WordPress, geralmente através de um cliente FTP ou do gerenciador de arquivos do host. Em seguida, navegue até a pasta onde o WordPress está instalado. /wp-content/themes/ Pasta.

Hospedagem para sites WordPress da UltraHost

Garantia de reembolso em 30 dias, largura de banda ilimitada e banco de dados, proteção contra DDoS gratuita; desconto de 50% na compra de 3 anos (planos de 4 TB a 10 TB).

página de acesso

Criar pastas de subtemas e arquivos de tabelas de estilo

Neste diretório, crie um novo subdiretório para o seu novo subtópico. O nome do subdiretório deve refletir a sua relação com o tópico pai. Por exemplo, se o nome do tópico pai for… twentytwentyfourO diretório dos seus subtemas pode ser nomeado como twentytwentyfour-child。

Para entrar neste novo diretório, você precisa criar o primeiro e mais importante arquivo do subtema:style.cssEste arquivo não é apenas um arquivo de estilo (stylesheet); ele também contém metadados que definem subtemas (subtopics).

/*
Theme Name:   Twenty Twenty-Four Child
Theme URI:    https://example.com/
Description:  Twenty Twenty-Four Child Theme
Author:       Your Name
Author URI:   https://example.com/
Template:     twentytwentyfour
Version:      1.0.0
Text Domain:  twentytwentyfour-child
*/

/* 在此处添加您的自定义CSS样式 */

Descrição dos pontos-chave:
* Theme NameO nome do subtópico será exibido no painel de administração do WordPress.
* TemplateEsta é a linha mais importante. O seu valor deve ser exatamente o mesmo que o nome do diretório do tema pai (considerando a diferenciação entre maiúsculas e minúsculas). O WordPress utiliza este campo para identificar o tema pai.
* Text DomainUsado para internacionalização; geralmente coincide com o nome do diretório dos subtemas.

Crie o arquivo functions.php.

Em seguida, crie o segundo arquivo necessário no diretório dos subtemas:functions.php…relacionado ao tópico principal. functions.php Diferente: este arquivo do subtema não será substituído, mas será executado simultaneamente com o arquivo com o mesmo nome do tema pai (o tema pai é executado primeiro).

Leitura recomendada Explorando as melhores práticas do WordPress e um guia completo para desenvolvimento eficiente。

Um dos principais objetivos deste arquivo é organizar corretamente as tabelas de estilos do tema pai. Esta é uma maneira padrão de implementar isso:

<?php
add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );
function my_child_theme_enqueue_styles() {
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' )
    );
}
?>

Este código garante que o estilo do tema pai seja carregado primeiro, e em seguida o estilo do seu tema filho, que conterá regras que podem substituir as do tema pai.

Ativar e personalizar subtemas

Após criar os dois arquivos mencionados, você poderá fazer login no painel de administração do WordPress. Vá para a página “Aparência” -> “Temas” e você deverá ver o subtema que acabou de criar. Clique no botão “Ativar” para ativá-lo.

hospedagem compartilhada da hosting.com

Alto desempenho com CPUs AMD EPYC, armazenamento SSD NVMe e LiteSpeed, suporte interno especializado 24 horas por dia, 7 dias por semana, medidas de segurança avançadas, incluindo SSL, força bruta, malware e proteção contra DDoS, economia de até 73%

página de acesso

Após a ativação, a aparência do seu site será exatamente a mesma do tema pai. Agora, você pode começar a personalizá-lo.

• Modificar o estilo: edite diretamente o subtema. style.css Para alterar a cor, o tipo de letra, o layout, etc., adicione quaisquer regras CSS ao arquivo.
• Arquivos de template substituídos: Se você precisar modificar a estrutura de uma página específica (como a página inicial, a página de um artigo, o cabeçalho ou o rodapé), basta substituir o arquivo de template correspondente no tema pai. header.php, footer.php, page.phpCopie o conteúdo para o diretório do subtema e, em seguida, edite-o. O WordPress dará prioridade aos arquivos localizados no subtema.
• Adição de nova funcionalidade: em subtemas… functions.php Adicione novas funções PHP, ganchos (Hooks) e filtros (Filters) ao código para expandir as funcionalidades do site.

Aplicações avançadas e melhores práticas para subtemas

Após dominar os métodos básicos de criação, conhecer algumas técnicas avançadas e boas práticas pode tornar seus subtemas mais poderosos e profissionais.

Carregar seletivamente os recursos do tema pai.

Às vezes, você pode não querer carregar todos os estilos ou scripts do tema pai. Você pode fazer isso conforme necessário. functions.php Permite um controle mais detalhado no carregamento de recursos. Por exemplo, apenas os estilos do tema pai necessários para um determinado layout são carregados.

Leitura recomendada Como escolher e personalizar o tema WordPress mais adequado para o estilo do seu site?。

Utilizar arquivos de idioma para a internacionalização.

Se você planeja distribuir seus subtemas ou o site precisa de suporte a múltiplas línguas, é essencial configurar corretamente o domínio de texto (Text Domain) e preparar tudo adequadamente. .pot Os arquivos de idioma são essenciais. Certifique-se de que todas as strings que podem ser traduzidas no código utilizem um formato padrão, como… __('String', 'your-child-theme-text-domain') Embalhe uma função desse tipo dessa maneira.

Controle de Versões e Estratégias de Atualização

É fortemente recomendado o uso de ferramentas de controle de versão, como o Git, para gerenciar o código dos seus subtemas. Mantenha as anotações do código claras e faça backups regularmente. Os próprios subtemas também precisam de manutenção; quando você adicionar novas funcionalidades ou corrigir erros (bugs), você pode atualizá-los. style.css O número da versão, para facilitar o gerenciamento futuro.

Hospedagem Compartilhada InterServer

Hospedagem compartilhada $2.50 USD por mês, primeiro mês $0.1 USD código promocional tryinterserver, 461 scripts de aplicativos em nuvem, instalação com um clique.

página de acesso

resumos

Criar um subtema para o WordPress é uma habilidade essencial que todo desenvolvedor de websites, designer e até mesmo usuários avançados devem dominar. Isso permite uma personalização ilimitada de forma elegante, através do processo de “herança e sobrescrição” dos arquivos do tema pai, garantindo que o núcleo do website (o tema pai) possa ser atualizado de forma segura. O processo começa com a criação dos diretórios necessários e dos dois arquivos principais do subtema…style.css e functions.phpComeçando pela instalação, passando pela ativação e até a personalização avançada de estilos, modelos e funcionalidades, todo o processo é bem estruturado e os riscos são controláveis. Seguindo as melhores práticas apresentadas neste artigo, você será capaz de construir um site WordPress estável, profissional e fácil de manter a longo prazo.

Perguntas frequentes Perguntas frequentes

Todos os temas do WordPress suportam a criação de subtemas?

Tecnicamente, qualquer tema que siga os padrões de codificação do WordPress pode ser usado como um tema pai. Geralmente, os temas mais populares e de alta qualidade indicam explicitamente que suportam a criação de temas filhos. Isso pode ser verificado na descrição oficial ou nos documentos do tema. Se a estrutura do tema for adequada, a criação de um tema filho geralmente funcionará sem problemas, mesmo que não haja uma declaração explícita a respeito.

O que acontece se o campo `Template` no arquivo `style.css` de um subtópico for preenchido incorretamente?

If Template O valor do campo não corresponde ao nome real do diretório do tema pai; como resultado, o WordPress não conseguirá reconhecer o tema pai. Isso pode impedir que o tema filho seja ativado no backend ou, caso seja ativado, causar problemas no visual da página (perda de estilos, layout desordenado). Portanto, é essencial garantir que esse campo esteja preenchido corretamente.

Posso criar outro “tema descendente” (ou “tema filho”) com base em um tema subordinado?

O sistema de temas do WordPress suporta nativamente apenas uma relação de herança de nível único, ou seja, um subtema só pode ter um único tema pai direto. Teoricamente, você pode tentar fazer com que um subtema utilize outro subtema como seu modelo, mas essa prática não é padrão e pode levar a erros imprevisíveis e problemas de compatibilidade. Portanto, isso é fortemente desaconselhado.

Após a atualização do tema pai, o conteúdo personalizado do meu tema filho será perdido?

Este é um dos maiores benefícios do uso de subtemas: os dados não são perdidos. Atualizar o tema pai apenas substitui os arquivos localizados no diretório do tema pai. Todas as suas modificações são salvas em um diretório de subtema independente, portanto, elas são completamente preservadas. No entanto, tenha em mente que, se uma atualização significativa no tema pai alterar algumas funções essenciais ou a estrutura dos modelos, as partes correspondentes no seu subtema podem precisar ser ajustadas para se adaptarem à nova versão.