Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como editar o rodapé no WordPress (5 métodos)

Como editar o rodapé no WordPress (6 maneiras fáceis) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Editei dezenas de rodapés do WordPress ao longo dos anos. Às vezes, apenas para me livrar da linha "Powered by WordPress", outras vezes para adicionar links importantes, formulários de opt-in ou scripts personalizados.

A parte complicada é que as configurações do rodapé nem sempre estão no mesmo lugar. Isso depende do seu tema e das ferramentas que você está usando. Neste guia, mostrarei as maneiras mais fáceis de alterar o rodapé, inclusive como faço isso com o SeedProd.

Resumo rápido

Veja o que você aprenderá neste guia. Clique para ir para o método que melhor se adapta à sua configuração:

Agora que você sabe por que o rodapé do WordPress é essencial, vamos ver como editar um rodapé no WordPress passo a passo.

A maneira mais fácil de personalizar todo o rodapé do site é usar um construtor de temas visuais como o SeedProd. Você pode arrastar e soltar conteúdo, alterar o layout e controlar onde ele aparece sem tocar em nenhum código.

Há muitos outros plug-ins no mercado, como Beaver Builder, Divi ou Elementor, mas o SeedProd é o plug-in mais fácil para iniciantes.

SeedProd Construtor de sites WordPress de arrastar e soltar

O SeedProd permite que você crie temas personalizados do WordPress facilmente, sem precisar escrever códigos PHP, CSS ou HTML ou contratar um desenvolvedor.

Em vez de instalar vários arquivos .zip de temas, você pode instalar o plug-in SeedProd e criar seu tema diretamente no WordPress. Você pode começar rapidamente escolhendo um modelo de tema inicial predefinido ou pode criar seu tema uma parte de cada vez, incluindo temas de comércio eletrônico, temas de blog e muito mais.

modelos de temas do wordpres seedprod

Ele também inclui recursos que permitem adicionar um cabeçalho global, rodapé, barra lateral e muitas opções de personalização. Vamos adicionar um rodapé global ao seu site WordPress com o construtor de rodapés do SeedProd.

Você precisará de uma cópia do SeedProd Pro para usar os recursos do construtor de temas.

Depois de instalar e ativar o plug-in, navegue até SeedProd " Theme Builder em sua área de administração do WordPress.

Nessa página, clique na opção Add New Theme Template (Adicionar novo modelo de tema ).

adicionar um novo modelo de tema

Na janela pop-up a seguir, dê ao seu modelo um nome como "Global Footer" (Rodapé global) e escolha a opção "Footer" (Rodapé) no menu suspenso Type (Tipo).

Selecione o modelo de rodapé do SeedProd

Isso revela o painel de opções Condições. Por padrão, o SeedProd mostrará seu novo modelo de rodapé em todo o site. No entanto, você pode alterar essas configurações escolhendo uma opção no menu suspenso.

Condições do rodapé do SeedProd

Quando terminar essa etapa, clique no botão Salvar.

Você verá o construtor de arrastar e soltar do SeedProd para projetar seu rodapé visualmente e ver as alterações em tempo real. No início, seu modelo mostrará uma tela em branco à direita e suas configurações à esquerda.

Primeiro, clique no ícone de colunas e escolha um layout de coluna para adicionar conteúdo ao rodapé. Escolhemos o layout de 3 colunas para nosso projeto.

Adicione um layout de coluna ao seu rodapé

Agora, clique no ícone de configurações da seção para alterar a cor do plano de fundo do rodapé. Isso abre um painel no lado esquerdo onde você pode carregar uma imagem de fundo personalizada, escolher uma cor de fundo e controlar as opções de estilo do rodapé.

como editar o rodapé no WordPress com o seedprod

Agora você pode começar a adicionar conteúdo ao seu rodapé. Basta arrastar um bloco de conteúdo da esquerda e arrastá-lo para uma coluna no rodapé.

Por exemplo, estamos usando os seguintes blocos de conteúdo do SeedProd para personalizar nosso rodapé:

  • Manchete
  • Texto
  • Perfis sociais
  • Menu de navegação
  • Formulário Optin
Adicione conteúdo ao rodapé do WordPress com o seedprod

Quando estiver satisfeito com seu design, clique na seta suspensa do botão Save (Salvar) e clique em Publish (Publicar). A partir daí, você pode sair do editor visual e voltar para o painel do construtor de temas.

