Como Adicionar um Link de Editar Postagem a Posts e Páginas do WordPress

Editar seu conteúdo do WordPress é muito mais rápido quando você pode fazer isso diretamente do seu site. Ao adicionar um link simples de edição às suas postagens e páginas, você pode fazer essas alterações rapidamente sem precisar passar pelo painel do WordPress.

Essa pequena alteração pode melhorar drasticamente seu fluxo de trabalho. É uma técnica que usamos no WPBeginner para economizar tempo valioso, permitindo que nossos redatores ajustem e atualizem seus artigos instantaneamente na parte frontal do site.

Neste artigo, mostraremos como você pode adicionar um link de edição de postagem às suas páginas e posts do WordPress, passo a passo.

Como adicionar um link de editar postagem a postagens e páginas do WordPress

Por que Adicionar um Link de Editar Postagem a Posts e Páginas do WordPress?

Adicionar um link de ‘Editar Postagem’ a posts e páginas do WordPress permite que você faça alterações rápidas e fáceis em seu conteúdo.

Em vez de procurar suas postagens e páginas no seu painel do WordPress, você pode simplesmente clicar no link ‘Editar Postagem’ na parte frontal do seu site.

Isso abrirá diretamente a tela do editor de postagem ou página.

exemplo de link de editar postagem no front-end de uma postagem de blog do WordPress

Observação: O link de edição de postagem só será visível para usuários que estiverem logados e tiverem a função de usuário e permissões adequadas.

Muitos temas do WordPress possuem esse recurso, mas às vezes ele é removido pelos desenvolvedores. Se o seu tema não tiver esse recurso, você vai querer adicioná-lo manualmente.

Como Adicionar um Link de Editar Postagem a Posts e Páginas do WordPress

Para adicionar um link de edição de postagem ao WordPress, você precisará adicionar código aos seus arquivos do WordPress.

Mostraremos duas maneiras diferentes de adicionar o código ao seu site:

O primeiro método é super fácil e você não precisa ter nenhuma experiência com codificação. No entanto, ele não funciona com todos os temas e você não terá controle sobre onde exatamente o link aparece.

O segundo método é mais técnico e você precisará ter algum conhecimento de PHP para saber onde colocar o código. No entanto, ele lhe dará controle sobre onde exatamente o link de edição aparece.

Dito isso, vamos mostrar como adicionar um link de editar postagem às postagens e páginas do WordPress.

Método 1: Adicionar um Link de Editar Postagem no WordPress usando WPCode (Recomendado)

Para este método, você terá que adicionar um trecho de código editando o arquivo functions.php do seu tema ou usando um plugin de snippets de código.

Você pode ver nosso guia sobre como colar snippets da web no WordPress para instruções mais detalhadas.

Para este tutorial, usaremos o plugin WPCode em vez de editar o arquivo functions.php.

WPCode

Sempre recomendamos o uso do WPCode porque ele é gratuito, fácil de usar e não quebrará seu site se algo der errado.

Para começar, você precisará instalar e ativar o plugin gratuito WPCode. Você pode consultar nosso guia sobre como instalar um plugin do WordPress para obter instruções passo a passo.

Observação: A versão gratuita do WPCode tem tudo o que você precisa para adicionar código personalizado ao WordPress. No entanto, se você quiser recursos mais avançados, como snippets agendados, pixels de conversão e muito mais, você pode fazer o upgrade para o WPCode Pro.

Assim que o plugin for ativado, um novo item de menu rotulado ‘Code Snippets’ será adicionado à sua barra de administração do WordPress. Ao clicar nele, você verá uma lista de todos os snippets de código personalizados que você salvou em seu site. Como você acabou de instalar o plugin, sua lista estará vazia.

Clique em ‘Adicionar Novo’ para adicionar seu trecho de código.

Clique no Botão Adicionar Novo para Adicionar seu Primeiro Trecho de Código Personalizado no WPCode

Isso o levará para a página Adicionar Trecho. A partir daqui, você pode escolher um trecho de código da biblioteca integrada ou adicionar seu próprio código personalizado.

Neste caso, vá para a opção ‘Adicionar Seu Código Personalizado (Novo Trecho)’ e clique no botão ‘+ Adicionar Trecho Personalizado’ abaixo dela.

Clique no botão Adicionar Trecho Personalizado

Em seguida, selecione ‘PHP Snippet’ como o tipo de código na lista de opções que aparecem na tela.

Selecione Snippet PHP como o tipo de código

Em seguida, você precisará adicionar um nome para seu trecho na parte superior da página (nós chamamos o nosso de ‘Adicionar link de edição a posts individuais’).

Em seguida, copie e cole o seguinte código na caixa ‘Pré-visualização do Código’:

add_action('loop_start', function () {
  if (!is_singular() || !is_main_query()) {
      return;
  }
  edit_post_link(__('{Edit}'));
}, 99);

