Slik legger du til vedleggsfiltype-ikoner i WordPress

Har du sett nettsteder som viser filikoner ved siden av nedlastingslinkene? Nylig spurte en av våre lesere om det var mulig å vise vedleggsfilikoner i WordPress. Ja det er, og det er ganske enkelt. I denne artikkelen vil vi vise deg hvordan du legger til vedleggsfilikoner i WordPress.

Når du trenger tilleggsfilikoner i WordPress

Som standard kan WordPress laste opp bilder, lyd, video og andre dokumenter. Du kan også tillate at flere filtyper lastes opp i WordPress.

Når du laster opp en fil gjennom medieopplasteren og legger den til et innlegg eller en side, vil WordPress prøve å legge inn filen hvis den er et bilde, en lyd, en video eller et filformat som støttes.

For alle andre filer, vil det bare legge til et filnavn som ren tekst og lenke den til nedlastings- eller vedleggssiden.

I ovenstående skjermbilde har vi lagt til en PDF og en Docx-fil. Det er imidlertid vanskelig for en bruker å gjette hvilken fil de laster ned.

Hvis du regelmessig laster opp forskjellige filtyper, kan du kanskje vise et ikon ved siden av koblingen, slik at brukerne enkelt kan finne filtypen de leter etter.

Når det er sagt, la oss se hvordan du legger til vedleggsfiler i WordPress for forskjellige filtyper.

Metode 1: Legg til vedleggsfilikoner i WordPress ved hjelp av plugin

Første du må gjøre er å installere og aktivere MimeTypes Link Icons plugin. For mer informasjon, se vår trinnvise veiledning om hvordan du installerer et WordPress-plugin.

Ved aktivering må du besøke Innstillinger »MimeType Ikoner side for å konfigurere plugininnstillinger.

Pluggen lar deg velge ikonstørrelse. Du kan også velge mellom png og gif ikoner. Deretter må du velge ikonjusteringen og hvilke filtyper som vil vise ikonet.

Under de avanserte alternativene kan du aktivere CSS-klasser for å skjule ikoner. Filnedlastingskoblinger innpakket i disse CSS-klassene vil ikke vise ikonene.

Nedenfor finner du muligheten til å vise filstørrelse ved siden av nedlastingskoblingen. Den er slått av som standard, da det kan være ressursintensivt. Men hvis du vil, kan du aktivere det og også aktivere alternativet 'Cache hentet filstørrelser'.

Ikke glem å klikke på Lagre endringer-knappen for å lagre innstillingene dine.

Du kan nå redigere et innlegg eller en side og legge til en filnedlastingslink ved hjelp av mediaopplasting. Forhåndsvis ditt innlegg, og du vil se filikonet ved siden av nedlastingskoblingen.

Metode 2: Bruke ikonfonter for vedleggsfiler i WordPress

I denne metoden bruker vi et ikonfonter for å vise et ikon ved siden av vedleggsfilkoblingen.

Første du trenger å gjøre er å installere og aktivere det beste plugin-programmet.

Ved aktivering kan du redigere et innlegg eller en side der du vil legge til en vedleggslink.

Du vil legge merke til den nye 'Sett inn ikon'-knappen øverst på postredigereren. Hvis du klikker på det, vises en popup der du kan søke og velge ikonet du vil legge til.

Font Awesome kommer med tonnevis av ikoner og har ikoner for de mest brukte filtyper. Klikk på ikonet du vil legge til, og pluginet legger automatisk til ønsket koden i postredigereren.

Nå kan du laste opp filen og sette inn i post ved hjelp av mediaopplasting.

Du kan også legge til din egen tilpassede CSS for et filikon ved å legge til din egen css-klasse til kortnummeret slik:

[ikonnavn = "fil-pdf-o" class = "" unprefixed_class = "pdf-ikon"]

Du kan nå bruke .pdf-ikonet klassen for å endre ikonstørrelse, farge og stil den til dine egne behov.

Vi håper denne artikkelen hjalp deg med å lære hvordan du legger til vedleggsfilikoner i WordPress. Du kan også se vår guide om hvordan du legger inn PDF, regneark og andre i WordPress-blogginnlegg.

Hvis du likte denne artikkelen, vennligst abonner på vår YouTube Channel for WordPress-videoopplæringsprogrammer. Du kan også finne oss på Twitter og Facebook.