vad är ACF i WordPress

Vad är Advanced Custom Fields (ACF) i WordPress?

"Du vet Advanced Custom Fields (ACF) inte? Utan ACF skulle jag definitivt inte använda WordPress längre. En kollega skrev detta till mig för några veckor sedan via Slack. Men han är utvecklare, jag är designer. Senast vid det här laget insåg jag dock att jag borde (och ville) ta itu med det.

Vad är Advanced Custom Fields (ACF)?

WordPress själv erbjuder redan ett brett utbud av funktioner. Med Advanced Custom Fields (ACF) kan du utöka dessa funktioner ytterligare - kostnadsfritt i standardversionen. De ger dig full kontroll över innehållet på din webbplats.

Som standard hittar vi typiska fält som titel, innehåll, datum och författare i backend för inlägg och sidor. Advanced Custom Fields , eller den som nämns nedan Plugin , ge dig möjlighet att WordPress och därmed utöka sidor och bidrag praktiskt efter be vilja och individuellt.

Detta gör nästan allt möjligt med WordPress - Advanced Custom Fields som en slags justering för WordPress.

Vad behöver jag för Advanced Custom Fields?

Kort sammanfattat: Du behöver förmodligen Advanced Custom Fields förmodligen när du inte kan komma längre med de inbyggda elementen i WordPress Backend. Du står inför en utmaning som inte kan eller bara delvis kan realiseras med hjälp av sidor eller inlägg. Beroende på kundens krav kan detta ske relativt snabbt.

I mitt fall fick jag till exempel bygga en sökning med filterkriterier. Alltså inte en enkel textsökning som söker igenom hela webbplatsen efter lämpligt innehåll, utan en sökning där specifika data kan matas in i förväg via ett formulär. Användaren har olika filterkriterier tillgängliga. Dessa inkluderar

  • Namn (textruta)
  • Postkod (Textfält)
  • Land (Dropdown)
  • Certifikat (Kryssruta)

Men mer om det senare. Detta användningsfall gav mig idén om Advanced Custom Fields (ACF). En sådan individuell sökning är helt enkelt inte möjlig med WordPress-inbyggda element utan ACF.

Advanced Custom Fields : Den fria Plugin

Jag letade därför efter en lösning för att implementera denna filtersökning med hjälp av Advanced Custom Fields .

Pluginet med samma namn i den officiella plugin-katalogen för WordPress utvecklas ständigt så att nya funktioner ständigt dyker upp. Om du vill vara nära händelsernas centrum kan du följa ACF på Twitter.

ACF-pluginet är aktivt på långt över 1 miljon webbplatser. Det är intensivt testat och fungerar felfritt med den senaste WordPress-versionen. Det är också imponerande att pluginet redan har fått mer än 1 000 betyg med 5 stjärnor. Detta kan jämföras med ynka 40 betyg med bara en stjärna - sannolikt användare som gav upp efter en (mycket) kort tid.

När det gäller en sådan Plugin det är klart att det tar lite tid och tålamod för dig att förstå ansökan. Naturligtvis fick jag också bara upp till ytan av Advanced Custom Fields Repad. Jag vill helt enkelt säga att det finns andra Plugins du installerar och sedan de fungerar bekvämt i bakgrunden - det är annorlunda med ACF. Du måste aktivt utforma och känna igen det övergripande förhållandet mellan databas, backend och frontend.

Hur är det med detta Plugin , som är ganska tekniskt, är också oumbärligt: stödet.

Hittills har jag inte behövt göra anspråk på detta själv. Anledningen är mycket enkel: Den förstklassiga dokumentationen, som handlar om typer, funktioner, filter och vanliga frågor.

"*" visar obligatoriska fält

Jag vill prenumerera på nyhetsbrevet för att få information om nya bloggartiklar, e-böcker, funktioner och nyheter om WordPress. Jag kan återkalla mitt samtycke när som helst. Observera vår integritetspolicy.
Det här fältet är avsett för validering och bör inte ändras.

Vad är Anpassade inläggstyper?

Tidigare hade jag nämnt att aktiv design är nödvändig. Detta innebär att Advanced Custom Fields också att dessa ensam inte ger dig mycket nytta i vissa fall. Endast i kombination med anpassade inläggstyper uppstår ytterligare alternativ.

