Como adicionar ícones de tipo de arquivo anexo no WordPress (tutorial fácil)

Recentemente, um de nossos leitores perguntou se era possível exibir ícones de arquivos anexos no WordPress. É possível exibir facilmente ícones diferentes para que os usuários saibam que tipo de arquivo estão baixando do seu site.

Na WPBeginner, usamos diferentes ícones em nosso site, desde ícones sociais até ícones que mostram inscrições de e-mail, logotipos do WordPress, configurações e muito mais. Portanto, sabemos algumas coisas sobre como adicionar diferentes tipos de ícones no WordPress.

Neste artigo, mostraremos como adicionar ícones de arquivos anexos no WordPress.

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.

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.

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.

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.