Para que o novo rodapé apareça em seu site, você precisará concluir a criação do tema do WordPress com o SeedProd. Aqui está um guia passo a passo sobre como criar um tema WordPress personalizado com o criador de temas do SeedProd.

Depois de criar seu tema, clique na opção Enable SeedProd Theme (Ativar tema SeedProd ).

ativar o tema seedprod

Ao acessar seu site, você verá o novo rodapé personalizado do WordPress.

Visualize seu rodapé personalizado do WordPress em todo o site

2. Editar o rodapé do WordPress em páginas diferentes

Se você quiser ter controle total sobre o layout, as cores e os links do rodapé, personalizar o rodapé do WordPress com um construtor como o SeedProd é a opção mais flexível.

Ele também vem com várias seções de página de destino, facilitando a adição de cabeçalhos personalizados, chamadas para ação, áreas de heróis, perguntas frequentes e rodapés.

Esse é o recurso de que você precisará para editar o rodapé da sua landing page do WordPress.

Primeiro, clique aqui para começar a usar o SeedProd, instalar e ativar o plug-in em seu site do WordPress. Em seguida, você pode seguir este guia passo a passo para criar uma página de destino no WordPress.

Quando estiver no editor de páginas de arrastar e soltar do SeedProd, clique na guia Sections (Seções ) no painel esquerdo.

clique na guia Section (Seção) no construtor de páginas do SeedProd

Agora, clique no cabeçalho Footers (Rodapés ) para mostrar os diferentes layouts de rodapé do SeedProd.

Clique no cabeçalho de rodapés para visualizar as seções de rodapé

Você pode clicar no ícone da lupa para visualizar as seções antes de adicioná-las à sua página.

Visualize a seção do rodapé e clique no botão escolher esta seção

Em seguida, clique no botão Choose This Section (Escolher esta seção ) para adicioná-la ao design da sua landing page.

Depois de adicionar a seção de rodapé à sua página, é possível personalizá-la no editor visual. Por exemplo, você pode alterar a cor de fundo da seção ou adicionar uma imagem de fundo.

Personalize o plano de fundo do rodapé da página de destino

Você também pode clicar na navegação do rodapé para alterar as cores dos links ou os ícones de mídia social.

como editar o rodapé na página do WordPress

Agora verifique seu rodapé para ver como ele fica em telas de dispositivos móveis, como tablets e smartphones. Para fazer isso, clique no ícone de visualização móvel na parte inferior da tela.

Clique no ícone do celular para visualizar o rodapé da página de destino

Isso o levará à visualização móvel do SeedProd. Se o rodapé da sua landing page não estiver correto, você pode editá-lo na visualização móvel até que fique do jeito que você quer.

Visualizar o rodapé do WordPress no celular

Quando estiver pronto para fazer suas alterações ao vivo, clique na seta para baixo ao lado do botão verde Salvar e clique em Publicar. Em seguida, você pode clicar no botão See Live Page (Ver página ao vivo ) para visualizar o novo rodapé da página de destino do WordPress.

Rodapé personalizado do WordPress para páginas de destino

A maioria dos temas do WordPress permite que você altere o conteúdo do rodapé por meio de widgets. Você pode adicionar texto, links, menus ou blocos personalizados diretamente da tela Widgets em Appearance.

Navegue até Appearance > Widgets em seu painel do WordPress para adicionar widgets de rodapé no WordPress. Em seguida, localize a barra lateral do rodapé na lista e clique no ícone de mais (+) para procurar os blocos de rodapé disponíveis.

Como editar o rodapé no WordPress com widgets

Como no exemplo acima, muitos temas têm mais de uma área de rodapé ou seção de widgets. Além disso, cada tema mostra o rodapé de forma diferente.

Por isso, é importante visualizar seu site depois de fazer qualquer alteração para garantir que o widget do WordPress esteja onde você deseja.

Você também pode usar esse método para adicionar links a páginas importantes em seu rodapé. Primeiro, você precisa criar um novo menu no WordPress para fazer isso.

Para mostrar links em seu rodapé, crie um novo menu em Appearance " Menus.

Criar um novo menu do WordPress

Agora você pode adicionar links ao seu menu. Basta selecionar qualquer post, página ou categoria no painel esquerdo para adicioná-los.

Adicione posts, páginas e categorias ao seu novo menu

Em seguida, clique no botão Save Menu (Salvar menu ).

