Så här add to attachment file type icons i WordPress (Easy Tutorial)

Våra läsare frågar oss ofta om det är möjligt att visa ikoner för bifogade filer i WordPress. Om du lägger till filikoner kan du hjälpa användarna att snabbt identifiera vilken typ av fil de laddar ner.

Att använda ikoner för bifogade filer är ett enkelt sätt att göra din webbplats mer användarvänlig. Det ger visuella ledtrådar som hjälper besökarna att förstå ditt innehåll bättre.

På WPBeginner har vi använt olika ikoner på hela vår webbplats för att förbättra användarupplevelsen. Från ikoner för sociala medier till filbilagor, ikoner gör navigeringen tydligare och mer intuitiv.

I den här guiden visar vi dig hur du enkelt lägger till ikoner för bifogade filer i WordPress. Med våra steg kan du visa filikoner som matchar typen av filer på din webbplats.

När du behöver attachment-fil icons i WordPress

Som standard tillåter WordPress dig att uploada images, ljud, videoklipp och andra documents. Du kan även aktivera ytterligare filtyper för upload i WordPress.

När du laddar upp en fil via mediauppladdaren och addar den till en post eller page, kommer WordPress att försöka embedda filen som om det vore en image, ljud, video eller i ett format som stöds.

För alla andra filer lägger den bara till ett filnamn som plain text och länkar det till download- eller bilagssidan.

I ovanstående screenshot har vi lagt till en PDF- och en Docx-fil. Det är dock svårt för en användare att gissa vilken typ av fil de skulle ladda ner.

Om du regelbundet uploadar olika filtyper kanske du vill visa en icon bredvid linken. På så sätt kan dina användare enkelt hitta den filtyp de letar efter.

Med detta sagt, låt oss se hur du add to attachment file icons i WordPress för olika filtyper.

Metod 1: Add Attachment File Icons i WordPress med hjälp av plugin

Det enklaste sättet att lägga till filtypsikoner är genom att använda ett WordPress tillägg som gillar MimeTypes Link Icons. Det är ett gratis plugin som är mycket användarvänligt och låter dig add to icons för olika filtyper.

Det första du behöver göra är att installera och aktivera MimeTypes Link Icons plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Efter aktivering måste du besöka Settings ” MimeType Icons page för att konfigurera plugin-inställningarna.

Pluginet allow you to choose the icon size, as well as between PNG and GIF icons. Därefter måste du välja inriktningen på ikonen och vilka filtyper som ska visa ikonen.

Efter det kan du rulla ner och välja icons som ska visas på din website. Till exempel finns det icons för filtyper som gillar PDF, PPT, CSV, AVI, RPM, TXT och mer.

Därefter kan du rulla ner till Advanced Settings section.

Här hittar du alternativet att visa filstorlek bredvid länken för download. Det är avstängt som standard, eftersom det kan vara resurskrävande.

När du är klar ska du komma ihåg att klicka på knappen “Save Changes” för att spara dina inställningar.

Du kan nu edit ett post eller en page och add to en fil download link med hjälp av media uppladdaren. Helt enkelt preview your post, och du kommer att se fil iconen bredvid download länken.

Metod 2: Använda Icon Fonts för Attachment-filer i WordPress

I den här metoden kommer vi att använda ett icon font för att visa en icon bredvid attachment filens link.

Det första du behöver göra är att installera och aktivera pluginet Font Awesome. Om du behöver hjälp, vänligen se vår guide om hur du installerar ett plugin för WordPress.

Efter aktivering kan du heada till Settings ” Font Awesome page från din WordPress dashboard. Här kan du editera de allmänna inställningarna för pluginet, som att välja om det ska använda Pro eller gratis icons.

Därefter kan du redigera ett post eller en sida där du vill lägga till en länk till en bilaga.

När du är i content editor måste du enter HTML-koden för den icon som du vill visa.

För att hitta den HTML-koden kan du besöka Font Awesome icon library website. Sök helt enkelt efter en icon i sökfältet och klicka sedan på imagen.

Därefter kommer du att se olika variationer av iconen och dess HTML-kod.

Gå vidare och clicka på koden för att kopiera den.

Efter det kan du gå tillbaka till din websites WordPress content editor och clicka på “+”-tecknet för att add to ett Custom HTML block.

Härifrån klistrar du helt enkelt in koden för din icon i blocket.

När du är klar, gå vidare och publicera eller updating din page.

You can now visit your website to see the newly added icon for the attachment file type.

Bonus: Sälj digitala filer för att tjäna pengar online

Nu när du vet hur man add to attachment file type icons, kan du gå ett steg längre och sälja olika filer som digitala downloads. This allows you to make money online or encourage users to sign up for your newsletter in exchange for a gratis resource.

Det bästa sättet att sälja digitala produkter är genom att använda Easy Digital Downloads. Det är en av de bästa plattformarna för e-handel för WordPress, och den är mycket enkel att använda och konfigurera.

Vi använder det för några av våra företag. Du kan lära dig mer om det i vår kompletta Easy Digital Downloads granskning.

Easy Digital Downloads integreras enkelt med olika betaltjänster som PayPal och Stripe.

Förutom det kan du helt enkelt ladda upp digitala filer som du gillar att sälja och börja tjäna pengar online.

Pluginet låter dig add to details som en rubrik och description, ställa in priset för download, välja en download image, och mer.

För mer detaljer, vänligen se vår guide om hur du säljer digitala downloads i WordPress.

Bonusresurser:

Här följer några ytterligare användbara resurser som du kan ha nytta av när du hanterar din WordPress-webbplats och media:

• Så här använder du WordPress för dokumenthantering eller filhantering
• Så här hittar du dina sparade utkast i WordPress (nybörjarguide)
• Så här laddar du upp PDF-filer till din WordPress-webbplats
• Så här kopplar du ihop flera WordPress-webbplatser (3 sätt)

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till ikoner för bifogade filer i WordPress. Du kanske också vill se vår przewodnik om hur du bäddar in PDF-filer, kalkylblad och andra filer i WordPress-blogginlägg och vårt expertval av de bästa plugins för aktivitetslogg och spårning i WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.