Hvad er Advanced Custom Fields (ACF) i WordPress og hvad skal jeg bruge dem til?

Michael Hörnlimann Senest opdateret den 21. oktober 2020
6 Min.
advanced custom fields Wordpress
Senest opdateret den 21. oktober 2020

"Du ved, Advanced Custom Fields Ikke? Uden ACF ville jeg WordPress bestemt ikke længere bruge." Dette blev gjort af en kollega til mig for et par uger siden via Slack Skrevet. Men han er udvikler, jeg er designer. På det tidspunkt senest, men jeg indså, at jeg skulle (og ønskede at) beskæftige sig med det.

Hvad er Advanced Custom Fields ?

WordPress i sig selv tilbyder allerede en bred vifte af funktioner. Med Advanced Custom Fields du kan udvide disse funktioner igen - i standardversionen gratis. De giver dig fuld kontrol over indholdet af dit websted.

Som standard finder vi typiske felter som titel, indhold, dato og forfatter i backend for indlæg og sider. Advanced Custom Fields , eller den nedenfor nævnte Plugin , giver dig mulighed for at WordPress og dermed udvide sider og bidrag praktisk efter beting og individuelt.

Det betyder, at WordPress så meget som muligt - Advanced Custom Fields som en tuning for WordPress .

Hvad skal jeg bruge Advanced Custom Fields Nogensinde?

I en nøddeskal: Du har brug for Advanced Custom Fields sandsynligvis, hvis du bruger de indbyggede elementer i WordPress - Backend kan ikke længere komme videre. Du står over for en udfordring, der ikke kan realiseres ved hjælp af sider eller bidrag, eller kun delvist.

Dette kan være tilfældet relativt hurtigt, afhængigt af kundens ønsker. Hvis du selv er webdesigner, vil dette helt sikkert også være kendt for dig.

For eksempel fik jeg lov til at opbygge en søgning med filterkriterier. Så ikke en simpel tekstsøgning, der søger efter passende indhold over hele webstedet, men en søgning, hvor specifikke data kan indtastes først via formular. Brugeren har forskellige tilgængelige filterkriterier. Det drejer sig bl.a.

  • Navn (tekstboks)
  • Postnummer (tekstfelt)
  • Land (rulleliste)
  • Certifikater (afkrydsningsfelt)

Men mere om det senere. Denne use case gav mig ideen om Advanced Custom Fields (ACF). En sådan individuel søgning er WordPress -Indbyggede elementer simpelthen ikke muligt uden ACF.

Advanced Custom Fields : Den gratis Plugin

Så jeg var på udkig efter en løsning for at finde dette filter ved hjælp af Advanced Custom Fields Gennemføre.

Den eponyme Plugin i den officielle WordPress - Plugin bibliotek er fra Elliot Condon. Australieren arbejder meget aktivt på det og udvikler det konstant, så nye funktioner bliver ved med at dukke op. Hvis du vil være meget tæt på handlingen, kan du følge ACF på Twitter.

Hvis du allerede har været modig og fuldt WordPress 5.0 indført blok editor ( Gutenberg ) er også tilgængelig i Advanced Custom Fields Blokke til den nye redaktør.

The ACF Plugin er i øjeblikket aktiv på langt over 1 million hjemmesider. Den testes meget intensivt og arbejder med de nyeste WordPress version upåklagelig. Det er også imponerende, at Plugin har allerede modtaget mere end 1.000 5-stjernede anmeldelser. På den anden side er der sølle 16 ratings med kun en stjerne - sandsynligvis brugere, der har givet op efter (meget) kort tid.

I tilfælde af en sådan Plugin det er klart, at det tager lidt tid og tålmodighed for dig at forstå applikationen. Selvfølgelig kom jeg også kun op til overfladen af Advanced Custom Fields Ridset. Jeg vil blot sige, at der er andre Plugins du installerer, og så arbejder de komfortabelt i baggrunden - det er anderledes med ACF. Du skal aktivt designe og genkende det overordnede forhold mellem database, backend og frontend.

Hvad med dette Plugin , hvilket er ret teknisk, er også uundværligt: støtten.

Jeg har ikke selv skullet gøre krav på det endnu. Årsagen er meget enkel: førsteklasses dokumentation,der beskæftiger sig med felttyper, funktioner, filtre og OFTE STILLEDE SPØRGSMÅL.

Hvad er brugerdefinerede indlægstyper?

Jeg nævnte tidligere, at aktivt design er nødvendigt. Det betyder, at Advanced Custom Fields også, at i nogle tilfælde disse alene ikke giver dig meget gavn. Kun i kombination med Brugerdefinerede posttyper opstår der yderligere muligheder.

