Font Awesome til din Fotoside: Gratis vs Pro

Ikoner er en fantastisk måde at tilføje visuel interesse og forbedre brugeroplevelsen på din hjemmeside, især for en fotograf, der ønsker at præsentere sit arbejde professionelt. Font Awesome er et populært bibliotek af ikoner, der bruges af millioner af websteder. Men med forskellige versioner og måder at bruge det på, opstår spørgsmål ofte: Er Font Awesome stadig gratis? Og hvordan integrerer man det bedst, især hvis du bruger WordPress til din fotoside?

Font Awesome tilbyder både en gratis version (Free) og en betalt version (Pro). Den gratis version giver adgang til et stort udvalg af ikoner, som er mere end tilstrækkeligt for mange brugere. Pro-versionen udvider dette udvalg betydeligt, inkluderer flere stilarter som Duotone og giver adgang til brugerdefinerede ikoner. Så svaret er ja, der er stadig en gratis version tilgængelig, men Pro-versionen tilbyder flere avancerede muligheder.

For WordPress-brugere er den officielle og anbefalede måde at bruge Font Awesome på via deres dedikerede plugin. Dette plugin er udviklet af Font Awesome-teamet selv og gør det nemt at tilføje ikoner til dine sider, indlæg og skabeloner uden at skulle dykke dybt ned i kode.

Font Awesome WordPress Plugin: Funktioner og Fordele

Det officielle Font Awesome plugin til WordPress er designet til at strømline processen med at bruge ikoner på din side. Det tilbyder en række praktiske funktioner:

• Understøttelse af Free og Pro: Du kan nemt vælge at bruge enten de gratis ikoner eller de betalte Pro-ikoner, afhængigt af din licens. Plugin'et understøtter den seneste udgivelse af ikoner, men giver også mulighed for at vælge en specifik tidligere udgivelse, hvis nødvendigt.
• Brugerdefinerede Ikoner (Pro): Hvis du har en Pro-licens, kan du bruge dine egne brugerdefinerede ikoner via dine Pro Kits.
• Fleksible Integrationsmetoder: Plugin'et giver dig mulighed for at bruge et Font Awesome Kit til at indlæse ikoner. Kits er den anbefalede metode, da de understøtter alle de nyeste stilarter, herunder Duotone, og brugerdefinerede ikoner. Alternativt kan du vælge at bruge Font Awesome CDN (Content Delivery Network) for Version 5 ikoner. Bemærk, at CDN-metoden kun understøtter Version 5 ikoner og ikke de nyeste Duotone eller brugerdefinerede ikoner via plugin'et.
• Bagudkompatibilitet: Hvis din side eller andre plugins/temaer stadig bruger den ældre Font Awesome Version 4 syntaks, kan plugin'et aktivere automatisk kompatibilitet for at sikre, at dine eksisterende ikoner stadig vises korrekt.
• Konflikthåndtering: En almindelig udfordring kan opstå, når flere plugins eller temaer på din side forsøger at indlæse forskellige versioner af Font Awesome. Dette kan føre til uventede visningsproblemer eller tekniske fejl. Plugin'et inkluderer værktøjer til at opdage og løse disse konflikter.

Sådan Bruger du Plugin'et på Din WordPress Side

Efter installation og aktivering af plugin'et (se installationstabs for detaljer, som ikke er inkluderet her), er det ligetil at begynde at tilføje ikoner til dit indhold.

Tilføj Ikoner i Block Editor

I den moderne Block Editor (Gutenberg) har du to primære måder at tilføje ikoner på:

1. Som Blokke: Vælg 'Font Awesome Icon' blokken, og klik derefter på knappen 'Choose Icon' for at åbne Icon Chooser.
2. Inline med Tekst: Marker den tekst, hvor ikonet skal indsættes, og vælg Font Awesome-indstillingen i formateringsværktøjslinjen for at åbne Icon Chooser. Bemærk, at inline ikoner kræver WordPress 6.3 eller nyere.

Når Icon Chooser er åben, kan du nemt finde og indsætte ikoner ved at:

