Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Você já viu sites que mostram ícones de arquivos ao lado dos links de download?

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.

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

How to add attachment file type icons in 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.

View download links

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.

Mimetype general settings

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.

Select file type icons

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.

Advanced settings mimetype

Quando terminar, não se esqueça de clicar no botão “Save Changes” (Salvar alterações) para armazenar 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.

View file type icons

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.

Font awesome settings

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.

Search for font icon

Em seguida, você verá diferentes variações do ícone e seu código HTML.

Clique no código para copiá-lo.

Copy the icon code

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.

Add custom HTML block

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.

View attachment file type icon

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, muito fácil de usar e configurar.

O Easy Digital Downloads se integra facilmente a diferentes serviços de pagamento, como PayPal e Stripe.

How to accept payments online with Easy Digital Downloads

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.

Adding a new digital download product

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 os melhores plug-ins do WordPress para pequenas empresas.

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

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

Reader Interactions

4 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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.

  3. Enc

    You are seriously recommending a plugin that hasn´t been updated for a year?

Deixe uma resposta

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