Nossos leitores frequentemente nos perguntam se é possível exibir ícones de arquivos anexados no WordPress. Adicionar ícones de arquivo pode ajudar os usuários a identificar o tipo de arquivo que estão baixando rapidamente.
Usar ícones de arquivos anexados é uma maneira simples de tornar seu site mais amigável. Ele adiciona pistas visuais que ajudam os visitantes a entender melhor seu conteúdo.
Na WPBeginner, usamos vários ícones em nosso site para melhorar a experiência do usuário. De ícones de mídia social a anexos de arquivo, os ícones tornam a navegação mais clara e intuitiva.
Neste guia, mostraremos como adicionar facilmente ícones de arquivos anexados no WordPress. Com nossos passos, você pode exibir ícones de arquivo que correspondem ao tipo de arquivos em seu site.
Quando Você Precisa de Ícones de Arquivos Anexados 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 habilitar tipos de arquivo adicionais para serem enviados no WordPress.
Quando você envia um arquivo através do uploader de mídia e o adiciona a uma postagem ou página, o WordPress tentará incorporar o arquivo como se fosse uma imagem, áudio, vídeo ou em um formato de arquivo suportado.
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 um usuário adivinhar qual tipo de arquivo eles estariam baixando.
Se você envia regularmente diferentes tipos de arquivo, então você pode querer exibir um ícone ao lado do link. Dessa forma, seus usuários podem encontrar facilmente o tipo de arquivo que estão procurando.
Dito isso, vamos ver como adicionar ícones de arquivos anexados no WordPress para diferentes tipos de arquivo.
Método 1: Adicionar Ícones de Arquivos Anexados no WordPress Usando um Plugin
A maneira mais fácil de adicionar ícones de tipos de arquivo é usando um plugin do WordPress como o MimeTypes Link Icons. É um plugin gratuito, muito fácil de usar e permite adicionar ícones para diferentes tipos de arquivo.
A primeira coisa que você precisa fazer é instalar e ativar o plugin MimeTypes Link Icons. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.
ℹ️Observação: A página de download do plugin pode indicar 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 esperado. Por favor, leia nosso artigo sobre instalar plugins não testados com sua versão do WordPress.
Após a ativação, você precisa visitar a página Configurações » Ícones de MimeType para configurar as opções do plugin.
O plugin 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, existem ícones para tipos de arquivo como PDF, PPT, CSV, AVI, RPM, TXT e muito mais.
Em seguida, você pode rolar para baixo até a seção Configurações Avançadas.
Aqui, você encontrará a opção de mostrar o tamanho do arquivo ao lado do link de download. Ele está desativado por padrão, pois pode consumir muitos recursos.
Quando terminar, lembre-se de clicar no botão ‘Salvar Alterações’ para salvar suas configurações.
Agora você pode editar um post ou página e adicionar um link de download de arquivo usando o carregador de mídia. Simplesmente visualize seu post e você verá o ícone do arquivo ao lado do link de download.
Método 2: Usando Fontes de Ícones para Arquivos Anexos no WordPress
Neste método, usaremos uma fonte de ícones para exibir um ícone ao lado do link do arquivo anexo.
A primeira coisa que você precisa fazer é instalar e ativar o plugin Font Awesome. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.
Após a ativação, você pode ir para a página Configurações » Font Awesome no seu painel do WordPress. Aqui, você pode editar as configurações gerais do plugin, como escolher se ele deve usar ícones pro ou gratuitos.
Em seguida, você pode editar uma postagem ou página onde deseja adicionar um link de anexo.
Uma vez que você esteja no editor de conteúdo, você deve inserir o código HTML para o ícone que deseja exibir.
Para encontrar esse código HTML, você pode visitar o site da biblioteca de ícones do Font Awesome. Simplesmente pesquise por um ícone na barra de pesquisa e clique 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 retornar ao editor de conteúdo do WordPress do seu site e clicar no sinal de ‘+’ para adicionar um bloco de HTML Personalizado.
A partir daqui, basta colar o código do seu ícone no bloco.
Quando terminar, publique ou atualize sua página.
Agora você pode visitar seu site para ver o ícone recém-adicionado para o tipo de arquivo de anexo.
Bônus: Venda Arquivos Digitais para Ganhar Dinheiro Online
Agora que você sabe como adicionar ícones de tipos de arquivo anexados, você pode ir um passo além e vender diferentes arquivos como downloads digitais. Isso permite que você ganhe dinheiro online ou incentive os usuários a se inscreverem em sua newsletter em troca de um recurso gratuito.
A melhor maneira de vender produtos digitais é usando o Easy Digital Downloads. É uma das melhores plataformas de eCommerce para WordPress, e é muito fácil de usar e configurar.
Nós o usamos para alguns de nossos negócios. Você pode aprender 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 online.
O plugin permite que você adicione detalhes como um título e descrição, defina o preço do download, escolha uma imagem de download e muito mais.
Para mais detalhes, por favor, veja nosso guia sobre como vender downloads digitais no WordPress.
Recursos Bônus:
Os seguintes são alguns recursos úteis adicionais que você pode achar úteis na gestão do seu site WordPress e mídia:
- Como Usar o WordPress para Gerenciamento de Documentos ou Arquivos
- Como Encontrar Seus Rascunhos Salvos no WordPress (Guia para Iniciantes)
- Como Fazer Upload de Arquivos PDF para o 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. Você também pode querer ver nosso guia sobre como incorporar PDFs, planilhas e outros arquivos em posts de blog do WordPress e nossa seleção especializada dos melhores plugins de log de atividade e rastreamento do 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.
Mrteesurez
Este tutorial é útil! Adicionar ícones de tipo de arquivo realmente melhora a experiência do usuário, facilitando para os visitantes identificarem anexos antes de baixá-los.
Eu fiz isso no meu site, e isso instantaneamente fez meu conteúdo parecer mais profissional. Seu guia passo a passo torna o processo tão simples. Quero perguntar como adicionar ícones afeta o tempo de carregamento da página do meu site?
WPBeginner Support
Não deve ter um grande efeito na velocidade do seu site.
Admin
Mrteesurez
Obrigado pela resposta. Perguntei porque usar ícones geralmente requer o download ou carregamento de bibliotecas de fontes como Font Awesome ou Google Fonts, o que pode impactar a velocidade de um site. Agradeço por me informar que isso não tem um grande efeito na velocidade do meu site.
Isha Singh
Não estou familiarizado com o WordPress. Mas enquanto leio seu post, parece que sei tudo sobre o WordPress.
Enc
Você está recomendando seriamente um plugin que não é atualizado há um ano?
WPBeginner Support
Sim, estamos. Por favor, veja nosso artigo você deve instalar plugins não testados com sua versão do WordPress para mais informações sobre este tópico.
Admin