• Søge efter ikonet efter navn, kategori eller søgeord.
• Ændre Family og Style ved hjælp af rullemenuerne for at vælge en anden stil (f.eks. Solid, Regular, Light, Duotone - sidstnævnte kræver Pro Kit).
• Klikke på det ønskede ikon for at indsætte det i dit indhold.

For at søge og tilføje Pro-ikoner i Icon Chooser skal du sørge for, at dit plugin er konfigureret til at bruge et Pro Kit.

Tilføj Ikoner i Classic Editor

Hvis du stadig bruger den klassiske WordPress-editor, kan du tilføje ikoner ved hjælp af ikonnavne i shortcodes eller standard HTML.

Ved Brug af Shortcodes

Tilføj et ikon ved hjælp af shortcodes i ethvert tekstområde. Du skal blot inkludere ikonets navn og eventuelt en stilpræfiks. Du behøver ikke inkludere 'fa-' delen af ikonnavnet. Hvis du ikke angiver et stilpræfiks, vil ikonet som standard bruge Classic Solid-stilen.

Eksempler på shortcodes:

[icon name="stroopwafel"]

(Dette vil bruge Classic Solid stil)

[icon name="stroopwafel" prefix="fa-sharp fa-light"]

(Dette vil bruge Sharp Light stil)

Ved Brug af Standard HTML

Du kan også bruge grundlæggende HTML med den standard Font Awesome syntaks, som du måske kender fra at bruge det uden plugin:

<i class="fa-solid fa-stroopwafel"></i>

Brug af Pro Ikoner og Funktioner

For at låse op for de fulde muligheder i Font Awesome Pro via plugin'et, herunder Duotone-stilarter og brugerdefinerede ikoner, anbefales det at bruge et Font Awesome Kit til at indlæse dine ikoner.

Sådan gør du:

1. Opret et Kit på FontAwesome.com.
2. I Kit Settings, vælg 'Pro icons'.
3. Find din API Token på din Font Awesome Account side.
4. Tilføj denne API Token i indstillingerne for Font Awesome WordPress plugin'et.

Hvis du vælger at bruge CDN til at indlæse dine ikoner (hvilket kun understøtter Version 5), skal du vide, at du kun kan bruge ikoner fra Version 5. For at muliggøre Pro-ikoner via CDN, skal du tilføje din sides domæne til listen over tilladte domæner på din Font Awesome CDN Settings side. Derefter kan du bruge shortcodes eller HTML til at tilføje ikonerne i dit indhold.

Fejlfinding med Plugin'et

Da Font Awesome er meget populært, indlæser mange temaer og plugins det også. Dette kan undertiden føre til konflikter, hvor forskellige versioner af Font Awesome indlæses samtidigt på din side, hvilket kan forårsage problemer med, hvordan ikonerne vises.

Plugin'et indeholder et nyttigt værktøj kaldet Conflict Detection Scanner for at hjælpe dig med at finde og forhindre disse konflikter.

Hvis plugin'et ser ud til at være konfigureret korrekt, men dine ikoner stadig ikke vises, eller der er andre problemer, kan du gå til fanen 'Troubleshoot'. Denne fane har to sektioner:

• Detect Conflicts with Other Versions of Font Awesome: Her kan du starte konfliktdetekteringsscanneren for at finde ud af, hvilke versioner af Font Awesome der indlæses på din side fra andre kilder.
• Versions of Font Awesome Active on Your Site: Denne sektion viser resultaterne fra scanneren og giver dig mulighed for at forhindre andre plugins eller temaer i at indlæse deres egne versioner af Font Awesome, hvilket løser konflikter.

Mere detaljeret information om brug af scanneren og fejlfinding findes i Font Awesome WordPress dokumentationen.

Konfiguration af Plugin'et

Som standard er plugin'et indstillet til at levere Font Awesome Free ikoner som en Web Font via Font Awesome CDN. For de fleste brugere, der blot ønsker de grundlæggende gratis ikoner, er det sandsynligvis ikke nødvendigt at ændre standardkonfigurationen.

Du kan justere CDN-indstillingerne direkte i plugin'et, hvis du har specifikke behov. For mere information om alle tilgængelige indstillinger og fejlfinding henvises til Font Awesome WordPress dokumentationen.

