Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como descobrir quais arquivos devem ser editados no tema do WordPress

Os temas do WordPress são compostos de vários arquivos, e descobrir quais deles devem ser editados pode ser complicado, especialmente para iniciantes.

Mas fazer alterações no seu tema não precisa ser confuso. Com algumas dicas, você pode identificar facilmente os arquivos certos a serem ajustados.

Neste artigo, vamos orientá-lo a encontrar os arquivos corretos para os ajustes que você deseja.

Finding which WordPress theme file to edit

Entendendo os arquivos de modelo de tema do WordPress

Os temas do WordPress consistem em vários arquivos. Eles incluem arquivos de modelo, tags e funções de modelo personalizadas, partes de modelo, imagens, JavaScript e arquivos CSS.

Todos os principais temas do WordPress seguem as práticas recomendadas oficiais. Isso significa que eles organizam todo o código usando a estrutura padrão de arquivos e modelos.

Por exemplo, todos os temas do WordPress têm archive.php, single.php, functions.php e outros arquivos.

Cada arquivo é usado como um modelo para exibir uma área específica do seu site WordPress. Por exemplo, o modelo single.php exibe posts únicos e o modelo page.php exibe uma única página.

A compreensão da hierarquia de modelos do WordPress lhe dá um melhor entendimento de como o WordPress funciona. Se você precisar adicionar ou editar código no seu tema do WordPress, isso também o ajudará a determinar quais arquivos precisam ser editados.

Para obter mais detalhes, consulte nossa folha de dicas para iniciantes sobre a hierarquia de modelos do WordPress.

Com isso em mente, vamos dar uma olhada em como encontrar facilmente quais arquivos devem ser editados em um tema do WordPress.

Como localizar arquivos de modelo para editar no tema do WordPress

A primeira coisa que você precisa fazer é instalar e ativar o plug-in What The File. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

O plug-in funciona imediatamente e não há configurações a serem definidas.

Após a ativação, você precisa acessar o front-end do seu site e verá um novo menu “What The File” na barra de administração do WordPress.

What the file menu

Agora, basta passar o mouse sobre o item de menu. Isso exibirá um menu suspenso que lista os arquivos de modelo usados para exibir essa página.

Ao clicar no nome do arquivo, você será levado ao editor de arquivos padrão do WordPress, onde poderá editar esse arquivo específico.

WordPress theme file editor

No entanto, não recomendamos o uso do editor de arquivos do WordPress para editar arquivos de tema porque ele não tem a opção de desfazer. Se você cometer um erro e ficar sem acesso ao seu site, precisará usar um cliente FTP para corrigi-lo.

Em vez disso, sugerimos usar um cliente FTP ou o aplicativo Gerenciador de arquivos no painel de controle da hospedagem do WordPress.

Com essas ferramentas, você pode editar arquivos de tema usando qualquer editor de texto simples, como o Bloco de Notas.

Não é recomendável fazer alterações diretas em seu tema do WordPress. Essas alterações serão apagadas quando você atualizar o tema.

Fazer alterações diretas em seu tema do WordPress também é uma má ideia. Isso ocorre porque essas alterações desaparecerão quando você atualizar o tema.

Se você só precisa adicionar algum CSS, pode fazê-lo como CSS personalizado no WordPress.

Para fazer alterações mais extensas nos arquivos do tema, você deve criar um tema filho. O plug-in “What The File” pode ajudá-lo a localizar os arquivos de tema que você precisa copiar e editar no tema filho.

Observação: o item de menu adicionado pelo plug-in na barra de administração ficará visível para todos os usuários conectados e será vinculado a um site externo. Você só deve usar esse plug-in em um ambiente de desenvolvimento, como um site de teste.

Dica bônus: Como adicionar código personalizado de cabeçalho e rodapé no WordPress

Às vezes, não é necessário editar os arquivos do tema para adicionar funcionalidade ao seu site WordPress.

Por exemplo, talvez você queira apenas adicionar um código personalizado à área de cabeçalho ou rodapé do seu site para inserir scripts de rastreamento ou códigos de verificação.

Nesses casos, você pode usar plug-ins para adicionar trechos de código sem editar os arquivos do tema, como o WPCode.

O WPCodes tem uma interface simples para colar seu código. Dessa forma, os arquivos do tema permanecem intactos e suas alterações ficam seguras durante as atualizações.

Por exemplo, aqui adicionamos um código de rastreamento personalizado no cabeçalho do nosso site de demonstração:

Pasting the Snapchat Pixel base code to WPCode Header section

O uso de plug-ins como esse economiza tempo e reduz os erros. É uma maneira mais segura de adicionar novos recursos ao seu site. Para obter mais detalhes, consulte nosso guia sobre como adicionar código de cabeçalho e rodapé no WordPress.

Esperamos que este artigo tenha ajudado você a descobrir quais arquivos devem ser editados em seu tema do WordPress. Em seguida, talvez você também queira ver nossa folha de dicas de desenvolvimento de temas do WordPress ou dar uma olhada nas classes CSS geradas pelo WordPress que podem ser usadas para estilizar seus temas.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

12 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed

    This is a bit developer oriented task but yes at times we get into the question to edit the file and get into dilemma of which one to edit to get the desired changes made.
    I used to think that it is always the functions.php file that is to be changed but no the change is to be made where it is desired.
    I will explore the plugin to see where we would need to make the edit and changes.
    Thanks for this tutorial guide. it is really helpful understanding these concepts better.

    • WPBeginner Support

      You’re welcome :)

      Administrador

  3. Jiří Vaněk

    Thank you for the tip. Sometimes, I need to make a change on a website, and one doesn’t immediately know which file to edit. This plugin can be a great helper in figuring out which template file is currently being used.

    • WPBeginner Support

      Glad we could share this plugin :)

      Administrador

  4. Riyaz

    Installing this plugin made my life easier. However, some of the themes just leave something like these:

    $has_sidebar = is_active_sidebar( ‘single-blog’ );
    do_action( ‘mytheme_page_header’ );

    and even some functions which I can find nowhere:
    mytheme_get_listings_image(‘mytheme-list’)

    Is there any way to find these things ?

    • WPBeginner Support

      You would need to manually go through the files manually, normally those would be found in the functions.php file

      Administrador

  5. mark Swift

    Hi,
    nice article,
    but what if the files are not available in child theme which I have to edit ??

  6. Cos

    If you copy template (.php) files to your child theme (so you can edit them and not lose your changes when the theme is updated) then what happens if the file you copied and edited is updated by the theme developer? Do you then lose the benefit of their update?

  7. Susan Sheridan

    How about this same kind of tool for finding out which style sheets are being applied?

  8. Bond Shands

    I had hoped to use these directions to change the Post Office Mailing Address line at the bottom of my blog. However, installing and activating the What The File plugin produced no discernible results. Nothing new appeared on my Menu Bar. Also, to be honest, your instructions left me in the dark about how I would see the plugin displayed when viewing the blog page I wished to see. (Also, I’m already a subscriber via an alternate email address).

    • WPBeginner Support

      Hi Bond Shands,

      Each WordPress site uses a couple of templates which are loaded on each page. For example, the header and footer templates. In order to change your postal address you will need to edit the footer.php file. However, make sure that you backup your WordPress theme before making any direct changes.

      Thanks

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.