Como Criar um Modelo Personalizado de Anexos Únicos no WordPress

Imagens individuais e outros arquivos enviados em seu site são exibidos em uma única página de anexos. No entanto, muitos temas não fornecem um modelo para anexos.

Criar um modelo de anexos personalizado no WordPress permite que você controle como as páginas de anexos individuais são exibidas, dando a você a flexibilidade de melhorar tanto a funcionalidade quanto a estética.

Neste artigo, mostraremos como criar facilmente um modelo personalizado de anexos únicos no WordPress.

O Que É Uma Página de Anexos no WordPress?

Por padrão, uma página única é criada automaticamente para cada anexo de mídia que você tem em seu site WordPress. Isso inclui imagens, vídeos, arquivos de áudio, PDFs e muito mais.

Assim como posts e páginas, os anexos são armazenados na tabela wp_posts do seu banco de dados WordPress. Na verdade, anexos são um tipo especial de post e têm o tipo de post ‘attachment’. Isso facilita a busca e a exibição deles.

As páginas de anexos permitem que você adicione metadados aos seus uploads de arquivos, como título, legenda e descrição. Elas também permitem que seus visitantes comentem em suas imagens e vídeos.

Muitos usuários gostam de personalizar seus modelos de anexos para exibir informações adicionais. Por exemplo, um tema de fotografia poderia usar a página de anexos para exibir dados EXIF. Isso poderia mostrar o modelo da câmera usado, as configurações da câmera e até mesmo os dados de localização da imagem.

No entanto, recomendamos que você desative essas páginas de anexo se não planeja usá-las.

Dito isso, vamos dar uma olhada em como criar um modelo personalizado de anexo único no WordPress. Veja o que abordaremos neste guia:

• Como Visualizar uma Página de Anexo no WordPress
• Qual Modelo é Usado para uma Página de Anexo?
• Desativando Páginas de Anexo no WordPress
• Criando um Modelo Personalizado de Anexo Único com um Plugin Construtor de Temas
• Criando um Modelo Personalizado de Anexo Único Usando Código
• Bônus: Adicionar Anexo de Postagem como Imagem Destacada no WordPress

Como Visualizar uma Página de Anexo no WordPress

Ao personalizar seu modelo de anexo único, é útil visualizar uma página de anexo para ver suas alterações. Aqui estão algumas maneiras de visualizar páginas de anexo no WordPress.

Visualizando uma Página de Anexo da Biblioteca de Mídia

Você precisa navegar até a página Mídia » Biblioteca no painel do WordPress e clicar em uma imagem ou outro anexo. A janela 'Detalhes do anexo' será aberta.

Aqui, você pode inserir o texto alternativo, título, legenda e descrição da imagem. Essas informações podem ser exibidas na página de anexo, portanto, é uma boa ideia preencher os campos para ver como eles são exibidos.

No canto inferior direito da janela, você verá um link 'Visualizar página de anexo'.

Ao clicar nesse link, você será levado para a página de anexo dessa imagem.

Visualizando uma Página de Anexo de uma Postagem ou Página

Você simplesmente precisa abrir uma postagem ou página dentro do editor de conteúdo do WordPress e, em seguida, adicionar uma imagem.

Em seguida, selecione a imagem e clique no botão 'Link' na barra de ferramentas. No menu suspenso, você verá a opção de selecionar 'Página de Anexo'.

Agora, ao clicar na imagem, você será levado para a página de anexo dela.

Qual Modelo é Usado para uma Página de Anexo?

Assim como posts e páginas, seus anexos são exibidos usando um modelo. O que é usado depende dos modelos disponíveis em seu tema e da hierarquia de modelos do WordPress.

Se existir, o WordPress usará um modelo attachment.php para controlar a aparência das suas páginas de anexo. No entanto, você também pode criar modelos diferentes para cada tipo de arquivo que pode ser enviado para o seu site.

Por exemplo, um arquivo de modelo chamado image.php controlará a aparência das páginas de anexo de imagem, e as páginas de anexo de vídeo podem ser controladas por um modelo chamado video.php.

Você pode até criar um modelo de anexo personalizado para extensões de arquivo específicas. Por exemplo, o modelo image-gif.php controlará as páginas de anexo de imagens GIF.

No entanto, se o seu tema WordPress não oferecer um modelo específico para anexos, ele usará por padrão single.php, o modelo de tipo de post único, ou index.php, o modelo de fallback padrão.

Quando isso acontece, suas páginas de anexo terão o layout de qualquer outro post ou página, o que nem sempre ficará bom.

Desativando Páginas de Anexo no WordPress

Se você não planeja usar páginas de anexo no WordPress, recomendamos que você as desative.