Opgradering fra Plugin Version 4

Hvis du opgraderer fra en ældre version af Font Awesome plugin'et (Version 4), skal du være opmærksom på, at [icon] shortcodes fundet i Block Editor-indhold og andre steder vil fortsætte med at fungere som før. Dog vil nye ikoner, der tilføjes med Icon Chooser i Block Editor, blive indsat som inline SVGs.

Eksisterende [icon] shortcodes konverteres ikke automatisk til det nye inline SVG-format. Hvis du ønsker at konvertere et ældre [icon] shortcode, skal du slette det og derefter tilføje ikonet igen ved hjælp af Icon Chooser i Block Editor.

Font Awesome Free vs. Pro

Valget mellem Free og Pro afhænger af dine behov. Her er en simpel sammenligning baseret på de nævnte funktioner i plugin-beskrivelsen:

Kits vs. CDN Indlæsning via Plugin

Plugin'et giver dig mulighed for at vælge, hvordan Font Awesome aktiveres på din side. Her er forskellene mellem at bruge et Kit og CDN, som beskrevet i plugin-funktionerne:

Ofte Stillede Spørgsmål

Er Font Awesome stadig gratis?

Ja, Font Awesome tilbyder stadig en gratis version kaldet Font Awesome Free, som indeholder et stort antal ikoner. De tilbyder også en betalt version, Font Awesome Pro, med flere ikoner og funktioner.

Er Font Awesome et plugin til WordPress?

Ja, Font Awesome-teamet tilbyder et officielt plugin til WordPress, der gør det nemt at integrere og bruge Font Awesome ikoner på din WordPress-baserede hjemmeside.

Kan jeg bruge Pro-ikoner med det officielle WordPress plugin?

Ja, det officielle plugin understøtter brugen af Pro-ikoner. For at få adgang til alle Pro-funktioner, herunder Duotone og brugerdefinerede ikoner, skal du konfigurere plugin'et til at bruge et Font Awesome Pro Kit og indtaste din API Token.

Hvordan tilføjer jeg ikoner i Block Editor med plugin'et?

Du kan tilføje ikoner som en dedikeret blok ('Font Awesome Icon') eller inline med tekst ved hjælp af formateringsværktøjslinjen. Begge metoder bruger Icon Chooser til at vælge ikonet.

Hvordan tilføjer jeg ikoner i Classic Editor med plugin'et?

I Classic Editor kan du bruge shortcodes (f.eks. [icon name="kamera"]) eller standard HTML (f.eks. <i class="fa-solid fa-kamera"></i>) til at tilføje ikoner.

Hvad skal jeg gøre, hvis ikonerne ikke vises korrekt på min side?

Plugin'et inkluderer en Conflict Detection Scanner, der kan hjælpe dig med at identificere og løse konflikter, der opstår, når flere kilder (temaer, andre plugins) indlæser Font Awesome. Gå til Troubleshoot-fanen i plugin-indstillingerne for at bruge dette værktøj.

Skal jeg bruge et Kit eller CDN til at indlæse ikoner via plugin'et?

Brug af et Kit er generelt den anbefalede metode, især hvis du bruger Font Awesome Pro, da det understøtter de nyeste stilarter som Duotone og brugerdefinerede ikoner. CDN-muligheden understøtter kun Version 5 ikoner via plugin'et.

Afsluttende Tanker

Font Awesome forbliver et uvurderligt værktøj for webdesignere og ejere af hjemmesider, herunder fotografer, der ønsker at tilføje professionelle og skalerbare ikoner til deres online tilstedeværelse. Med det officielle WordPress plugin er integrationen på din fotoside mere ligetil end nogensinde, uanset om du vælger at bruge den gratis version eller investerer i Pro for at få adgang til det fulde bibliotek og avancerede funktioner. Ved at forstå forskellene mellem Free og Pro, og hvordan plugin'et fungerer, kan du effektivt forbedre din sides udseende og brugeroplevelse.

Hvis du vil læse andre artikler, der ligner Font Awesome til din Fotoside: Gratis vs Pro, kan du besøge kategorien Fotografi.