Först uppstår frågan: Vad är en (normal) posttyp?

De två mest kända i WordPress är sidor och blogginlägg. För varje nytt innehåll du skapar för en webbplats bestämmer du vilken inläggstyp som är rätt. Detta beror på olika faktorer, inklusive hur informationen ska vara synlig och vilka fält du behöver i backend.

Men vad händer om du vill tillhandahålla innehåll som inte kan täckas av en normal sida eller ett inlägg?

Du kanske redan vet: Du behöver ett nytt sätt att införliva innehållet i backend. Nästan en indatamask med exakt de fält du behöver. Detta är vad den Advanced Custom Fields Erbjuder. De ovan nämnda självbetitlade Plugin låter dig definiera och skapa dessa fält bekvämt i backend. När denna struktur är på plats, är nästa steg att göra det.

advanced custom fields egna fält
I bakend av ACF Plugins du enkelt kan definiera fält.

Detta är när anpassade inläggstyper används. Det är mycket viktigt här att det är vettigt att skapa din egen anpassade posttyp för användningen av Advanced Custom Fields . I mitt fall kallar jag helt enkelt den anpassade inläggstypen (CPT)"terapeut".

Naturligtvis kan du också programmera den anpassade inläggstypen själv. Jag använde dock pluginet "Custom Post Type UI" för detta, vilket jag kommer att förklara mer detaljerat i nästa avsnitt.

skapa anpassad posttyp
Så här ser backend av plugin "Custom Post Type UI" ut.

Användargränssnittet för anpassad inläggstyp: Gratis plugin

Om detta hittills bara har gjorts för dig med den Advanced Custom Fields (ACF) var för lite magi, kommer hit det bästa: ACF i kombination med Custom Post Type UI, eller CPT UI för kort.

På så sätt kan du visa databasinnehåll direkt i frontend som önskat. I mitt fall stod jag inför utmaningen att bygga en filtersökning med olika fält. Så jag var först tvungen att ladda upp all data till backend med en CSV-import.

Efteråt, med hjälp av Den anpassade Post Typ samt den Advanced Custom Fields grunden för filtersökning i frontänden. Mer om detta i nästa avsnitt.

acf-kombination för anpassad inläggstyp
Så här kan din nya anpassade inläggstyp till exempel se ut.

Praktiskt exempel: Skapa en sökning med filterkriterier

Så mycket för tillfället till backend. Nu ska den till fronten. Så att du kan tillämpa det hela och Advanced Custom Fields för ditt fall.

Jag har använt ACF för att bygga en anpassad sökning med filterkriterier. Men hur är det möjligt att presentera innehållet från backend elegant i frontend så att användaren kan interagera med det?

Återigen har du valet mellan att utveckla det själv eller använda ett plugin. Återigen letade jag länge efter en bra liten hjälpreda och kom till slut över Search & Filter Pro.

Detta ger mig möjlighet att använda data i backend för visning i fronten slutet på ett genialt sätt. I mitt exempel är dessa:

  • Sök (normal sökruta)
  • Bokför Meta (åtkomst och sök efter respektive Avancerat anpassat fält i databasen)
  • Skicka-knapp (knapp för att skicka sökfrågan eller formuläret)

I baken kan detta se ut så här:

sök och filtrera pro-backend
Med pluginet "Search & Filter Pro" kan du skapa en skräddarsydd sökning med filterkriterier.

Du kan sedan använda kortkod för att infoga den filtersökning du just skapade var som helst i backend (till exempel på en sida).

Du kommer dock att se att detta fortfarande ser lite oattraktivt ut. Jag har förbättrat detta med några CSS-ändringar och jag tycker att resultatet i frontend är ganska imponerande:

praktiskt exempel acf

Det ska bli spännande att se vad mer jag ska göra med i framtiden. Advanced Custom Fields kan genomföras. Har du några frågor eller kommentarer om den här artikeln? Då ser jag fram emot att få mycket feedback.

Dina frågor om ACF

Vilka frågor har du om ACF och WordPress? Använd gärna kommentarsfunktionen. Vill du bli informerad om nya inlägg om WordPress och webbdesign? Följ oss sedan på Twitter, Facebook,LinkedIneller via vårt nyhetsbrev.

Tyckte du om artikeln?

Med din recension hjälper du oss att förbättra vårt innehåll ytterligare.

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.