Este trecho de código adicionará o link de edição a posts e páginas individuais.

Adicionando um link de editar postagem via WPCode

Agora, se você rolar para baixo até a seção Inserção, certifique-se de que o Método de Inserção seja ‘Inserção Automática’ e a Localização seja ‘Executar em Todos os Lugares’.

Depois disso, basta alternar o interruptor de ‘Inativo’ para ‘Ativo’ e clicar no botão ‘Salvar Trecho’ na parte superior da página.

Salvando um novo trecho no WPCode

Agora, ao visualizar um post de blog, você deverá ver um link ‘Editar’ na parte superior.

Veja como o nosso fica:

link de edição adicionado à postagem individual

Estamos usando o tema Astra em nosso site de teste, e é aqui que nosso link de edição aparece. Pode parecer diferente em seu site, dependendo do seu tema WordPress.

Método 2: Adicionar um Link de Editar Postagem Editando Manualmente os Arquivos do Seu Tema

Você pode modificar os arquivos individuais do tema diretamente ou criar um tema filho para substituir esses arquivos de tema.

Recomendamos a criação de um tema filho, para que você não perca as alterações feitas ao atualizar seu tema. Para mais detalhes, consulte nosso guia para iniciantes sobre como criar um tema filho WordPress.

Quer você esteja editando arquivos de tema diretamente ou criando um tema filho, você precisa copiar e colar o seguinte código e adicioná-lo ao single.php, post.php, index.php ou outros arquivos de modelo de conteúdo do seu tema.

<?php edit_post_link(__('{Edit}')); ?>

Este código simplesmente adiciona um link de edição de postagem às suas postagens e páginas do WordPress. Você pode alterar o texto '{Editar}' para o que quiser que o link diga.

Para a maioria dos temas, você vai querer adicionar este código dentro do loop da postagem, diretamente após os metadados da postagem.

Por exemplo, veja como o código ficaria no final dos metadados de postagem de um tema.

By <?php the_author_posts_link(); ?> on <?php the_time('F jS, Y'); ?>  in <?php the_category(', '); ?> <?php edit_post_link(__('{Edit}'), ''); ?>

Você também pode adicionar este código a qualquer parte do seu tema onde você queira que o link de edição de postagem seja exibido. Por exemplo, você pode adicioná-lo ao final do conteúdo da sua postagem.

Depois de adicionar o código e salvar o arquivo, você precisa carregá-lo para o diretório do seu tema na sua conta de hospedagem WordPress.

Para fazer isso, você pode usar um cliente FTP, ou a opção de gerenciador de arquivos no painel de controle da sua hospedagem WordPress.

Se você nunca usou FTP antes, talvez queira conferir nosso guia sobre como usar FTP para carregar arquivos para o WordPress.

Agora, quando você estiver logado no WordPress e visualizando uma postagem ou página no front-end, você pode simplesmente clicar no link 'Editar', e você será levado para a tela do editor de postagem.

Exemplo de link de edição de postagem no WordPress

Esperamos que este artigo tenha ajudado você a aprender como adicionar um botão de edição rápida às postagens e comentários do WordPress. Você também pode querer ver nosso guia sobre como reordenar facilmente postagens no WordPress e nossas escolhas de especialistas dos melhores plugins de postagens populares para WordPress.

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

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

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

Interações do Leitor

16 CommentsLeave a Reply

  1. Esta é uma ótima dica para economizar tempo! A opção de adicionar um botão de edição rápida parece super útil. Para aqueles de nós que não são programadores, existe alguma recomendação de plugin que atinja o mesmo resultado do método de código personalizado?

    • No momento, não temos uma recomendação específica, mas se encontrarmos uma que possamos recomendar, com certeza compartilharemos!

      Admin

    • Isso é bastante estranho, seu tema já incluía um link de edição no topo da página como uma possibilidade?

      Admin

  2. Olá, obrigado por compartilhar isso. Uma pergunta: é possível que o botão de edição na postagem leve a um formulário de edição pelo frontend? Eu quero que um usuário que gera a postagem possa atualizar a postagem usando este botão na postagem, usando o formulário, não no painel do WordPress.

    • No momento não, se encontrarmos um plugin com esse recurso que recomendaríamos, com certeza compartilharemos!

      Admin

  3. Obrigado, realmente ajudou a economizar tempo. Depois de usar um novo tema em um dos meus sites, senti falta desse recurso que existe nos temas de outros sites, adicionei rapidamente.

  4. A ideia de adicionar a Edição Rápida a posts é ótima, mas posso adicioná-la também a Links. Tenho um grande número de links que precisam ser recategorizados e a Edição Rápida seria uma grande ajuda.

  5. Sei que este é um post antigo, mas eu realmente precisava agradecer por isso. Suas instruções foram simples de seguir (e entender) e resolveram meu problema perfeitamente! =)

Deixar uma resposta

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