Vad är Advanced Custom Fields (ACF) i WordPress och vad behöver jag dem till?

Michael Hörnlimann Senast uppdaterad den 21 oktober 2020
6 Min.
Advanced Custom Fields Wordpress
Senast uppdaterad den 21 oktober 2020

"Du vet Advanced Custom Fields Inte? Utan ACF skulle jag WordPress definitivt inte längre använda." Detta gjordes av en kollega till mig för några veckor sedan via Slack Skrivet. Men han är en utvecklare, jag är designer. På den tiden senast, men insåg jag att jag skulle (och ville) ta itu med det.

Vad är Advanced Custom Fields ?

WordPress i sig redan erbjuder ett brett utbud av funktioner. Med Advanced Custom Fields du kan utöka dessa funktioner igen - i standardversionen gratis. De gör att du kan ha full kontroll över innehållet på din webbplats.

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

Detta innebär att med WordPress så mycket som möjligt - Advanced Custom Fields som en justering för WordPress .

Vad behöver jag Advanced Custom Fields Någonsin?

I ett nötskal: Du behöver Advanced Custom Fields förmodligen om du använder de inbyggda elementen i WordPress -Backend kan inte längre utvecklas. Du står inför en utmaning som inte kan förverkligas med hjälp av sidor eller bidrag, eller bara delvis.

Detta kan vara fallet relativt snabbt, beroende på kundens önskemål. Om du är en webbdesigner själv, kommer detta säkert också att vara bekant för dig.

Till exempel fick jag skapa en sökning med filterkriterier. Så inte en enkel textsökning, som söker efter lämpligt innehåll över hela webbplatsen, men en sökning där specifika data kan anges först via formulär. Användaren har olika filterkriterier tillgängliga. Dessa inkluderar:

  • Namn (textruta)
  • Postnummer (textfält)
  • Land (rullgardinsmeny)
  • 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 WordPress -Ombord element helt enkelt inte möjligt utan ACF.

Advanced Custom Fields : Den fria Plugin

Så jag letade efter en lösning för att hitta detta filter med hjälp av Advanced Custom Fields Genomföra.

Den självbetitlade Plugin i den officiella WordPress - Plugin katalogen är från Elliot Condon. Den australiska arbetar mycket aktivt på det och ständigt utveckla det, så att nya funktioner fortsätter att visas. Om du vill vara mycket nära åtgärden kan du Följ ACF på Twitter.

Om du redan har varit modig och fullt ut WordPress 5.0 introducerade blockredigerare ( Gutenberg ) finns även i Advanced Custom Fields Block för den nya redaktören.

The ACF Plugin är för närvarande aktiv på drygt 1 miljon webbplatser. Det testas mycket intensivt och fungerar med de senaste WordPress version oklanderlig. Det är också imponerande att Plugin har redan fått mer än 1000 5-stjärniga recensioner. Å andra sidan finns det en measly 16 betyg med endast en stjärna - troligen användare som har gett upp efter (mycket) en 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 kom jag också bara till ytan av Advanced Custom Fields Repad. Jag vill bara 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 den övergripande relationen mellan databas, backend och frontend.

Vad sägs om detta Plugin , som är ganska tekniskt, är också oumbärligt: stödet.

Jag har inte behövt göra anspråk på det här själv än. Anledningen är mycket enkel: Den förstklassiga dokumentationen, som behandlar fälttyper, funktioner, filter och vanliga frågor och svar.

Vad är anpassade posttyper?

Jag nämnde tidigare att aktiv design är nödvändig. Detta innebär att Advanced Custom Fields också att i vissa fall dessa ensamma inte ger dig mycket nytta. Endast i kombination med anpassade posttyper uppstår ytterligare alternativ.

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

De två mest kända i WordPress är sidor och inlägg (blogginlägg). Så för varje nytt innehåll du vill skapa för en webbplats bestämmer du vilken inläggstyp som är den rätta. Detta beror på flera 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 omfattas av en vanlig 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 Advanced Custom Fields Erbjuder. Ovan nämnda självbetitlade Plugin kan du 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 baken av ACF Plugins du kan enkelt definiera fält.

Sedan används anpassade posttyper. Det är mycket viktigt här att det är meningsfullt att använda Advanced Custom Fields skapa din egen anpassade posttyp. I mitt fall kallar jag Custom Post Type (CPT) bara terapeuter.

Naturligtvis kan du också programmera Custom Post Typ själv. Jag har dock Plugin "Custom Post Type UI", som jag kommer att förklara mer i detalj i nästa avsnitt.

anpassad eftertyp skapande
Så här kan backend av Plugins "Custom Post Type UI".

Anpassade inlägg typ användargränssnitt: Gratis Plugin , den andra

Om detta bara har gjorts för dig hittills med 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 klientdelen om så önskas. I mitt fall stod jag inför utmaningen att bygga ett filter sökning med olika fält. Så jag var tvungen att ladda upp alla data till servergången med hjälp av en CSV import först.

Därefter, med hjälp av Custom Post Type samt Advanced Custom Fields underlag för filtersökning i fronten. Mer om detta i nästa avsnitt.

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

Praktiskt exempel: Skapa sökning med filterkriterier

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

Jag använde ACF för att bygga en individuell sökning med filterkriterier. Men hur är det möjligt att presentera innehållet från backend elegant i fronten, så att interaktion av användaren är möjlig?

Återigen kan du välja mellan att utveckla dig själv och Plugin . Återigen sökte jag efter en bra hjälpare under en lång tid och slutligen kom över "Search & Filter Pro" (är kopplad i slutet av texten).

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

  • Sök (normal sökruta)
  • Post 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 backend, kan detta se ut så här:

sök och filtrera pro backend
Med Plugin "Search & Filter Pro" kan du skapa en individuell sökning med filterkriterier.

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

Men du kommer att se att det kommer att se lite ful. Jag har förbättrat detta med några CSS handtag och tycker att resultatet i fronten är ganska imponerande:

praktiskt exempel acf

Kompletterande länkar

Jag är nyfiken på vad jag kan göra med Advanced Custom Fields kan genomföras. Har du några frågor eller kommentarer om den här artikeln? Då är jag glad att få mycket feedback.

Bild: Shane Aldendorff | Ta av

Michael Hörnlimann , född 1991 i Zürich, älskar naturen samt god mat. Sedan april 2018 har han arbetat uteslutande självständigt och skapat WordPress webbplatser på uppdrag av kunden. Sedan dess har han kombinerat arbetet med sin stora passion, reser till främmande länder och kulturer. Han bor och arbetar oberoende av platsen, ibland i bergen, ibland vid havet.

Liknande artiklar

Kommentarer om den här artikeln

Skriv en kommentar

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