{"id":33137,"date":"2019-08-29T06:42:29","date_gmt":"2019-08-29T05:42:29","guid":{"rendered":"https:\/\/kinsta.com\/?p=48437"},"modified":"2023-08-28T06:48:44","modified_gmt":"2023-08-28T05:48:44","slug":"advanced-custom-fields","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/","title":{"rendered":"Advanced Custom Fields tutorial: Din ultimative guide"},"content":{"rendered":"<p>WordPress brugerdefinerede felter er en vigtig del af det, der g\u00f8r WordPress til et <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\">fleksibelt content management system<\/a>, snarere end \u201cbare en blogplatform\u201d.<\/p>\n<p>N\u00e5r det kommer til WordPress brugerdefinerede felter, er freemium <strong>Advanced Custom Fields<\/strong> plugin et af de mest kendte navne. Det g\u00f8r det lettere at arbejde med brugerdefinerede felter i alle aspekter, og det er ogs\u00e5 emnet for vores indl\u00e6g i dag.<\/p>\n<p>Specifikt forklarer vi, hvorfor advanced custom fields er s\u00e5 v\u00e6rdifulde, og viser dig derefter trin for trin, hvordan du kan anvende det p\u00e5 dit WordPress-sted.<\/p>\n<p>Her er alt, hvad du finder i dette indl\u00e6g:<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>Der er meget at d\u00e6kke, s\u00e5 lad os dykke ind\u2026<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Hvad er Advanced Custom Fields plugin?<\/h2>\n        <div><p>Udviklet af Elliot Condon, Advanced Custom Fields &#8211; ofte forkortet som ACF &#8211; er et WordPress-plugin, der giver dig mulighed for at tilf\u00f8je og administrere WordPress Custom Fields til et websted. Det er tilg\u00e6ngeligt b\u00e5de som gratis plugin og et premium plugin, kaldet ACF PRO, starter ved 25 USD for livstids-opdateringer og for 1 websted.<\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/dk\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<h2 id=\"what\">Hvad er WordPress brugerdefinerede felter? Hvad lader de dig g\u00f8re?<\/h2>\n<p>WordPress brugerdefinerede felter giver dig mulighed for at tilf\u00f8je, gemme og vise yderligere oplysninger om et stykke content i WordPress. P\u00e5 et mere teknisk niveau hj\u00e6lper brugerdefinerede felter dig med at gemme metadata.<\/p>\n<p>Selv hvis du ikke er bekendt med dette udtryk, bruger brugerdefinerede felter meget af funktionaliteten i dine foretrukne plugins og temaer.<\/p>\n<p>For eksempel bruger <a href=\"https:\/\/kinsta.com\/dk\/blog\/woocommerce-tutorial\/\">WooCommerce<\/a>, den mest popul\u00e6re m\u00e5de at oprette en eCommerce-butik p\u00e5, brugerdefinerede felter til at gemme yderligere oplysninger om et produkt som:<\/p>\n<ul>\n<li>Pris<\/li>\n<li>V\u00e6gt<\/li>\n<li>Farve<\/li>\n<\/ul>\n<p>Eller, hvis du har et <a href=\"https:\/\/kinsta.com\/blog\/wordpress-events-plugin\/\">WordPress event calendar plugin<\/a>, bruger det plugin brugerdefinerede felter til at gemme ekstra information om en begivenhed, s\u00e5som:<\/p>\n<ul>\n<li>Beliggenhed<\/li>\n<li>Start \/ sluttid<\/li>\n<li>Pris<\/li>\n<\/ul>\n<p>Du kan ogs\u00e5 oprette dine egne brugerdefinerede felter til at gemme oplysninger, der er relevante for dine unikke behov, og det er det, dette hele indl\u00e6g handler om.<\/p>\n\n<h3>Hvorn\u00e5r skal du bruge brugerdefinerede felter?<\/h3>\n<p>Nu kan du undre dig over, hvorfor du endda har brug for brugerdefinerede felter i f\u00f8rste omgang.<\/p>\n<p>Hvis du f.eks. vil sende en begivenhed p\u00e5 dit WordPress-sted, kunne du s\u00e5 ikke bare placere alle disse oplysninger som almindelig tekst i WordPress-editoren?<\/p>\n<p>N\u00e5, ja, det kunne du. Men at bruge brugerdefinerede felter er en bedre tilgang af et par grunde:<\/p>\n<ul>\n<li><strong>Nemmere input<\/strong> &#8211; snarere end at skrive ting fra bunden af, en veludformet brugerdefineret feltgruppe vil det g\u00f8re det meget lettere at indtaste data. I stedet for at skrive en dato kan du f.eks. bare v\u00e6lge datoen fra en datav\u00e6lger.<\/li>\n<li><strong>Konsistens<\/strong> &#8211; de oplysninger, du indtaster i dine brugerdefinerede felter, vises altid i henhold til din ops\u00e6tning, hvilket betyder, at de vil v\u00e6re konsistente p\u00e5 hele dit websted.<\/li>\n<li><strong>Nemme opdateringer og vedligeholdelse<\/strong> &#8211; hvis du vil \u00e6ndre noget om, hvordan disse oplysninger vises i fremtiden, kan du bare opdatere en ting i stedet for at skulle redigere hvert indl\u00e6g hver for sig.<\/li>\n<\/ul>\n<h3>WordPress inkluderer indbyggede brugerdefinerede feltfunktioner<\/h3>\n<p>WordPress inkluderer faktisk indbygget funktionalitet til tilf\u00f8jelse af brugerdefinerede felter til dit indhold. I <a href=\"https:\/\/kinsta.com\/blog\/wordpress-tinymce-editor\/\">classic TinyMCE-editor<\/a> kan du aktivere dette fra omr\u00e5det <strong>Sk\u00e6rmindstillinger<\/strong>. Eller i den <a href=\"https:\/\/kinsta.com\/dk\/blog\/gutenberg-wordpress-editor\/\">nye blokeditor<\/a> kan du aktivere det fra omr\u00e5det <strong>Indstillinger<\/strong>:<\/p>\n<figure style=\"width: 2230px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-adgang-3.png\" alt=\"S\u00e5dan f\u00e5r du adgang til brugerdefinerede felter i blokeditor\" width=\"2230\" height=\"1391\"><figcaption class=\"wp-caption-text\">S\u00e5dan f\u00e5r du adgang til brugerdefinerede felter i blokeditor<\/figcaption><\/figure>\n<p>Du kan derefter indtaste dine brugerdefinerede feltdata vha. key \/ value pairs:<\/p>\n<figure style=\"width: 2220px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-indbyggede-4.png\" alt=\"Den indbyggede WordPress-brugerdefinerede feltfunktionalitet\" width=\"2220\" height=\"1375\"><figcaption class=\"wp-caption-text\">Den indbyggede WordPress-brugerdefinerede feltfunktionalitet<\/figcaption><\/figure>\n<p>Denne oprindelige brugerdefinerede feltfunktionalitet er fuldst\u00e6ndig funktionel, men det er ikke den mest brugervenlige m\u00e5de at g\u00f8re ting p\u00e5, hvilket er grunden til, at mange mennesker henvender sig til det avancerede tilpassede felt-plugin i stedet.<\/p>\n<h2 id=\"acf\">Advanced Custom Fields g\u00f8r det meget lettere<\/h2>\n<p>Kort sagt, <a href=\"https:\/\/www.advancedcustomfields.com\/\">Advanced Custom Fields<\/a> g\u00f8r det meget lettere at arbejde med brugerdefinerede felter i WordPress i\u2026 stort set alle aspekter.<\/p>\n<p>Det forenkler gr\u00e6nsefladen til at tilf\u00f8je og administrere brugerdefinerede felter i dit WordPress-dashboard, og det forenkler ogs\u00e5 processen til visning af oplysninger fra brugerdefinerede felter p\u00e5 fronten af \u200b\u200bdit websted. Denne kendsgerning hj\u00e6lper kun med at forklare, hvorfor den er <strong>aktiv p\u00e5 mere end 1 million websteder<\/strong> med en <strong>4.9-stjerneklassificering p\u00e5 over 1.000 anmeldelser<\/strong>.<\/p>\n<p>P\u00e5 backend giver det dig mulighed for at oprette brugervenlige meta bokse, der indeholder forudvalgte felttyper. S\u00e5 snarere end den generiske gr\u00e6nseflade for n\u00f8gle-v\u00e6rdipar (som dem, du s\u00e5 ovenfor), kan du bruge dataplukkere, afkrydsningsfelter og mere som dette:<\/p>\n<figure style=\"width: 2262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-blokeditoren-13.png\" alt=\"Advanced custom fields i blokeditoren\" width=\"2262\" height=\"1388\"><figcaption class=\"wp-caption-text\">Advanced custom fields i blokeditoren<\/figcaption><\/figure>\n<p>I alt tilbyder advanced custom fields 30+ forskellige felttyper, som du kan tilf\u00f8je til ethvert omr\u00e5de i dit dashboard, herunder indl\u00e6g, brugere, taksonomier, medier, kommentarer og endda sider med tilpassede indstillinger.<\/p>\n<p>Du kan se <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#field-types\">detaljerede oplysninger om hver felttype her<\/a>.<\/p>\n<p>Advanced custom fields g\u00f8r det ogs\u00e5 meget lettere at f\u00e5 vist disse oplysninger med veldokumenterede funktioner, kortkoder, Gutenberg-blokke med mere.<\/p>\n<p>Eller du kan finde integrationer med andre v\u00e6rkt\u00f8jer, som nogle <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-page-builder\/\">drag-and-drop WordPress page builders<\/a>.<\/p>\n<h3>Advanced Custom Fields gratis vs pro: Hvilken skal du bruge?<\/h3>\n<p>Advanced custom fields findes b\u00e5de i en gratis og en overkommelig premium-version.<\/p>\n<p>Til de fleste basale anvendelser er den gratis version helt fin. Det giver dig adgang til n\u00e6sten alle felttyper samt alle de tidsbesparende og brugervenlige funktioner, der er beskrevet ovenfor.<\/p>\n<p>Hvis du bare vil gemme nogle ekstra oplysninger om dit indhold, er den gratis version alt hvad du har brug for.<\/p>\n<p>N\u00e5r det er sagt tilf\u00f8jer Pro-versionen nogle ret praktiske funktioner, der hj\u00e6lper dig med at bruge advanced custom fields p\u00e5 mere interessante m\u00e5der:<\/p>\n<ul>\n<li><strong>Repeater fields<\/strong> &#8211; disse giver dig mulighed for at gentage bestemte felter \/ grupper af felter post-for-post-basis. For eksempel, hvis du tilf\u00f8jede oplysninger om en h\u00f8jttaler til en begivenhed, ville et repeater-felt hj\u00e6lpe dig med at h\u00e5ndtere situationen, hvor der er mere end en h\u00f8jttaler (du kan bare &#8220;gentage&#8221; felt (er) for h\u00f8jttaleren s\u00e5 mange gange som n\u00f8dvendigt , som giver dig mulighed for at h\u00e5ndtere kant-tilf\u00e6lde, hvor der er flere h\u00f8jttalere).<\/li>\n<li><strong>ACF-blokke<\/strong> &#8211; vis dine felter som en blok Gutenberg snarere end en metaboks. Dette er is\u00e6r praktisk, hvis du bygger et websted til en klient og \u00f8nsker at give dem en nem m\u00e5de at indtaste og visualisere tilpassede feltdata.<\/li>\n<li><strong>Fleksibelt indholdsfelt<\/strong> &#8211; opret layout fra andre felter. Det er ligesom en let sidebygger baseret p\u00e5 brugerdefinerede feltoplysninger.<\/li>\n<li><strong>Gallerifelt<\/strong> &#8211; upload flere billeder til et enkelt felt.<\/li>\n<\/ul>\n<p>Der er ogs\u00e5 nogle andre forskelle, f.eks. indstillingssider, muligheden for at klone felter, forbedringer af relationsfelterne og andre mindre justeringer.<\/p>\n<p>Du kan <a href=\"https:\/\/www.advancedcustomfields.com\/pro\/\">se alle ACF PRO-funktionerne her<\/a>.<\/p>\n<p>ACF PRO starter ved 25 USD for <strong>livstids<\/strong> brug p\u00e5 et enkelt sted. Eller du kan betale 100 USD for <strong>livstid<\/strong> p\u00e5 ubegr\u00e6nsede websteder.<\/p>\n<p>Hvis du er i tvivl, skal du starte med den gratis version, indtil du finder ud af n\u00f8jagtigt, hvilken funktionalitet du har brug for. Du kan altid opgradere senere, hvis n\u00f8dvendigt.<\/p>\n<h2 id=\"tutorial\">Avanceret brugerdefinerede felt tutorial: S\u00e5dan tilf\u00f8jes dine felter<\/h2>\n<p>Lad os nu grave dig ind i den egentlige guiden til advanced custom fields og jeg viser dig, hvordan du opretter og viser dit f\u00f8rste s\u00e6t tilpassede felter.<\/p>\n<p>For dette eksempel, lad os sige, at <a href=\"https:\/\/kinsta.com\/dk\/blog\/sadan-tjenes-der-penge-pa-en-blog\/\">du har en blog<\/a> om at k\u00f8re. Du har lyst til &#8230; virkelig at l\u00f8be, og du vil dele dine daglige tr\u00e6ningspunkter med dine l\u00e6sere. Specifikt, med hvert blogindl\u00e6g, vil du dele et l\u00f8b:<\/p>\n<ul>\n<li><strong>Form\u00e5l<\/strong> &#8211; lad os sige, at du har to forskellige typer k\u00f8rsel: &#8220;speed arbejde&#8221; og &#8220;conditioning&#8221;.<\/li>\n<li><strong>Afstand<\/strong> &#8211; hvor lang tid dit l\u00f8b var.<\/li>\n<li><strong>Starttid<\/strong> &#8211; da du startede dit l\u00f8b.<\/li>\n<li><strong>SLuttid<\/strong> &#8211; n\u00e5r du er f\u00e6rdig med l\u00f8bet.<\/li>\n<li><strong>Lokation<\/strong> &#8211; hvor dit l\u00f8b fandt sted.<\/li>\n<\/ul>\n<p>For at indsamle disse oplysninger skal du tilf\u00f8je fem brugerdefinerede felter.<\/p>\n<p>Det er vigtigt at bem\u00e6rke, at de principper, du l\u00e6rer i denne vejledning til advanced custom fields, g\u00e6lder for enhver brugssag. Vi v\u00e6lger bare et specifikt eksempel, fordi det hj\u00e6lper med at have et konkret eksempel at oprette forbindelse til.<\/p>\n<p>Vi opdeler denne tutorial i to dele:<\/p>\n<ol>\n<li>S\u00e5dan tilf\u00f8jes og administreres dine brugerdefinerede felter p\u00e5 backend.<\/li>\n<li>S\u00e5dan vises brugerdefinerede feltoplysninger p\u00e5 fronten p\u00e5 dit websted.<\/li>\n<\/ol>\n<h3>1. Opret en ny feltgruppe<\/h3>\n<p>N\u00e5r du har installeret og aktiveret <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\">den gratis version af advanced custom fields fra WordPress.org<\/a>, skal du g\u00e5 til <strong>Advanced custom fields &gt; Tilf\u00f8j nyt<\/strong> for at oprette din f\u00f8rste <strong>feltgruppe<\/strong>.<\/p>\n<p>Som navnet antyder er en &#8220;Feltgruppe&#8221; en gruppe af et eller flere brugerdefinerede felter, der vises sammen i dit <a href=\"https:\/\/kinsta.com\/blog\/wordpress-admin\/\">WordPress-dashboard<\/a>.<\/p>\n<p>I dette eksempel opretter du en feltgruppe, der indeholder fem brugerdefinerede felter.<\/p>\n<p>Giv din feltgruppe et navn, og v\u00e6lg derefter dens <strong>lokation<\/strong>. I dette eksempel \u00f8nsker vi at vise disse brugerdefinerede felter til almindelige WordPress-blogindl\u00e6g, s\u00e5 du kan forlade det som <strong>standard <\/strong>indl\u00e6g.<\/p>\n<p>Hvis du imidlertid vil vise dine brugerdefinerede felter andre steder, som ved siden af \u200b\u200ben <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-brugerdefinerede-indlaegstyper\/\">brugerdefineret posttype<\/a> eller med en taksonomi, vil du gerne \u00e6ndre dette. Du kan ogs\u00e5 konfigurere flere regler til at vise dine felter flere steder:<\/p>\n<figure style=\"width: 1917px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-feltgruppe-5.png\" alt=\"Opret en ny ACF-feltgruppe\" width=\"1917\" height=\"1262\"><figcaption class=\"wp-caption-text\">Opret en ny ACF-feltgruppe<\/figcaption><\/figure>\n<h3>2. Tilf\u00f8j brugerdefinerede felter<\/h3>\n<p>Klik derefter p\u00e5 knappen <strong>+ Tilf\u00f8j felt<\/strong> for at tilf\u00f8je dit f\u00f8rste brugerdefinerede felt:<\/p>\n<figure style=\"width: 1580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-tilfoj-6.png\" alt=\"Tilf\u00f8j et nyt felt\" width=\"1580\" height=\"557\"><figcaption class=\"wp-caption-text\">Tilf\u00f8j et nyt felt<\/figcaption><\/figure>\n<p>Dette \u00e5bner mange muligheder, men du beh\u00f8ver ikke n\u00f8dvendigvis at udfylde alt.<\/p>\n<p>De to vigtigste valg er:<\/p>\n<ul>\n<li><strong>Feltm\u00e6rke<\/strong> &#8211; det er, hvad der vises i editoren. Det vil ogs\u00e5 blive brugt til at generere feltnavnet, som er det, du vil bruge i koden. Du beh\u00f8ver ikke at \u00e6ndre feltnavnet (sk\u00f8nt du kan, hvis du skal).<\/li>\n<li><strong>Felttype<\/strong> &#8211; dette er den type information, du vil indsamle. For eksempel vil du have et <strong>nummerfelt<\/strong> til at indsamle nummeroplysninger eller et <strong>e-mail<\/strong> felt for at indsamle en e-mail-adresse.<\/li>\n<\/ul>\n<p>I dette f\u00f8rste felt \u00f8nsker du en feltknap for <strong>radioknap<\/strong>:<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-konfiguration-7.png\" alt=\"Konfiguration af et felt\" width=\"1608\" height=\"1024\"><figcaption class=\"wp-caption-text\">Konfiguration af et felt<\/figcaption><\/figure>\n<p>L\u00e6ngere nede kan du indtaste valgmulighederne for valg af alternativknapper i boksen <strong>Valg<\/strong>:<\/p>\n<figure style=\"width: 1610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-indstillinger-8.png\" alt=\"Angiv indstillinger for radioboks\" width=\"1610\" height=\"784\"><figcaption class=\"wp-caption-text\">Angiv indstillinger for radioboks<\/figcaption><\/figure>\n<p>Der er ogs\u00e5 en r\u00e6kke andre valg, du kan tage, som om et felt er p\u00e5kr\u00e6vet eller en standardv\u00e6rdi. Du er velkommen til at konfigurere disse til dine behov.<\/p>\n<p>Lad os se p\u00e5 et andet eksempel: et brugerdefineret felt til at samle afstanden til l\u00f8bet. Denne gang vil du have en <strong>nummer <\/strong>felttype:<\/p>\n<figure style=\"width: 1611px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-talfelt-9.png\" alt=\"Oprettelse af et talfelt\" width=\"1611\" height=\"1127\"><figcaption class=\"wp-caption-text\">Oprettelse af et talfelt<\/figcaption><\/figure>\n<p>Du kan ogs\u00e5 g\u00f8re tingene lidt mere brugervenlige ved at v\u00e6lge at <strong>tilf\u00f8je<\/strong> afstandsenheden. Og hvis du vil, kan du ogs\u00e5 tilf\u00f8je validering med en <strong>minimumsv\u00e6rdi<\/strong> og en <strong>maksimal<\/strong> <strong>v\u00e6rdi<\/strong>. For eksempel starter du sandsynligvis ikke p\u00e5 1000 km l\u00f8b (og hvis du g\u00f8r &#8230; OMG, s\u00e5 er du den ultimative Forrest Gump)!<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-indstillinger-10.png\" alt=\"More fields indstillinger\" width=\"1608\" height=\"958\"><figcaption class=\"wp-caption-text\">More fields indstillinger<\/figcaption><\/figure>\n<p>Gentag bare processen for alle de andre brugerdefinerede felter, du vil indsamle. N\u00e5r det er gjort, skal det se s\u00e5dan ud:<\/p>\n<figure style=\"width: 1607px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-forskellige-11.png\" alt=\"5 forskellige ACF-felter\" width=\"1607\" height=\"940\"><figcaption class=\"wp-caption-text\">5 forskellige ACF-felter<\/figcaption><\/figure>\n<h3>3. Konfigurer indstillinger og offentligg\u00f8r<\/h3>\n<p>For at afslutte tingene skal du rulle ned til <strong>indstillings<\/strong> feltet. Her kan du kontrollere, hvordan dine felter vises i <a href=\"https:\/\/kinsta.com\/dk\/?s=wordpress+editor\">WordPress-editoren<\/a>.<\/p>\n<p>Det meste af tiden kan du lade disse v\u00e6re som standard. Men \u00e6ndre gerne lidt i tingene, hvis du vil. For eksempel kan du v\u00e6lge at vise dine brugerdefinerede felter over den almindelige WordPress-editor:<\/p>\n<figure style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-indstillinger-12.png\" alt=\"Konfiguration af ACF-feltgruppe indstillinger\" width=\"1616\" height=\"1143\"><figcaption class=\"wp-caption-text\">Konfiguration af ACF-feltgruppe indstillinger<\/figcaption><\/figure>\n<p>N\u00e5r du har truffet dine valg, skal du <strong>offentligg\u00f8re<\/strong> din feltgruppe for at s\u00e6tte den live.<\/p>\n<h3>4. Tilf\u00f8j nogle oplysninger i WordPress Editor<\/h3>\n<p>N\u00e5r du har offentliggjort din feltgruppe, ser du dine felter vises, n\u00e5r du g\u00e5r til at oprette et nyt indl\u00e6g.<\/p>\n<p>Som standard vises de sammen under redakt\u00f8ren i b\u00e5de den klassiske TinyMCE-editor og den nye blokeditor:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-eksempel-14.png\" alt=\"Conditional logic eksempel\" width=\"2260\" height=\"1147\"><figcaption class=\"wp-caption-text\">Conditional logic eksempel<\/figcaption><\/figure>\n<p>De oplysninger, du indtaster her, gemmes i dit websteds <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-databasen\/\">WordPress-database<\/a> for en let hentning (du ser det i den n\u00e6ste del af vores vejledning til advanced custom fields).<\/p>\n<h3>Udforskning af conditional logic<\/h3>\n<p>F\u00f8r vi g\u00e5r videre, lad os tage en hurtig omvej.<\/p>\n<p>Se, en af grundene til, at advanced custom fields er s\u00e5 popul\u00e6r, er p\u00e5 grund af alle de interessante implementeringer, det tillader.<\/p>\n<p>Og en kraftfuld mulighed her er <strong>Conditional Logic<\/strong>, som lader dig vise \/ skjule felter baseret p\u00e5, hvordan et tidligere felt blev besvaret.<\/p>\n<p>Lad os se p\u00e5 et hurtigt eksempel p\u00e5, hvordan dette fungerer&#8230;<\/p>\n<p>Lad os sige, at du vil <a href=\"https:\/\/kinsta.com\/blog\/how-to-start-a-food-blog\/\">blogge om mad<\/a>, dine <a href=\"https:\/\/kinsta.com\/blog\/how-to-start-a-travel-blog\/\">rejser<\/a> eller andet end at l\u00f8be. N\u00e5r du skriver om et ikke-k\u00f8rt emne, giver det ikke meget mening at vise de tilpassede felter til information om k\u00f8rslen, ik?<\/p>\n<p>Hvad hvis du i stedet for automatisk at vise alle de brugerdefinerede felter, du lige har oprettet, kunne tilf\u00f8je et brugerdefineret felt, der siger &#8220;Er dette indl\u00e6g k\u00f8rt?&#8221;:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-eksempel-14.png\" alt=\"Conditional logic eksempel\" width=\"2260\" height=\"1147\"><figcaption class=\"wp-caption-text\">Conditional logic example<\/figcaption><\/figure>\n<p>Hvis du markerer afkrydsningsfeltet, vises feltoplysningerne om k\u00f8rsel automatisk. Hvis du lader det ikke v\u00e6re markeret, forbliver de skjult:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-markeret-15.png\" alt=\"De andre felter vises, n\u00e5r det er markeret\" width=\"2260\" height=\"1047\"><figcaption class=\"wp-caption-text\">De andre felter vises, n\u00e5r det er markeret<\/figcaption><\/figure>\n<p>Det er hvad conditional logic giver dig mulighed for!<\/p>\n<p>For at konfigurere dette, redigerer du din feltgruppe og tilf\u00f8jer et nyt <strong>sandt \/ falskt<\/strong> felt til &#8220;Er dette et l\u00f8b?&#8221;:<\/p>\n<figure style=\"width: 1693px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-tilfojelse-16.png\" alt=\"Tilf\u00f8jelse af et sandt \/ falsk felt\" width=\"1693\" height=\"915\"><figcaption class=\"wp-caption-text\">Tilf\u00f8jelse af et sandt \/ falsk felt<\/figcaption><\/figure>\n<p>Derefter redigerer du de eksisterende felter og aktiverer <strong>Conditional Logic<\/strong>, s\u00e5 hvert felt kun vises, n\u00e5r feltet &#8220;Er dette et l\u00f8b?&#8221; Er markeret:<\/p>\n<figure style=\"width: 1622px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-felter-17.png\" alt=\"Tilf\u00f8jelse af conditional logic til andre felter\" width=\"1622\" height=\"615\"><figcaption class=\"wp-caption-text\">Tilf\u00f8jelse af conditional logic til andre felter<\/figcaption><\/figure>\n<h2 id=\"display\">S\u00e5dan vises advanced custom fields p\u00e5 frontend<\/h2>\n<p>Ok, vi er halvvejs gennem vores avancerede Custom Fields-rejse. Du kan nu tilf\u00f8je oplysninger til dine brugerdefinerede felter, knytte dem til den relevante indl\u00e6gstype og gemme dem i din database.<\/p>\n<p>Der er dog stadig et potentielt problem: Oplysningerne fra dine brugerdefinerede felter vises ikke nogen steder p\u00e5 frontend endnu!<\/p>\n<p>Det er, selvom du har tilf\u00f8jet nogle brugerdefinerede felter til redigeringsprogrammet til dine blogindl\u00e6g, ligner dit blogindl\u00e6g stadig bare et normalt blogindl\u00e6g p\u00e5 frontend:<\/p>\n<figure style=\"width: 1867px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-brugerdefinerede-18.png\" alt=\"Ingen brugerdefinerede felter p\u00e5 frontend\" width=\"1867\" height=\"1003\"><figcaption class=\"wp-caption-text\">Ingen brugerdefinerede felter p\u00e5 frontend<\/figcaption><\/figure>\n<p>Lad os fixe det.<\/p>\n<p>Der er nogle f\u00e5 forskellige m\u00e5der, du kan vise data om advanced custom fields p\u00e5 fronten af \u200b\u200bdit websted. Den n\u00f8jagtige metode, du v\u00e6lger, afh\u00e6nger af dine behov og vidensniveau. Her er tre forskellige m\u00e5der at opn\u00e5 dette:<\/p>\n<ol>\n<li><a href=\"#theme\">Dit temas skabelonfiler<\/a> &#8211; dette kr\u00e6ver lidt teknisk viden, men det er den bedste fremgangsm\u00e5de det meste af tiden, is\u00e6r hvis du har det godt med at arbejde i dit temas skabelonfiler.<\/li>\n<li><a href=\"#shortcode\">Med en shortcode<\/a> &#8211; dette er superenkelt og en god mulighed, hvis du bare vil inds\u00e6tte brugerdefinerede feltdata fra sag til sag. Det kr\u00e6ver dog meget mere manuelt arbejde, fordi du bliver n\u00f8dt til at tilf\u00f8je <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-shortcoder\/\">shortcodes<\/a> til hvert indl\u00e6g.<\/li>\n<li><a href=\"#elementor\">Med Elementor Pro<\/a> &#8211; dette er fantastisk, fordi det helt eliminerer behovet for at arbejde med PHP, men det er et premiumprodukt, og det betyder ogs\u00e5, at du bliver n\u00f8dt til at bruge Elementor Pro til din templering.<\/li>\n<\/ol>\n<p>Du kan klikke ovenfor for at springe direkte til en bestemt metode, eller du kan l\u00e6se dem alle igennem. Op til dig.<\/p>\n<h3 id=\"theme\">S\u00e5dan tilf\u00f8jes advanced custom fields i tema-skabelonfiler<\/h3>\n<p>Den f\u00f8rste m\u00e5de at f\u00e5 vist dine brugerdefinerede feltoplysninger er at tilf\u00f8je advanced custom fields PHP-funktioner direkte til dit <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-child-theme\/\">child themes skabelonfiler<\/a>.<\/p>\n<p>Dette er lidt avanceret, fordi det kr\u00e6ver, at du grave i dit temas skabelonfiler, men det sikrer, at dine brugerdefinerede felter automatisk vises p\u00e5 samme sted hver gang.<\/p>\n<p>Specifikt skal du redigere den <strong>enkelte<\/strong> skabelon for den p\u00e5g\u00e6ldende indl\u00e6gstype.<\/p>\n<p>For et regelm\u00e6ssigt blogindl\u00e6g er dette<strong> single.php<\/strong>. Eller nogle temaer opdeler ting i skabelondele. For f.eks. <a href=\"https:\/\/kinsta.com\/dk\/blog\/twenty-nineteen-tema\/\">TwentyNineteen-temaet<\/a> skal du faktisk redigere skabelondelen <strong>content-single.php<\/strong>.<\/p>\n<p>Hvis du f\u00f8ler dig fortabt her, kan du bruge en anden metode.<\/p>\n<p>N\u00e5r du har fundet temaskabelonfilen til dit enkelt indl\u00e6g, kan du bruge advanced custom fields &#8216;<strong>the_field()<\/strong> -funktionen til at f\u00e5 vist et feltoplysninger. For eksempel,<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('FIELD_NAME'); ?&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/www.advancedcustomfields.com\/resources\/the_field\/\">L\u00e6r mere om det her<\/a>.<\/p>\n<p>For eksempel, for at vise feltet &#8220;Purpose&#8221;, skal du bruge<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('purpose'); ?&gt;<\/code><\/pre>\n<p>Du kan finde feltnavnet, n\u00e5r du redigerer en feltgruppe:<\/p>\n<figure style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-feltnavnet-19.png\" alt=\"Hvor finder du ACF-feltnavnet\" width=\"1680\" height=\"774\"><figcaption class=\"wp-caption-text\">Hvor finder du ACF-feltnavnet<\/figcaption><\/figure>\n<p>S\u00e5 hvis du kombinerer en lille HTML-markering med PHP, f\u00e5r du muligvis noget lignende til at vise alle felterne:<\/p>\n<pre><code class=\"language-php\">&lt;div class=\"run-information\"&gt;\n&lt;ul&gt;\n&lt;li&gt;&lt;strong&gt;Purpose:&lt;\/strong&gt; &lt;?php the_field('purpose'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Distance:&lt;\/strong&gt; &lt;?php the_field('distance'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Start Time:&lt;\/strong&gt; &lt;?php the_field('start_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;End Time:&lt;\/strong&gt; &lt;?php the_field('finish_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Location:&lt;\/strong&gt; &lt;?php the_field('location'); ?&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>For at tilf\u00f8je dette over det almindelige indl\u00e6gs-indhold skal du tilf\u00f8je dette til din temaskabelon-fil over <strong>the_content():<\/strong><\/p>\n<figure style=\"width: 1819px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-tema-skabelonfil-20.png\" alt=\"Hvor tilf\u00f8jes kode i tema skabelonfil\" width=\"1819\" height=\"1047\"><figcaption class=\"wp-caption-text\">Hvor tilf\u00f8jes kode i tema skabelonfil<\/figcaption><\/figure>\n<p>Og nu, efter at du har opdateret blogindl\u00e6gget, kan du se de brugerdefinerede feltdata over det almindelige WordPress-indhold:<\/p>\n<figure style=\"width: 1730px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-felter-21.png\" alt=\"Du kan nu se felter p\u00e5 fronten\" width=\"1730\" height=\"861\"><figcaption class=\"wp-caption-text\">Du kan nu se felter p\u00e5 fronten<\/figcaption><\/figure>\n<p>Hvis du vil vide mere, <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#functions\">kan du se de fulde dokumentation p\u00e5 Advanced Custom Fields<\/a>.<\/p>\n<h3 id=\"shortcode\">S\u00e5dan vises avancerede brugerdefinerede feltdata med en short code<\/h3>\n<p>For en meget enklere m\u00e5de at f\u00e5 vist dine brugerdefinerede feltdata kan du ogs\u00e5 bruge shortcodes. Ulempen her er dog, at du bliver n\u00f8dt til at tilf\u00f8je shortcode den hver gang du \u00f8nsker at f\u00e5 vist et brugerdefineret felt. Der er ingen nem m\u00e5de at automatisere denne opgave p\u00e5.<\/p>\n<p>shortcode er denne:<\/p>\n<pre><code>[acf field=\"FIELD_NAME\"]<\/code><\/pre>\n<p>Hvis du f.eks. indtastede dette i WordPress-editoren:<\/p>\n<figure style=\"width: 2250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-vise-22.png\" alt=\"Brug af shortcodes til at vise ACF-data\" width=\"2250\" height=\"1073\"><figcaption class=\"wp-caption-text\">Brug af shortcodes til at vise ACF-data<\/figcaption><\/figure>\n<p>Derefter ser fronten p\u00e5 dit websted n\u00f8jagtigt ud som den foreg\u00e5ende temaskabelonmetode:<\/p>\n<figure style=\"width: 1725px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-temaskabelonfilen-23.png\" alt=\"shortcodes ser identiske ud med temaskabelonfilen\" width=\"1725\" height=\"816\"><figcaption class=\"wp-caption-text\">shortcodes ser identiske ud med temaskabelonfilen<\/figcaption><\/figure>\n<h3 id=\"elementor\">S\u00e5dan vises aadvanced custom fields med Elementor Pro<\/h3>\n<p>Elementor er en af de mest <a href=\"https:\/\/kinsta.com\/dk\/blog\/wordpress-page-builder\/#elementor\">popul\u00e6re WordPress-sidebygere<\/a>. Det giver dig mulighed for at opbygge dine designs ved hj\u00e6lp af visuel, drag-n-drop-redigering. En lille sidenote, <a href=\"https:\/\/kinsta.com\/dk\/wordpress-hosting\/elementor\/\">Elementor er en af Kinstas officielle partnere<\/a>.<\/p>\n<p>Med Elementor Pro, den betalte tilf\u00f8jelse, kan du ogs\u00e5 opbygge dit temas skabelonfiler, herunder en mulighed for at inds\u00e6tte dynamiske brugerdefinerede feltdata fra advanced custom fields i dine design.<\/p>\n<p>Dette er en fantastisk mulighed, hvis du vil have fleksibiliteten til automatisk at inkludere brugerdefinerede feltdata i dine skabeloner, men ikke har det godt med at udf\u00f8re <a href=\"https:\/\/kinsta.com\/dk\/blog\/redigeres-wordpress-kode\/\">direkte kode\u00e6ndringer<\/a> til dit temas skabelonfiler.<\/p>\n<p>For at komme i gang skal du g\u00e5 til <strong>Skabeloner &gt; Temabygger<\/strong> og oprette en ny Elementor-skabelon til dit indl\u00e6g Enkelt:<\/p>\n<figure style=\"width: 2167px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-skabelon-24.png\" alt=\"Opret en ny Elementor-skabelon\" width=\"2167\" height=\"1284\"><figcaption class=\"wp-caption-text\">Opret en ny Elementor-skabelon<\/figcaption><\/figure>\n<p>Du kan tilf\u00f8je de almindelige Elementor-widgets til dit <strong>indl\u00e6gstitel<\/strong> og dit <strong>indhold<\/strong>. For at f\u00e5 vist de brugerdefinerede feltdata tilf\u00f8jede du almindelige <strong>tekstredigerings<\/strong>-widgets. Den eneste forskel her i stedet for at redigere teksten, ville du v\u00e6lge den <strong>Dynamic<\/strong> indstilling:<\/p>\n<figure style=\"width: 1807px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-mulighed-25.png\" alt=\"Elementor Pro \u201cDynamic\u201d mulighed\" width=\"1807\" height=\"938\"><figcaption class=\"wp-caption-text\">Elementor Pro \u201cDynamic\u201d mulighed<\/figcaption><\/figure>\n<p>Efter dette kan du v\u00e6lge <strong>ACF-field<\/strong> i rullemenuen:<\/p>\n<figure style=\"width: 1901px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-tutorial-26.png\" alt=\"V\u00e6lg \"ACF Field\"\" width=\"1901\" height=\"941\"><figcaption class=\"wp-caption-text\">V\u00e6lg &#8220;ACF Field&#8221;<\/figcaption><\/figure>\n<p>Derfra kan du v\u00e6lge det specifikke felt, du tilf\u00f8jede med advanced custom fields:<\/p>\n<figure style=\"width: 1743px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-specifikke-27.png\" alt=\"V\u00e6lg det specifikke felt, du vil vise\" width=\"1743\" height=\"833\"><figcaption class=\"wp-caption-text\">V\u00e6lg det specifikke felt, du vil vise<\/figcaption><\/figure>\n<p>Og du kan ogs\u00e5 bruge fanen <strong>Advanced<\/strong> accordion til at afh\u00e6nge eller tilf\u00f8je oplysninger, som giver dig mulighed for at tilf\u00f8je etiketter og enheder:<\/p>\n<figure style=\"width: 1816px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/06\/advanced-custom-fields-oplysninger-28.png\" alt=\"Forbered eller tilf\u00f8j oplysninger\" width=\"1816\" height=\"845\"><figcaption class=\"wp-caption-text\">Forbered eller tilf\u00f8j oplysninger<\/figcaption><\/figure>\n<p>Let, ikke? Gentag nu bare for andre brugerdefinerede felter!<\/p>\n<h2>Resum\u00e9<\/h2>\n<p>Ved hj\u00e6lp af advanced custom fields kan du berige dine sider og blogindl\u00e6g med mere data og information med en brugervenlig l\u00f8sning. Mere: du kan begynde at indsamle yderligere oplysninger om ethvert indhold p\u00e5 dit websted og derefter vise det p\u00e5 fronten for dine bes\u00f8gende.<\/p>\n<p>For at g\u00f8re det har du 3 muligheder:<\/p>\n<ul>\n<li>Dit temas skabelonfiler<\/li>\n<li>Med en kort kode<\/li>\n<li>Med Elementor Pro<\/li>\n<\/ul>\n<p>Den viden, du har f\u00e5et i dette indl\u00e6g, giver dig mulighed for at l\u00e5se op for WordPress\u2019 dybe potentiale til at opbygge 100% brugerdefinerede websteder, der g\u00e5r langt ud over WordPress&#8217; blogger\u00f8dder.<\/p>\n<p>Det eneste sp\u00f8rgsm\u00e5l, der er tilbage, er dette:<\/p>\n<p>Hvad opretter du med advanced custom fields? Del det med os i kommentarerne herunder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress brugerdefinerede felter er en vigtig del af det, der g\u00f8r WordPress til et fleksibelt content management system, snarere end \u201cbare en blogplatform\u201d. N\u00e5r det kommer &#8230;<\/p>\n","protected":false},"author":103,"featured_media":33165,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[38,2],"topic":[754],"class_list":["post-33137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-wordpress-udvikling"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Advanced Custom Fields tutorial: Din ultimative guide<\/title>\n<meta name=\"description\" content=\"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Custom Fields tutorial: Din ultimative guide\" \/>\n<meta property=\"og:description\" content=\"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-29T05:42:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-28T05:48:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Advanced Custom Fields tutorial: Din ultimative guide\",\"datePublished\":\"2019-08-29T05:42:29+00:00\",\"dateModified\":\"2023-08-28T05:48:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/\"},\"wordCount\":3423,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"Bedste WordPress Tutorials\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/\",\"name\":\"Advanced Custom Fields tutorial: Din ultimative guide\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png\",\"datePublished\":\"2019-08-29T05:42:29+00:00\",\"dateModified\":\"2023-08-28T05:48:44+00:00\",\"description\":\"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png\",\"width\":1460,\"height\":730,\"caption\":\"Advanced custom fields tutorial: Din ultimative guide\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress udvikling\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/wordpress-udvikling\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Advanced Custom Fields tutorial: Din ultimative guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/dk\/#website\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/dk\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Advanced Custom Fields tutorial: Din ultimative guide","description":"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/","og_locale":"da_DK","og_type":"article","og_title":"Advanced Custom Fields tutorial: Din ultimative guide","og_description":"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!","og_url":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2019-08-29T05:42:29+00:00","article_modified_time":"2023-08-28T05:48:44+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png","type":"image\/png"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png","twitter_creator":"@matteoduo","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Matteo Du\u00f2","Estimeret l\u00e6setid":"18 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Advanced Custom Fields tutorial: Din ultimative guide","datePublished":"2019-08-29T05:42:29+00:00","dateModified":"2023-08-28T05:48:44+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/"},"wordCount":3423,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png","keywords":["webdev","WordPress"],"articleSection":["Bedste WordPress Tutorials"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/","url":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/","name":"Advanced Custom Fields tutorial: Din ultimative guide","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png","datePublished":"2019-08-29T05:42:29+00:00","dateModified":"2023-08-28T05:48:44+00:00","description":"Advanced Custom Fields er et enest\u00e5ende plugin til styring af WordPress brugerdefinerede felter. L\u00e6r alt hvad du har brug for om ACF med vores omfattende guide!","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2019\/08\/advanced-custom-fields.png","width":1460,"height":730,"caption":"Advanced custom fields tutorial: Din ultimative guide"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/advanced-custom-fields\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"WordPress udvikling","item":"https:\/\/kinsta.com\/dk\/emner\/wordpress-udvikling\/"},{"@type":"ListItem","position":3,"name":"Advanced Custom Fields tutorial: Din ultimative guide"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/dk\/#website","url":"https:\/\/kinsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/dk\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/33137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=33137"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/33137\/revisions"}],"predecessor-version":[{"id":33931,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/33137\/revisions\/33931"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/dk"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/translations\/se"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/33137\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/33165"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=33137"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=33137"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=33137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}