Først opstår spørgsmålet: Hvad er en (normal) posttype?

De to mest berømte i WordPress er sider og indlæg (blogindlæg). Så for hvert nyt indhold, du vil oprette til et websted, bestemmer du, hvilken posttype der er den rigtige. Dette afhænger af flere faktorer, herunder hvordan oplysningerne skal være synlige, og hvilke felter du har brug for i backend.

Men hvad nu hvis du vil levere indhold, der ikke kan dækkes af en normal side eller et indlæg?

Du ved det måske allerede: Du har brug for en ny måde at indarbejde indholdet i backend. Næsten en inputmaske med præcis de felter, du har brug for. Dette er, hvad Advanced Custom Fields Tilbyder. Ovennævnte eponyme Plugin I kan du nemt definere og oprette disse felter i backend-programmet. Når denne struktur er på plads, er det næste skridt at gøre det.

advanced custom fields egne felter
I backend af ACF Plugins Du kan nemt definere felter.

Derefter bruges Brugerdefinerede posttyper. Det er meget vigtigt her, at det giver mening at bruge Advanced Custom Fields oprette din egen brugerdefinerede posttype. I mit tilfælde kalder jeg Custom Post Type (CPT) bare terapeuter.

Selvfølgelig kan du også programmere Custom Post Type selv. Men jeg har Plugin "Custom Post Type UI", som jeg vil forklare mere detaljeret i næste afsnit.

oprettelse af brugerdefineret indlægstype
Dette er, hvordan backend af Plugins "Brugergrænseflade til brugerdefineret posttype".

Brugergrænseflade til brugerdefineret indlægstype: Gratis Plugin , den anden

Hvis dette kun er blevet gjort for dig indtil videre med Advanced Custom Fields (ACF) var for lidt magi, kommer her det bedste: ACF i kombination med Custom Post Type UI, eller CPT UI for korte.

Dette giver dig mulighed for at se databaseindhold direkte i frontend, hvis det ønskes. I mit tilfælde stod jeg over for udfordringen med at opbygge en filtersøgning med forskellige felter. Så jeg var nødt til at uploade alle data til backend ved hjælp af en CSV import først.

Bagefter, ved hjælp af Custom Post Type samt Advanced Custom Fields grundlaget for filtersøgning i den forreste ende. Mere om dette i næste afsnit.

kombination af brugerdefineret indlægstype acf
Sådan kan din nye brugerdefinerede indlægstype f.eks.

Praktisk eksempel: Oprette søgning med filterkriterier

Så meget for øjeblikket til backend. Nu går det til forenden. Så du kan anvende det hele og Advanced Custom Fields for din sag.

Jeg brugte ACF til at opbygge en individuel søgning med filterkriterier. Men hvordan er det muligt at præsentere indholdet fra backend elegant i den forreste ende, således at interaktion af brugeren er muligt?

Igen har du valget mellem at udvikle dig selv og Plugin . Igen søgte jeg efter en god hjælper i lang tid og endelig stødte på "Search &Filter Pro" (er knyttet i slutningen af teksten).

Dette giver mig mulighed for at bruge dataene i backend til visning i frontend på en genial måde. I mit eksempel, er disse:

  • Søg (normalt søgefelt)
  • Send meta (få adgang til og søg efter det respektive avancerede brugerdefinerede felt i databasen)
  • Knappen Send (knap til afsendelse af søgeforespørgslen eller formularen)

I backend, kan dette se sådan ud:

søge efter og filtrere pro-backend
Med Plugin "Søg & Filtrer Pro" kan du oprette en individuel søgning med filterkriterier.

Du kan derefter bruge kortkode til at indsætte den filtersøgning, du lige har oprettet, hvor som helst i backend(f.eks. på en side).

Du vil dog se, at det vil se lidt grimt ud. Jeg har forbedret dette med nogle CSS håndtag og opdager, at resultatet i den forreste ende er ganske imponerende:

praktisk eksempel acf

Supplerende links

Jeg er nysgerrig efter at se, hvad jeg kan gøre med Advanced Custom Fields kan implementeres. Har du spørgsmål eller kommentarer til denne artikel? Så er jeg glad for at modtage en masse feedback.

Foto: Shane Aldendorff | Unsplash

Michael Hörnlimann , født 1991 i Zürich, elsker naturen såvel som god mad. Siden april 2018 har han udelukkende arbejdet selvstændigt og skabt WordPress hjemmesider på vegne af kunden. Siden da har han kombineret arbejde med sin store passion, rejser til fremmede lande og kulturer. Han bor og arbejder uafhængigt af stedet, nogle gange i bjergene, nogle gange ved havet.

Kommentarer til denne artikel

Skriv svar på en

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *.