Så här lägger du till ikoner för bilagstyp i WordPress

Har du sett webbplatser som visar filikoner bredvid nedladdningslänkarna? Nyligen frågade en av våra läsare om det var möjligt att visa bifogade filikoner i WordPress. Ja det är det, och det är ganska enkelt. I den här artikeln kommer vi att visa dig hur du lägger till bilagor ikoner i WordPress.

När du behöver bifogade filikoner i WordPress

Som standard tillåter WordPress att ladda upp bilder, ljud, video och andra dokument. Du kan också tillåta ytterligare filtyper att laddas upp i WordPress.

När du laddar upp en fil via mediauppladdaren och lägger till den till ett inlägg eller en sida, försöker WordPress att bädda in filen om den är en bild, ett ljud, en video eller ett filformat som stöds.

För alla andra filer lägger det bara till ett filnamn som vanlig text och länkar den till nedladdnings- eller bilagan.

I ovanstående skärmdump har vi lagt till en PDF och en Docx-fil. Det är dock svårt för en användare att gissa vilken fil de hämtar.

Om du regelbundet överför olika filtyper kanske du vill visa en ikon bredvid länken, så att dina användare enkelt kan hitta den filtyp de letar efter.

Med det sagt, låt oss se hur du lägger till bilagor ikoner i WordPress för olika filtyper.

Metod 1: Lägg till bifogade filikoner i WordPress Använda Plugin

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

Vid aktivering måste du besöka Inställningar »MimeType-ikoner sida för att konfigurera insticksinställningar.

I plugin kan du välja ikonstorlek. Du kan också välja mellan png och gif ikoner. Därefter måste du välja ikoninriktningen och vilka filtyper som ska visas ikonen.

Under avancerade alternativ kan du aktivera CSS-klasser för att dölja ikoner. Filhämtningslänkar som är inslagna i dessa CSS-klasser kommer inte att visa ikonerna.

Nedan hittar du alternativet att visa filstorlek bredvid nedladdningslänken. Den är avstängd som standard, eftersom den kan vara resursintensiv. Men om du vill kan du aktivera det och även aktivera alternativet "Cache hämtade filstorlekar".

Glöm inte att klicka på knappen Spara ändringar för att spara dina inställningar.

Du kan nu redigera ett inlägg eller en sida och lägga till en filhämtningslänk med hjälp av mediauppladdare. Förhandsgranska ditt inlägg och du kommer att se filikonen bredvid nedladdningslänken.

Metod 2: Använda ikonfonter för bifogade filer i WordPress

I den här metoden använder vi en ikonstyp för att visa en ikon bredvid bifogad fillänk.

Det första du behöver göra är att installera och aktivera det bästa plugin-programmet.

Vid aktivering kan du redigera ett inlägg eller en sida där man vill lägga till en bifogad länk.

Du kommer att märka den nya knappen "Infoga ikon" ovanpå postredigeraren. Genom att klicka på den visas en popup där du kan söka och välja ikonen du vill lägga till.

Font Awesome kommer med massor av ikoner och har ikoner för de vanligaste filtyperna. Klicka på ikonen du vill lägga till och plugin lägger automatiskt till önskad kortnummer i postredigeraren.

Nu kan du ladda upp din fil och lägga in i post med hjälp av media uppladdare.

Du kan också lägga till din egen anpassade CSS för en filikoll genom att lägga till din egen css-klass i kortnummeret så här:

[ikonnamn = "file-pdf-o" class = "" unprefixed_class = "pdf-ikon"]

Du kan nu använda .pdf-icon klass för att ändra ikonstorlek, färg och anpassa den till dina egna behov.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till bilagor ikoner i WordPress. Du kanske också vill se vår guide om hur du bäddar in PDF, kalkylblad och andra i WordPress-blogginlägg.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.