Muitos temas não têm modelos especiais para anexos, então eles podem parecer páginas incompletas em seu site. Isso pode deixar uma má impressão nos visitantes.

Eles também podem ter um impacto SEO negativo em seu ranking de busca. Isso ocorre porque os motores de busca consideram páginas com pouco ou nenhum texto como 'baixa qualidade' ou 'conteúdo fino'.

Você pode aprender mais em nosso guia sobre como desativar páginas de anexo de imagem no WordPress.

No entanto, se você planeja usar páginas de anexo, continue lendo para aprender como personalizar o modelo de anexo no WordPress. Abordaremos dois métodos. O primeiro é o mais simples e usa um plugin.

Criando um Modelo Personalizado de Anexo Único com um Plugin Construtor de Temas

A maneira mais fácil de criar um modelo personalizado de anexos únicos é usando o SeedProd. É o melhor construtor de temas WordPress e pode criar belos layouts de sites e modelos personalizados sem escrever nenhum código.

Você pode usar o SeedProd para criar um tema WordPress totalmente personalizado, incluindo um modelo personalizado de anexos únicos. Para mais detalhes, você pode ver nossa análise completa do SeedProd.

Primeiro, você precisa instalar e ativar o plugin SeedProd. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, você deve inserir sua chave de licença. Você pode encontrar essas informações em sua conta no site do SeedProd.

Depois disso, você precisará usar o SeedProd para criar facilmente um tema WordPress personalizado.

Criando um Tema WordPress Personalizado

Você encontrará o construtor de temas do SeedProd navegando até a página SeedProd » Theme Builder. Aqui, você usará um dos kits de sites ou modelos prontos do SeedProd como ponto de partida. Isso substituirá seu tema WordPress existente por um novo design personalizado.

Você pode fazer isso clicando no botão ‘Themes’.

Será exibida uma lista de temas projetados profissionalmente para diferentes tipos de sites. Por exemplo, existem modelos chamados 'Negócios Modernos', 'Agência de Marketing' e 'Tema para Corretor de Hipotecas'.

Dê uma olhada nas opções e selecione aquela que melhor atende às suas necessidades clicando no ícone de marca de seleção.

Depois de escolher um tema, o SeedProd gerará todos os modelos de tema de que você precisa. Agora, você pode criar um modelo personalizado de anexos únicos.

Criando um Modelo de Anexos Personalizado

Por padrão, não há um modelo de anexo, e o modelo de Postagem Única será usado para anexos como este.

Corrigiremos isso criando um novo modelo de Anexo. Usaremos o modelo de Postagem Única como ponto de partida para que o novo modelo seja consistente com seu tema.

Para fazer isso, você precisa passar o mouse sobre o modelo Postagem Única Duplicar Postagem Única até que alguns links apareçam. Agora você deve clicar no link 'Duplicar' para criar uma cópia desse modelo.

Agora você verá um novo modelo chamado 'Postagem Única - Cópia' no topo da lista.

Simplesmente aponte o mouse sobre o novo modelo e clique no link 'Editar Condições' que aparece.

Uma janela aparecerá, permitindo que você altere as configurações do modelo. Você pode começar dando a ele o nome 'Anexos'.

Em seguida, você precisa definir as condições em que este modelo será usado. Na seção 'Condições', deixe a primeira configuração como 'Incluir' e, em seguida, selecione 'É Anexo' no segundo menu suspenso.

Depois disso, você terá que dar uma prioridade ao modelo. O modelo Postagem Única tem uma prioridade de 0, então você precisa dar a este modelo uma prioridade maior para que ele seja usado em vez disso para todas as páginas correspondentes. Para este tutorial, atribuiremos uma prioridade de 5.

Assim que terminar, certifique-se de clicar no botão ‘Salvar’ para armazenar as novas configurações.

Agora, é hora de personalizar o design e o conteúdo do modelo. Você pode fazer isso clicando no link ‘Editar Design’.

Isso abrirá o construtor de páginas do SeedProd. Aqui, você pode adicionar novo conteúdo arrastando blocos para a página e reorganizando o conteúdo usando arrastar e soltar.

Você pode acessar as configurações de qualquer bloco clicando nele e, quando passar o mouse sobre um bloco, poderá excluí-lo clicando no ícone de Lixeira.

Para este tutorial, excluiremos os dois blocos na parte superior da página relacionados ao blog e arrastaremos o bloco Informações do Post para que fique abaixo da imagem.

Também excluiremos a seção de comentários na parte inferior da página. Quando terminar, certifique-se de clicar no botão ‘Salvar’ na parte superior da página. Depois disso, você pode fechar o construtor de páginas clicando no botão ‘X’ no canto superior direito.

Agora você se encontrará de volta à lista de modelos. Você precisará ativar o novo modelo alternando o controle deslizante ‘Publicado’ para a posição ligada.

