advanced custom fields 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 en utvecklare, jag är designer. Senast vid den här tiden 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 igen – i standardversionen utan kostnad. 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 sagt: Du behöver Advanced Custom Fields förmodligen om du inte längre kan komma framåt med de inbyggda elementen i WordPress-backend. Du står inför en utmaning som inte kan förverkligas eller bara delvis förverkligas med hjälp av sidor eller bidrag.

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.

Jag fick till exempel skapa en sökning med filter villkor. 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 matas in i förväg via formulär. Användaren har olika filterkriterier tillgängliga. Bland annat är dessa:

  • 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

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

Plugin med samma namn i den officiella WordPress-pluginkatalogen kommer från Elliot Condon. Australiern arbetar mycket aktivt med det och utvecklar det ständigt vidare, så att nya funktioner visas om och om igen. Om du vill vara mycket nära handlingen kan du följa ACF på Twitter.

Om du redan har varit modig och helt engagerad i blockredigeraren som introducerades sedan WordPress 5.0 (Gutenberg) finns det också när det gäller Advanced Custom Fields Block för den nya redigeraren.

ACF-plugin är för närvarande aktivt på över 1 miljon webbplatser. Det testas mycket intensivt och fungerar perfekt med den senaste WordPress-versionen. Också imponerande är att plugin redan har fått mer än 1 000 recensioner med 5 stjärnor. Å andra sidan finns det ynka 16 recensioner med bara en stjärna – mycket troligt användare som har gett 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

Samtycke*
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.

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

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

skapa anpassad posttyp
Så här är backend av de Plugins "Anpassad Post Typ UI".

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 använde ACF för att skapa en individuell sökning med filterkriterier. Men hur är det möjligt att elegant presentera innehållet från backend i frontend så att interaktion av användaren är möjlig?

Återigen har du valet mellan att utveckla dig själv och Plugin . Återigen sökte jag efter en bra hjälpare under en lång tid och kom till över Sök & Filter Pro (är länkad i slutet av texten).

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 den Plugin "Sök & Filter Pro" kan du skapa en individuell sökning med filtervillkor.

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 det kommer att se lite fult ut. Jag har förbättrat detta med några CSS handtag och tycker att resultatet i fronten ä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.