Nossos leitores frequentemente nos perguntam se é possível mostrar ícones de arquivos anexos no WordPress. A adição de ícones de arquivos pode ajudar os usuários a identificar rapidamente o tipo de arquivo que estão baixando.
Usar ícones de arquivos anexos é uma maneira simples de tornar seu site mais fácil de usar. Ele adiciona dicas visuais que ajudam os visitantes a entender melhor seu conteúdo.
Na WPBeginner, usamos vários ícones em todo o nosso site para melhorar a experiência do usuário. De ícones de mídia social a anexos de arquivos, os ícones tornam a navegação mais clara e intuitiva.
Neste guia, mostraremos como adicionar facilmente ícones de arquivos anexos no WordPress. Com nossas etapas, você pode exibir ícones de arquivos que correspondam ao tipo de arquivo em seu site.

Quando você precisa de ícones de arquivos anexos no WordPress
Por padrão, o WordPress permite que você faça upload de imagens, áudio, vídeo e outros documentos. Você também pode permitir que tipos de arquivos adicionais sejam carregados no WordPress.
Ao fazer upload de um arquivo por meio do carregador de mídia e adicioná-lo a um post ou página, o WordPress tentará incorporar o arquivo como se fosse uma imagem, áudio, vídeo ou em um formato de arquivo compatível.
Para todos os outros arquivos, ele apenas adicionará um nome de arquivo como texto simples e o vinculará à página de download ou anexo.

Na captura de tela acima, adicionamos um arquivo PDF e um arquivo Docx. No entanto, é difícil para o usuário adivinhar que tipo de arquivo está sendo baixado.
Se você carrega regularmente diferentes tipos de arquivos, talvez queira exibir um ícone ao lado do link. Dessa forma, seus usuários poderão encontrar facilmente o tipo de arquivo que estão procurando.
Dito isso, vamos ver como adicionar ícones de arquivos anexos no WordPress para diferentes tipos de arquivos.
Método 1: Adicionar ícones de arquivos anexos no WordPress usando o plug-in
A maneira mais fácil de adicionar ícones de tipos de arquivos é usar um plug-in do WordPress, como o MimeTypes Link Icons. Trata-se de um plug-in gratuito muito fácil de usar e que permite adicionar ícones para diferentes tipos de arquivos.
A primeira coisa que você precisa fazer é instalar e ativar o plug-in MimeTypes Link Icons. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
ℹ️Note: A página de download do plug-in pode mostrar que ele não foi testado ou atualizado há algum tempo. Nós o testamos em nossos sites de demonstração e descobrimos que ele funciona como pretendido. Leia nosso artigo sobre a instalação de plug-ins não testados com sua versão do WordPress.
Após a ativação, você precisa visitar a página Settings ” MimeType Icons para definir as configurações do plug-in.

O plug-in permite que você escolha o tamanho do ícone, bem como entre ícones PNG e GIF. Em seguida, você precisa escolher o alinhamento do ícone e quais tipos de arquivo exibirão o ícone.
Depois disso, você pode rolar para baixo e selecionar os ícones a serem exibidos em seu site. Por exemplo, há ícones para tipos de arquivos como PDF, PPT, CSV, AVI, RPM, TXT e outros.

Em seguida, role para baixo até a seção Advanced Settings (Configurações avançadas).
Aqui, você encontrará a opção de mostrar o tamanho do arquivo ao lado do link de download. Ela é desativada por padrão, pois pode consumir muitos recursos.

Quando terminar, lembre-se de clicar no botão “Save Changes” (Salvar alterações) para salvar suas configurações.
Agora é possível editar uma postagem ou página e adicionar um link de download de arquivo usando o carregador de mídia. Basta visualizar sua postagem e você verá o ícone de arquivo ao lado do link de download.

Método 2: Usar fontes de ícones para arquivos anexos no WordPress
Nesse método, usaremos uma fonte de ícone para exibir um ícone ao lado do link do arquivo anexo.
A primeira coisa que você precisa fazer é instalar e ativar o plug-in Font Awesome. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.
Após a ativação, você pode ir para a página Configurações ” Font Awesome no painel do WordPress. Aqui, você pode editar as configurações gerais do plug-in, como escolher se ele deve usar ícones profissionais ou gratuitos.

Em seguida, você pode editar um post ou página onde deseja adicionar um link de anexo.
Quando estiver no editor de conteúdo, você deverá inserir o código HTML do ícone que deseja exibir.
Para encontrar esse código HTML, você pode visitar o site da biblioteca de ícones do Font Awesome. Basta procurar um ícone na barra de pesquisa e clicar na imagem.

Em seguida, você verá diferentes variações do ícone e seu código HTML.
Clique no código para copiá-lo.

Depois disso, você pode voltar ao editor de conteúdo do WordPress do seu site e clicar no sinal “+” para adicionar um bloco HTML personalizado.
A partir daí, basta colar o código do seu ícone no bloco.

Quando terminar, vá em frente e publique ou atualize sua página.
Agora você pode visitar seu site para ver o ícone recém-adicionado para o tipo de arquivo anexo.

Bônus: Venda arquivos digitais para ganhar dinheiro on-line
Agora que você sabe como adicionar ícones de tipo de arquivo anexo, pode ir além e vender diferentes arquivos como downloads digitais. Isso permite que você ganhe dinheiro on-line ou incentive os usuários a se inscreverem no seu boletim informativo em troca de um recurso gratuito.
A melhor maneira de vender produtos digitais é usar o Easy Digital Downloads. Essa é uma das melhores plataformas de comércio eletrônico para WordPress e é muito fácil de usar e configurar.
Nós o utilizamos em alguns de nossos negócios. Você pode saber mais sobre ele em nossa análise completa do Easy Digital Downloads.
O Easy Digital Downloads se integra facilmente a diferentes serviços de pagamento, como PayPal e Stripe.

Além disso, você pode simplesmente fazer upload de arquivos digitais que gostaria de vender e começar a ganhar dinheiro on-line.
O plug-in permite que você adicione detalhes como título e descrição, defina o preço do download, escolha uma imagem de download e muito mais.

Para obter mais detalhes, consulte nosso guia sobre como vender downloads digitais no WordPress.
Recursos de bônus:
Veja a seguir alguns recursos úteis adicionais que podem ser úteis no gerenciamento do seu site e da mídia do WordPress:
- Como usar o WordPress para gerenciamento de documentos ou de arquivos
- Como encontrar seus rascunhos salvos no WordPress (guia para iniciantes)
- Como fazer upload de arquivos PDF em seu site WordPress
- Como conectar vários sites WordPress juntos (3 maneiras)
Esperamos que este artigo tenha ajudado você a aprender como adicionar ícones de arquivos anexos no WordPress. Talvez você também queira ver nosso guia sobre como incorporar PDFs, planilhas e outros arquivos em publicações de blog do WordPress e nossa seleção especializada dos melhores plug-ins de registro e rastreamento de atividades do WordPress.
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.
Isha Singh
I am not familiar with the WordPress. But while I am going through your post, It seems like I know everything about the WordPress.
Enc
You are seriously recommending a plugin that hasn´t been updated for a year?
WPBeginner Support
Yes, we are. Please see our article should you install plugins not tested with your WordPress version for more on this topic.
Admin