Agora você pode visualizar uma página de anexo em seu site para ver as alterações.

Criando um Modelo Personalizado de Anexo Único Usando Código

Este método é mais avançado e você terá que adicionar código aos arquivos de modelo do seu tema WordPress. Se você nunca fez isso antes, consulte nosso guia sobre como copiar e colar código no WordPress.

Você perderá muitas das personalizações do seu tema ao instalar uma atualização. Recomendamos que você evite isso criando um tema filho e personalizando-o em vez disso. Você pode aprender mais em nosso guia sobre como atualizar um tema WordPress sem perder personalizações.

Criando um Arquivo de Modelo de Anexo

Primeiro, você precisa escolher um modelo que irá personalizar. Para alterar a aparência de todos os anexos, você terá que personalizar o attachment.php.

No entanto, se você quiser personalizar apenas suas imagens ou vídeos, precisará editar image.php ou video.php.

Em seguida, veja se o seu tema já contém esses arquivos de modelo. Por exemplo, você encontrará os modelos para o tema Twenty Twenty-One visitando a pasta wp/content/themes/twentytwentyone no gerenciador de arquivos da sua hospedagem WordPress.

Podemos ver que o tema Twenty Twenty-One tem um modelo image.php, mas não um modelo attachment.php.

Se o seu tema não tiver o modelo que você deseja personalizar, você terá que criá-lo. Simplesmente salve um arquivo em branco com o nome de arquivo que você precisa.

Em seguida, copie o conteúdo do arquivo single.php para o seu novo arquivo em branco e salve-o. Isso garantirá que seu modelo de anexo seja visualmente consistente com o restante do seu site.

Agora você tem um novo modelo de anexo, mas até agora, suas páginas de anexo parecerão as mesmas de antes. É hora de fazer algumas personalizações.

Personalizando o Arquivo do Modelo de Anexo

Agora, você pode personalizar sua página de anexos fazendo alterações no código do modelo. O arquivo de modelo é como qualquer outro arquivo de tema no WordPress. Você pode adicionar qualquer HTML, tags de modelo ou código PHP a este arquivo.

Você pode baixar o modelo para o seu computador e abri-lo em qualquer editor de texto, como o Bloco de Notas. Quando terminar de modificar o código, basta salvar o arquivo e carregá-lo de volta para a pasta do seu tema usando FTP.

Aqui estão alguns exemplos de como você pode personalizar o modelo image.php do tema Twenty Twenty-One. É assim que ele fica antes de fazermos qualquer alteração.

A página começa com o título da imagem, seguido pela própria imagem e uma legenda. Depois disso, você encontrará uma descrição da imagem e outros detalhes sobre ela. Finalmente, a seção de comentários é exibida.

Você pode reorganizar a ordem em que essas seções são exibidas. Por exemplo, você pode mover o código da imagem para cima do título.

Você também pode remover a legenda da imagem simplesmente excluindo as linhas de código que a exibem.

Veja como a página de anexo fica agora.

Se preferir não permitir que seus visitantes deixem comentários em suas imagens, você pode remover a seção de comentários completamente.

Simplesmente exclua as linhas de código perto do final que exibem a seção de comentários.

Bônus: Adicionar Anexo de Postagem como Imagem Destacada no WordPress

A maioria dos temas do WordPress exibe miniaturas ao lado das postagens do blog em seu site. No entanto, se você acabou de mudar de um tema que não suportava esse recurso, terá muito espaço em branco na sua página do blog.

Como leva tempo para criar imagens em destaque para todas as postagens publicadas, você pode usar anexos de postagem como miniaturas. Isso aumentará o tráfego do blog e o engajamento do usuário.

Para fazer isso, instale e ative o plugin Auto Featured Image. Depois disso, visite a página Auto Featured Image » Settings e selecione a opção 'Find in post' no menu suspenso 'Generation Method'.

Em seguida, desmarque a opção 'Pages' na seção 'Generate for Post Types'.

Em seguida, mude para a seção 'Generate Images' no topo e escolha a opção 'Posts' no menu suspenso 'Post Type'.

O plugin agora exibirá o número de postagens que não possuem uma imagem em destaque. Aqui, clique no botão 'Generate Featured Images'.

Agora, todas as postagens do blog que não tiverem uma imagem destacada exibirão automaticamente a primeira imagem anexada como miniatura. Para mais detalhes, veja nosso tutorial sobre como adicionar anexos de postagem como imagens destacadas no WordPress.

Esperamos que este tutorial tenha ajudado você a aprender como criar um modelo personalizado de anexos únicos no WordPress. Você também pode querer aprender como despublicar uma página do WordPress ou conferir nossa lista de páginas importantes que todo blog deveria ter.

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.