Agora você está pronto para adicionar novos links de menu à área de widgets do rodapé do WordPress. Volte para a página de widgets navegando até Appearance " Widgets.

Adicione seu menu de navegação ao rodapé do WordPress

Clique no ícone de mais, procure o widget Navigation Menu e adicione-o à área do rodapé. Em seguida, no menu suspenso, escolha o menu de rodapé que você acabou de criar e clique em Salvar.

Agora você pode visitar seu site e ver a aparência dos links de rodapé personalizados.

Área de rodapé do WordPress com links de navegação

Essa é uma das edições de rodapé mais comuns que os proprietários de sites fazem ao personalizar o tema do WordPress.

Você pode remover o texto padrão do rodapé do seu tema usando o Customizer ou adicionando algumas linhas de CSS. A maioria dos temas inclui uma configuração para isso em Footer Options (Opções de rodapé).

Remover o link powered by WordPress no rodapé

Basta ir para Appearance " Customize (Aparência " Personalizar ) no painel do WordPress, onde você verá o cabeçalho, o rodapé e outras configurações do tema. Percorra a lista até encontrar um título chamado Footer (Rodapé).

Localize a seção de rodapé no personalizador de temas do WordPress

Neste exemplo, estou usando o tema Hestia, mas a maioria dos temas modernos funciona de forma semelhante. Ao clicar no título, você tem a opção de alterar o conteúdo do texto do rodapé para adequá-lo melhor ao seu site.

Edite os créditos do rodapé do WordPress

Depois de editar o conteúdo, clique no botão Publicar na parte superior da tela. Em seguida, você pode visualizar seu site para ver as alterações.

Como editar o rodapé no WordPress removendo o texto powered by WordPress

Como alternativa, você pode ir para Appearance " Customize " Additional CSS e adicionar o seguinte código CSS:

.site-info {
display: none;
}

Salve suas alterações e atualize seu site para ver o rodapé atualizado.

Para obter mais ajuda, confira este guia sobre como remover o link do rodapé "Powered by WordPress". Ele detalha como editar manualmente o arquivo footer.php dos arquivos de seu tema filho. Dessa forma, você pode atualizar os arquivos corretamente.

A maneira mais fácil de adicionar scripts ao seu rodapé é instalar e ativar o plug-in WPCode. O uso de um plug-in de rodapé como o WPCode facilita a inserção de scripts sem a necessidade de editar seu tema manualmente.

Para obter ajuda, siga este guia sobre como instalar um plug-in do WordPress.

Depois de ativar o plug-in, vá para Code Snippets " Insert Headers and Footers (Inserir cabeçalhos e rodapés ) na área de administração do WordPress. Em seguida, copie e cole seu código de rodapé na caixa "Scripts in Footer" (Scripts no rodapé).

Como editar o rodapé no WordPress com scripts personalizados

Quando terminar, clique no botão Salvar para armazenar suas configurações. Agora o WordPress deve instalar seus scripts de rodapé corretamente.

Não recomendamos esse método para a maioria dos sites, mas pode fazer sentido remover completamente o rodapé do WordPress em algumas situações. Por exemplo, remover o rodapé não é uma solução ruim se ele causar muita confusão ou se você não quiser que os mecanismos de pesquisa o rastreiem.

Mas lembre-se: remover o rodapé do WordPress não o exclui da pasta do tema do WordPress. O código CSS informa ao WordPress para ocultar apenas o conteúdo do rodapé.

Para ocultar completamente o rodapé do WordPress, vá para Aparência " Personalizar e clique no botão CSS adicional guia.

Como editar o rodapé no WordPress com css

Em seguida, cole o seguinte código CSS na caixa:

footer{

display:none;

}
Remover completamente o conteúdo do rodapé do WordPress

Esse código dirá ao WordPress para ocultar totalmente o conteúdo do rodapé na maioria dos casos. Se você mudar de ideia, poderá excluir o código para recuperar o rodapé do WordPress.

É isso aí!

Se quiser ter controle total sobre o rodapé do WordPress, sem mexer no código, recomendo usar o SeedProd. É o que eu uso quando preciso criar layouts personalizados, trocar seções de rodapé ou manter a consistência no site de um cliente. Você pode arrastar, soltar e publicar alterações em minutos.

Comece a usar o SeedProd Pro aqui para criar um rodapé adequado à sua marca.

Enquanto estiver aqui, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais úteis.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.