{"id":33753,"date":"2020-01-30T01:41:39","date_gmt":"2020-01-30T09:41:39","guid":{"rendered":"https:\/\/kinsta.com\/?p=48437"},"modified":"2020-02-21T20:39:33","modified_gmt":"2020-02-21T20:39:33","slug":"advanced-custom-fields","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/","title":{"rendered":"Advanced Custom Fields-handledning: Din Ultimata Guide"},"content":{"rendered":"<p>WordPress anpassade f\u00e4lt \u00e4r en viktig del av det som g\u00f6r WordPress till ett flexibelt <a href=\"https:\/\/kinsta.com\/blog\/content-management-system\/\">inneh\u00e5llshanteringssystem<\/a>, snarare \u00e4n &#8221;bara en bloggplattform&#8221;.<\/p>\n<p>N\u00e4r det g\u00e4ller WordPress anpassade f\u00e4lt, \u00e4r freemium-pluginet <strong>Advanced Custom Fields<\/strong> ett av de mest k\u00e4nda namnen. Det g\u00f6r det l\u00e4ttare att arbeta med anpassade f\u00e4lt i alla aspekter, och det \u00e4r ocks\u00e5 \u00e4mnet f\u00f6r v\u00e5rt inl\u00e4gg idag.<\/p>\n<p>Mer specifikt ska vi f\u00f6rklara varf\u00f6r Advanced Custom Fields \u00e4r s\u00e5 v\u00e4rdefullt och sedan visa dig steg f\u00f6r steg hur du kan till\u00e4mpa det p\u00e5 din WordPress-webbplats.<\/p>\n<p>Det h\u00e4r \u00e4r allt du hittar i det h\u00e4r inl\u00e4gget:<\/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>Det finns mycket att g\u00e5 igenom, s\u00e5 l\u00e5t oss komma ig\u00e5ng!<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Vad \u00e4r Advanced Custom Fields-pluginet?<\/h2>\n        <div><p>Advanced Custom Fields &#8211; ofta f\u00f6rkortat ACF &#8211; \u00e4r ett WordPress-plugin fr\u00e5n Elliot Condon, som l\u00e5ter dig l\u00e4gga till och hantera WordPress anpassade f\u00e4lt till en webbplats. Det \u00e4r tillg\u00e4ngligt b\u00e5de som gratis plugin och ett premiumplugin, som kallas ACF PRO, och kostar fr\u00e5n $25 f\u00f6r livstidsuppdateringar och f\u00f6r 1 webbplats.<\/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\/se\/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\">Vad \u00e4r WordPress anpassade f\u00e4lt? Vad l\u00e5ter de dig g\u00f6ra?<\/h2>\n<p>Med WordPress anpassade f\u00e4lt kan du l\u00e4gga till, lagra och visa ytterligare information om en bit av inneh\u00e5ll i WordPress. P\u00e5 en mer teknisk niv\u00e5 hj\u00e4lper anpassade f\u00e4lt dig att lagra metadata.<\/p>\n<p>\u00c4ven om du inte \u00e4r bekant med denna term driver anpassade f\u00e4lt mycket av funktionaliteten i dina favoritplugins och teman.<\/p>\n<p>Till exempel anv\u00e4nder <a href=\"https:\/\/kinsta.com\/se\/blog\/woocommerce-guide\/\">WooCommerce<\/a>, det mest popul\u00e4ra s\u00e4ttet att bygga en e-handelsbutik, anpassade f\u00e4lt f\u00f6r att lagra ytterligare information om en produkt som:<\/p>\n<ul>\n<li>Pris<\/li>\n<li>Vikt<\/li>\n<li>F\u00e4rg<\/li>\n<\/ul>\n<p>Eller, om du har ett <a href=\"https:\/\/kinsta.com\/blog\/wordpress-events-plugin\/\">WordPress kalenderplugin<\/a>, kommer det pluginet anv\u00e4nda anpassade f\u00e4lt f\u00f6r att lagra extra information om en h\u00e4ndelse som:<\/p>\n<ul>\n<li>Plats<\/li>\n<li>Start\/sluttid<\/li>\n<li>Pris<\/li>\n<\/ul>\n<p>Du kan ocks\u00e5 skapa egna anpassade f\u00e4lt f\u00f6r att lagra information som \u00e4r relevant f\u00f6r dina unika behov, vilket \u00e4r vad hela det h\u00e4r inl\u00e4gget handlar om.<\/p>\n\n<h3>N\u00e4r borde du anv\u00e4nda anpassade f\u00e4lt?<\/h3>\n<p>Nu kanske du undrar varf\u00f6r du ens beh\u00f6ver anpassade f\u00e4lt \u00f6verhuvudtaget.<\/p>\n<p>Om du till exempel vill l\u00e4gga upp en h\u00e4ndelse p\u00e5 din WordPress-webbplats, kunde du inte bara l\u00e4gga all den informationen som vanlig text i WordPress-redigeraren?<\/p>\n<p>Tja, du kan g\u00f6ra det. Men att anv\u00e4nda anpassade f\u00e4lt \u00e4r ett b\u00e4ttre tillv\u00e4gag\u00e5ngss\u00e4tt av n\u00e5gra sk\u00e4l:<\/p>\n<ul>\n<li><strong>Enklare inmatning<\/strong> &#8211; i st\u00e4llet f\u00f6r att skriva allt fr\u00e5n b\u00f6rjan, kommer en v\u00e4l utformad Anpassad f\u00e4lt-grupp att g\u00f6ra det mycket l\u00e4ttare att mata in data. Till exempel, ist\u00e4llet f\u00f6r att skriva ett datum kan du bara v\u00e4lja datum fr\u00e5n en datumv\u00e4ljare.<\/li>\n<li><strong>Konsekvens<\/strong> &#8211; den information du anger i dina anpassade f\u00e4lt visas alltid enligt dina inst\u00e4llningar, vilket inneb\u00e4r att den kommer att vara konsekvent \u00f6ver hela din webbplats.<\/li>\n<li><strong>Enkla uppdateringar och underh\u00e5ll<\/strong> &#8211; om du vill \u00e4ndra n\u00e5got om hur den informationen visas i framtiden, kan du bara uppdatera en sak snarare \u00e4n att beh\u00f6va redigera varje inl\u00e4gg individuellt.<\/li>\n<\/ul>\n<h3>WordPress inkluderar inbyggd Anpassade f\u00e4lt-funktionalitet<\/h3>\n<p>WordPress inneh\u00e5ller faktiskt inbyggd funktionalitet f\u00f6r att l\u00e4gga till anpassade f\u00e4lt till ditt inneh\u00e5ll. I den <a href=\"https:\/\/kinsta.com\/blog\/wordpress-tinymce-editor\/\">klassiska TinyMCE-redigeraren<\/a> kan du aktivera detta fr\u00e5n <strong>Sk\u00e4rmalternativ<\/strong>. I den <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/\">nya blockredigeraren<\/a> kan du aktivera den fr\u00e5n <strong>Alternativ<\/strong>.<\/p>\n<figure style=\"width: 2230px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/sahar-oppnar-anpassade-falt-blockredigeraren.png\" alt=\"S\u00e5 h\u00e4r \u00f6ppnar du anpassade f\u00e4lt i blockredigeraren\" width=\"2230\" height=\"1391\"><figcaption class=\"wp-caption-text\">S\u00e5 h\u00e4r \u00f6ppnar du anpassade f\u00e4lt i blockredigeraren<\/figcaption><\/figure>\n<p>Du kan sedan ange dina anpassade f\u00e4lt-data med nyckel\/v\u00e4rdepar:<\/p>\n<figure style=\"width: 2220px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/wordpress-inbyggda-anpassade-falt-funktionalitet.png\" alt=\"WordPress inbyggda anpassade f\u00e4lt-funktionalitet\" width=\"2220\" height=\"1375\"><figcaption class=\"wp-caption-text\">WordPress inbyggda anpassade f\u00e4lt-funktionalitet<\/figcaption><\/figure>\n<p>Denna inbyggda anpassade f\u00e4lt-funktionalitet \u00e4r helt funktionell, men det \u00e4r inte det mest anv\u00e4ndarv\u00e4nliga s\u00e4ttet att g\u00f6ra saker, vilket \u00e4r anledningen till att en hel del m\u00e4nniskor v\u00e4nder sig till pluginet Advanced Custom Fields ist\u00e4llet.<\/p>\n<h2 id=\"acf\">Advanced Custom Fields g\u00f6r det mycket enklare<\/h2>\n<p>Enkelt uttryckt, <a href=\"https:\/\/www.advancedcustomfields.com\/\">Advanced Custom Fields<\/a> g\u00f6r det mycket l\u00e4ttare att arbeta med anpassade f\u00e4lt i WordPress i&#8230; i princip alla aspekter.<\/p>\n<p>Det f\u00f6renklar gr\u00e4nssnittet f\u00f6r att l\u00e4gga till och hantera anpassade f\u00e4lt i din WordPress-panel och det f\u00f6renklar ocks\u00e5 processen f\u00f6r att visa information fr\u00e5n anpassade f\u00e4lt p\u00e5 frontenden p\u00e5 din webbplats. Detta faktum hj\u00e4lper till att f\u00f6rklara varf\u00f6r det \u00e4r <strong>aktivt p\u00e5 mer \u00e4n 1 miljoner webbplatser<\/strong> med <strong>4,9 stj\u00e4rnor med \u00f6ver 1,000 recensioner<\/strong>.<\/p>\n<p>P\u00e5 backenden l\u00e5ter det dig skapa anv\u00e4ndarv\u00e4nliga metarutor som inneh\u00e5ller f\u00f6rvalda f\u00e4lttyper. S\u00e5, snarare \u00e4n det generiska nyckel-v\u00e4rdesparet (som de du s\u00e5g ovan), kommer du att kunna anv\u00e4nda datumv\u00e4ljare, kryssrutor och mer, s\u00e5 h\u00e4r:<\/p>\n<figure id=\"attachment_33785\" aria-describedby=\"caption-attachment-33785\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-33785\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-blockredigeraren1.png\" alt=\"Advanced Custom Fields i blockredigeraren\" width=\"1024\" height=\"628\" srcset=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-blockredigeraren1.png 1024w, https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-blockredigeraren1-300x184.png 300w, https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-blockredigeraren1-768x471.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-33785\" class=\"wp-caption-text\">Advanced Custom Fields i blockredigeraren<\/figcaption><\/figure>\n<p>Totalt erbjuder Advanced Custom Fields 30+ olika f\u00e4lttyper som du kan l\u00e4gga till i vilket omr\u00e5de som helst i panelen, inklusive inl\u00e4gg, anv\u00e4ndare, taxonomier, media, kommentarer och till och med anpassade alternativsidor.<\/p>\n<p>Du kan <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#field-types\">visa detaljerad information om varje f\u00e4lttyp h\u00e4r<\/a>.<\/p>\n<p>Advanced Custom Fields g\u00f6r det ocks\u00e5 mycket l\u00e4ttare att visa den informationen, med v\u00e4ldokumenterade funktioner, kortkoder, Gutenberg-block och mer.<\/p>\n<p>Du kan ocks\u00e5 hitta integrationer med andra verktyg, som vissa <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sidbyggare\/\">dra och sl\u00e4pp-sidbyggare f\u00f6r WordPress<\/a>.<\/p>\n<h3>Advanced Custom Fields Gratis vs Pro: Vilken beh\u00f6ver du?<\/h3>\n<p>Advanced Custom Fields kommer b\u00e5de i en gratis samt en prisv\u00e4rd premiumversion.<\/p>\n<p>F\u00f6r de flesta grundl\u00e4ggande anv\u00e4ndningsomr\u00e5den \u00e4r gratisversionen helt okej. Det ger dig tillg\u00e5ng till n\u00e4stan alla f\u00e4lttyper, liksom alla tidsbesparande och anv\u00e4ndarv\u00e4nliga funktioner som beskrivs ovan.<\/p>\n<p>Om du bara vill lagra lite extra information om ditt inneh\u00e5ll, \u00e4r gratisversionen allt du beh\u00f6ver.<\/p>\n<p>Med det sagt l\u00e4gger Pro-versionen till n\u00e5gra ganska praktiska funktioner som hj\u00e4lper dig att anv\u00e4nda Advanced Custom Fields p\u00e5 mer intressanta s\u00e4tt:<\/p>\n<ul>\n<li><strong>Upprepningsf\u00e4lt<\/strong> &#8211; dessa l\u00e5ter dig upprepa vissa f\u00e4lt\/grupper av f\u00e4lt enskilt f\u00f6r varje inl\u00e4gg. Om du till exempel l\u00e4gger till information om en talare till en h\u00e4ndelse, skulle ett upprepningsf\u00e4lt hj\u00e4lpa dig att hantera situationen d\u00e4r det finns mer \u00e4n en talare (<i>du kan helt enkelt &#8221;upprepa&#8221; f\u00e4ltet\/f\u00e4lten f\u00f6r talare s\u00e5 m\u00e5nga g\u00e5nger som beh\u00f6vs, vilket g\u00f6r att du kan hantera fall d\u00e4r det finns flera talare<\/i>).<\/li>\n<li><strong>ACF-block<\/strong> &#8211; visa dina f\u00e4lt som ett Gutenbergblock, snarare \u00e4n en metabox. Detta \u00e4r s\u00e4rskilt praktiskt om du bygger en webbplats f\u00f6r en klient och vill ge dem ett enkelt s\u00e4tt att mata in och visualisera anpassade f\u00e4ltdata.<\/li>\n<li><strong>Flexibelt inneh\u00e5llsf\u00e4lt<\/strong> &#8211; skapa layouter fr\u00e5n andra f\u00e4lt. Det \u00e4r ungef\u00e4r som en l\u00e4tt sidbyggare baserad p\u00e5 anpassad f\u00e4lt-information.<\/li>\n<li><strong>Gallerif\u00e4lt<\/strong> &#8211; ladda upp flera bilder till ett enda f\u00e4lt.<\/li>\n<\/ul>\n<p>Det finns ocks\u00e5 n\u00e5gra andra skillnader, som alternativsidor, m\u00f6jligheten att klona f\u00e4lt, f\u00f6rb\u00e4ttringar av relationsf\u00e4lten och andra mindre justeringar.<\/p>\n<p>Du kan <a href=\"https:\/\/www.advancedcustomfields.com\/pro\/\">se alla ACF PRO-funktioner h\u00e4r<\/a>.<\/p>\n<p>ACF PRO kostar fr\u00e5n $25 f\u00f6r <strong>livstidsanv\u00e4ndning<\/strong> p\u00e5 en enskild webbplats. Annars kan du betala $100 f\u00f6r <strong>livstidsanv\u00e4ndning<\/strong> p\u00e5 obegr\u00e4nsade platser.<\/p>\n<p>Om du \u00e4r os\u00e4ker, b\u00f6rja med gratisversionen tills du identifierat exakt vilken funktionalitet du beh\u00f6ver. Du kan alltid uppgradera senare om det beh\u00f6vs.<\/p>\n<h2 id=\"tutorial\">Advanced Custom Fields-handledning: S\u00e5 h\u00e4r l\u00e4gger du till dina f\u00e4lt<\/h2>\n<p>L\u00e5t oss nu gr\u00e4va i sj\u00e4lva Advanced Custom Fields-handledningen s\u00e5 ska jag visa dig hur du skapar och visar din f\u00f6rsta upps\u00e4ttning anpassade f\u00e4lt.<\/p>\n<p>L\u00e5t oss s\u00e4ga att <a href=\"https:\/\/kinsta.com\/se\/blog\/hur-du-tjanar-pengar-pa-en-blogg\/\">du har en blogg<\/a> om l\u00f6pning. Du gillar verkligen att springa och du vill dela dina dagliga tr\u00e4ningspass med dina l\u00e4sare. Specifikt, med varje blogginl\u00e4gg, vill du dela en l\u00f6prundas:<\/p>\n<ul>\n<li><strong>Syfte<\/strong> &#8211; l\u00e5t oss s\u00e4ga att du har tv\u00e5 olika typer av l\u00f6pning: &#8221;hastighetstr\u00e4ning&#8221; och &#8221;konditionstr\u00e4ning&#8221;.<\/li>\n<li><strong>Avst\u00e5nd<\/strong> &#8211; hur l\u00e5ng din l\u00f6prunda var.<\/li>\n<li><strong>Starttid<\/strong> &#8211; n\u00e4r du b\u00f6rjade din l\u00f6prunda.<\/li>\n<li><strong>Sluttid<\/strong> &#8211; n\u00e4r du avslutade din l\u00f6prunda.<\/li>\n<li><strong>Plats<\/strong> &#8211; d\u00e4r din l\u00f6prunda \u00e4gde rum.<\/li>\n<\/ul>\n<p>F\u00f6r att samla den informationen beh\u00f6ver du l\u00e4gga till fem anpassade f\u00e4lt.<\/p>\n<p>Det \u00e4r viktigt att notera att de principer du l\u00e4r dig i denna Advanced Custom Fields-handledning g\u00e4ller f\u00f6r alla anv\u00e4ndningsfall. Vi v\u00e4ljer bara ett specifikt exempel eftersom det \u00e4r hj\u00e4lpsamt att ha ett konkret exempel f\u00f6r att f\u00f6rst\u00e5.<\/p>\n<p>Vi kommer att dela upp denna handledning i tv\u00e5 delar:<\/p>\n<ol>\n<li>S\u00e5 h\u00e4r l\u00e4gger du till och hanterar dina anpassade f\u00e4lt p\u00e5 backenden.<\/li>\n<li>S\u00e5 h\u00e4r visar du anpassad f\u00e4ltinformation p\u00e5 frontenden av din webbplats.<\/li>\n<\/ol>\n<h3>1. Skapa en ny F\u00e4ltgrupp<\/h3>\n<p>N\u00e4r du har installerat och aktiverat <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\">gratisversionen av Advanced Custom Fields fr\u00e5n WordPress.org<\/a>, g\u00e5 till <strong>Anpassade F\u00e4lt &gt; L\u00e4gg till nytt<\/strong> f\u00f6r att skapa din f\u00f6rsta <strong>F\u00e4ltgrupp<\/strong>.<\/p>\n<p>Som namnet antyder \u00e4r en &#8221;F\u00e4ltgrupp&#8221; en grupp av ett eller flera anpassade f\u00e4lt som visas tillsammans i din <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-admin\/\">WordPress-panel<\/a>.<\/p>\n<p>I det h\u00e4r exemplet skapar du en f\u00e4ltgrupp som inneh\u00e5ller fem anpassade f\u00e4lt.<\/p>\n<p>Ge din f\u00e4ltgrupp ett namn och v\u00e4lj sedan dess <strong>plats<\/strong>. F\u00f6r det h\u00e4r exemplet vill vi visa dessa anpassade f\u00e4lt f\u00f6r vanliga WordPress blogginl\u00e4gg, s\u00e5 du kan l\u00e4mna det som standard, vilket \u00e4r <strong>Inl\u00e4gg<\/strong>.<\/p>\n<p>Men om du vill visa dina anpassade f\u00e4lt n\u00e5gon annanstans, som vid sidan av en <a href=\"https:\/\/kinsta.com\/se\/blog\/anpassade-wordpress-inlaggstyper\/\">anpassad inl\u00e4ggstyp<\/a> eller med en taxonomi, beh\u00f6ver du \u00e4ndra detta. Du kan ocks\u00e5 st\u00e4lla in flera regler f\u00f6r att visa dina f\u00e4lt p\u00e5 flera platser:<\/p>\n<figure style=\"width: 1917px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/skapa-ny-acf-faltgrupp.png\" alt=\"Skapa en ny ACF-f\u00e4ltgrupp\" width=\"1917\" height=\"1262\"><figcaption class=\"wp-caption-text\">Skapa en ny ACF-f\u00e4ltgrupp<\/figcaption><\/figure>\n<h3>2. L\u00e4gg till anpassade f\u00e4lt<\/h3>\n<p>Klicka sedan p\u00e5 knappen <strong>+ L\u00e4gg till f\u00e4lt<\/strong> f\u00f6r att l\u00e4gga till ditt f\u00f6rsta anpassade f\u00e4lt:<\/p>\n<figure style=\"width: 1580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/lagg-till-nytt-falt.png\" alt=\"L\u00e4gg till ett nytt f\u00e4lt\" width=\"1580\" height=\"557\"><figcaption class=\"wp-caption-text\">L\u00e4gg till ett nytt f\u00e4lt<\/figcaption><\/figure>\n<p>Detta kommer att \u00f6ppna en hel del alternativ, men du beh\u00f6ver inte n\u00f6dv\u00e4ndigtvis fylla i allt.<\/p>\n<p>De tv\u00e5 viktigaste valen \u00e4r:<\/p>\n<ul>\n<li><strong>F\u00e4ltetikett<\/strong> &#8211; det h\u00e4r visas i redigeraren. Det kommer ocks\u00e5 att anv\u00e4ndas f\u00f6r att generera f\u00e4ltnamnet, vilket \u00e4r vad du anv\u00e4nder i koden. Du beh\u00f6ver inte \u00e4ndra f\u00e4ltnamnet (men du kan om du beh\u00f6ver).<\/li>\n<li><strong>F\u00e4lttyp<\/strong> &#8211; det h\u00e4r \u00e4r den typ av information du vill samla in. Du vill till exempel att ett <strong>nummerf\u00e4lt<\/strong> samlar in nummerinformation eller att ett <strong>e-postf\u00e4lt<\/strong> ska samla in en e-postadress.<\/li>\n<\/ul>\n<p>F\u00f6r det f\u00f6rsta f\u00e4ltet vill du ha en <strong>Radioknapp<\/strong>-f\u00e4lttyp:<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/konfigurera-ett-falt.png\" alt=\"Konfigurera ett f\u00e4lt\" width=\"1608\" height=\"1024\"><figcaption class=\"wp-caption-text\">Konfigurera ett f\u00e4lt<\/figcaption><\/figure>\n<p>L\u00e4ngre ner kan du ange alternativ f\u00f6r val av radioknapp i rutan <strong>Val<\/strong>:<\/p>\n<figure style=\"width: 1610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/ange-alternativ-radiobox.png\" alt=\"Ange alternativ f\u00f6r Radiobox\" width=\"1610\" height=\"784\"><figcaption class=\"wp-caption-text\">Ange alternativ f\u00f6r Radiobox<\/figcaption><\/figure>\n<p>Det finns ocks\u00e5 ett antal andra val du kan g\u00f6ra, som om ett f\u00e4lt kr\u00e4vs eller inte och ett standardv\u00e4rde. Du kan konfigurera dessa efter dina behov.<\/p>\n<p>L\u00e5t oss titta p\u00e5 ett annat exempel: ett eget f\u00e4lt f\u00f6r att samla in avst\u00e5ndet f\u00f6r l\u00f6prundan. Den h\u00e4r g\u00e5ngen vill du ha en <strong>nummerf\u00e4lttyp<\/strong>:<\/p>\n<figure style=\"width: 1611px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/skapa-ett-nummerfalt.png\" alt=\"Skapa ett nummerf\u00e4lt\" width=\"1611\" height=\"1127\"><figcaption class=\"wp-caption-text\">Skapa ett nummerf\u00e4lt<\/figcaption><\/figure>\n<p>Du kan ocks\u00e5 g\u00f6ra saker och ting lite mer anv\u00e4ndarv\u00e4nliga genom att v\u00e4lja att <strong>L\u00e4gga till<\/strong> avst\u00e5ndsenheten. Och om du vill kan du ocks\u00e5 l\u00e4gga till validering med ett <strong>L\u00e4gsta v\u00e4rde<\/strong> och <strong>H\u00f6gsta v\u00e4rde<\/strong>. Till exempel, du kommer f\u00f6rmodligen inte springa 100 mil i taget (och om du g\u00f6r det&#8230; OMG, du \u00e4r den ultimata Forrest Gump)!<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/fler-faltinstallningar.png\" alt=\"Fler f\u00e4ltinst\u00e4llningar\" width=\"1608\" height=\"958\"><figcaption class=\"wp-caption-text\">Fler f\u00e4ltinst\u00e4llningar<\/figcaption><\/figure>\n<p>Bara upprepa processen f\u00f6r alla andra anpassade f\u00e4lt du vill samla in. N\u00e4r det \u00e4r klart ska det se ut s\u00e5 h\u00e4r:<\/p>\n<figure style=\"width: 1607px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/olika-acf-falt.png\" alt=\"5 olika ACF-f\u00e4lt\" width=\"1607\" height=\"940\"><figcaption class=\"wp-caption-text\">5 olika ACF-f\u00e4lt<\/figcaption><\/figure>\n<h3>3. Konfigurera inst\u00e4llningar och publicera<\/h3>\n<p>F\u00f6r att g\u00f6ra f\u00e4rdigt, bl\u00e4ddra ner till rutan <strong>Inst\u00e4llningar<\/strong>. H\u00e4r kan du styra hur dina f\u00e4lt visas i <a href=\"https:\/\/kinsta.com\/se\/?s=wordpress+editor\">WordPress-redigeraren<\/a><\/p>\n<p>F\u00f6r det mesta kan du l\u00e4mna dessa som de \u00e4r. Men \u00e4ndra det g\u00e4rna om du vill. Du kan till exempel v\u00e4lja att visa dina anpassade f\u00e4lt ovanf\u00f6r den vanliga WordPress-redigeraren:<\/p>\n<figure style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/konfigurera-installningarna-acf-faltgruppen.png\" alt=\"Konfigurera inst\u00e4llningarna f\u00f6r ACF-f\u00e4ltgruppen\" width=\"1616\" height=\"1143\"><figcaption class=\"wp-caption-text\">Konfigurera inst\u00e4llningarna f\u00f6r ACF-f\u00e4ltgruppen<\/figcaption><\/figure>\n<p>N\u00e4r du har gjort dina val, <strong>publicera<\/strong> din f\u00e4ltgrupp f\u00f6r att ta den live.<\/p>\n<h3>4. L\u00e4gg till lite information i WordPress-redigeraren<\/h3>\n<p>N\u00e4r du har publicerat din f\u00e4ltgrupp visas dina f\u00e4lt n\u00e4r du g\u00e5r till att skapa ett nytt inl\u00e4gg.<\/p>\n<p>Som standard visas de tillsammans under redigeraren i b\u00e5de den klassiska TinyMCE-redigeraren och den nya blockredigeraren:<\/p>\n<figure id=\"attachment_33789\" aria-describedby=\"caption-attachment-33789\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-33789\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fblockredigeraren.png\" alt=\"Advanced Custom Fields i blockredigeraren\" width=\"768\" height=\"471\" srcset=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fblockredigeraren.png 768w, https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fblockredigeraren-300x184.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-33789\" class=\"wp-caption-text\">Advanced Custom Fields i blockredigeraren<\/figcaption><\/figure>\n<p>Den information du anger h\u00e4r kommer att lagras i din webbplats <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpressdatabasen\/\">WordPress-databas<\/a> f\u00f6r enkel h\u00e4mtning (du kommer se det i n\u00e4sta del av v\u00e5r Advanced Custom Fields handledning).<\/p>\n<h3>Utforska villkorlig logik<\/h3>\n<p>Innan vi g\u00e5r vidare, l\u00e5t oss ta en snabb avstickare.<\/p>\n<p>En av anledningarna till att Advanced Custom Fields \u00e4r s\u00e5 popul\u00e4rt \u00e4r av alla intressanta implementeringar det till\u00e5ter.<\/p>\n<p>Och ett kraftfullt alternativ h\u00e4r \u00e4r <strong>villkorlig logik<\/strong>, som l\u00e5ter dig visa\/d\u00f6lja f\u00e4lt baserat p\u00e5 hur ett tidigare f\u00e4lt besvarades.<\/p>\n<p>L\u00e5t oss titta p\u00e5 ett snabbt exempel p\u00e5 hur det h\u00e4r fungerar\u2026<\/p>\n<p>L\u00e5t oss s\u00e4ga att du vill <a href=\"https:\/\/kinsta.com\/blog\/how-to-start-a-food-blog\/\">blogga om mat<\/a>, dina <a href=\"https:\/\/kinsta.com\/blog\/how-to-start-a-travel-blog\/\">resor<\/a> eller n\u00e5got annat \u00e4n att springa. N\u00e4r du skriver om ett \u00e4mne som inte handlar om l\u00f6pning \u00e4r det ingen id\u00e9 att visa de anpassade f\u00e4lten f\u00f6r information om l\u00f6pningen, eller hur?<\/p>\n<p>T\u00e4nk om du ist\u00e4llet f\u00f6r att automatiskt visa alla anpassade f\u00e4lt du just skapat kan l\u00e4gga till ett eget f\u00e4lt som s\u00e4ger &#8221;\u00e4r det h\u00e4r inl\u00e4gget en l\u00f6prunda?&#8221;:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/villkorlig-logik-exempel.png\" alt=\"Villkorlig logik, exempel\" width=\"2260\" height=\"1147\"><figcaption class=\"wp-caption-text\">Villkorlig logik, exempel<\/figcaption><\/figure>\n<p>Om du markerar rutan visas f\u00e4lten f\u00f6r l\u00f6pinformation automatiskt. Om du l\u00e4mnar det omarkerat f\u00f6rblir de dolda:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/andre-falten-visas-markerat.png\" alt=\"De andra f\u00e4lten visas n\u00e4r det \u00e4r markerat.\" width=\"2260\" height=\"1047\"><figcaption class=\"wp-caption-text\">De andra f\u00e4lten visas n\u00e4r det \u00e4r markerat.<\/figcaption><\/figure>\n<p>Det \u00e4r vad villkorlig logik l\u00e5ter dig g\u00f6ra!<\/p>\n<p>F\u00f6r att st\u00e4lla in detta, beh\u00f6ver du redigera din f\u00e4ltgrupp och l\u00e4gga till ett nytt <strong>sant\/falskt<\/strong> f\u00e4lt f\u00f6r &#8221;\u00e4r detta en l\u00f6prunda?&#8221;:<\/p>\n<figure style=\"width: 1693px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/lagga-till-sant-falskt-falt.png\" alt=\"L\u00e4gga till ett sant\/falskt f\u00e4lt\" width=\"1693\" height=\"915\"><figcaption class=\"wp-caption-text\">L\u00e4gga till ett sant\/falskt f\u00e4lt<\/figcaption><\/figure>\n<p>Sedan beh\u00f6ver du redigera de befintliga f\u00e4lten och aktivera <strong>villkorlig logik<\/strong> s\u00e5 att varje f\u00e4lt bara visas n\u00e4r &#8221;\u00e4r detta en l\u00f6prunda?&#8221;-f\u00e4ltet \u00e4r markerat:<\/p>\n<figure style=\"width: 1622px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/lagga-villkorlig-logik-andra-falt.png\" alt=\"L\u00e4gga till villkorlig logik i andra f\u00e4lt\" width=\"1622\" height=\"615\"><figcaption class=\"wp-caption-text\">L\u00e4gga till villkorlig logik i andra f\u00e4lt<\/figcaption><\/figure>\n<h2 id=\"display\">S\u00e5 h\u00e4r visar du Advanced Custom Fields p\u00e5 frontenden<\/h2>\n<p>Okej, vi \u00e4r halvv\u00e4gs genom v\u00e5r Advanced Custom Fields-resa. Du kan nu l\u00e4gga till information i dina anpassade f\u00e4lt, associera den med den relevanta inl\u00e4ggstypen och lagra den i din databas.<\/p>\n<p>Det finns dock fortfarande ett potentiellt problem: informationen fr\u00e5n dina anpassade f\u00e4lt visas inte n\u00e5gonstans p\u00e5 frontenden \u00e4nnu!<\/p>\n<p>Allts\u00e5; \u00e4ven om du har lagt till anpassade f\u00e4lt till redigeraren f\u00f6r dina blogginl\u00e4gg, ser ditt blogginl\u00e4gg fortfarande ut som ett vanligt blogginl\u00e4gg p\u00e5 frontenden:<\/p>\n<figure style=\"width: 1867px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/06\/advanced-custom-fields-tutorial-18.png\" alt=\"Inga anpassade f\u00e4lt p\u00e5 frontenden\" width=\"1867\" height=\"1003\"><figcaption class=\"wp-caption-text\">Inga anpassade f\u00e4lt p\u00e5 frontenden<\/figcaption><\/figure>\n<p>Vi ska fixa det.<\/p>\n<p>Det finns n\u00e5gra olika s\u00e4tt du kan visa Advanced Custom Fields-data p\u00e5 frontenden av din webbplats. Vilken metod du v\u00e4ljer beror p\u00e5 dina behov och kunskapsniv\u00e5. H\u00e4r \u00e4r tre olika s\u00e4tt att uppn\u00e5 det:<\/p>\n<ol>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#theme\">Ditt temas mallfiler<\/a> &#8211; detta kr\u00e4ver lite teknisk kunskap, men det \u00e4r det b\u00e4sta tillv\u00e4gag\u00e5ngss\u00e4ttet f\u00f6r det mesta, speciellt om du \u00e4r bekv\u00e4m med att arbeta i temats mallfiler.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#shortcode\">Med en kortkod<\/a> &#8211; det h\u00e4r \u00e4r superenkelt och ett bra alternativ om du bara vill infoga anpassade f\u00e4lt-data fr\u00e5n fall till fall. Det kr\u00e4ver dock mycket mer manuellt arbete eftersom du m\u00e5ste l\u00e4gga till <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-kortkoder\/\">kortkoder<\/a> till varje inl\u00e4gg.<\/li>\n<li><a href=\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#elementor\">Med Elementor Pro<\/a> &#8211; det h\u00e4r \u00e4r j\u00e4ttebra eftersom det helt eliminerar behovet av att arbeta med PHP, men det \u00e4r en premiumprodukt och det betyder ocks\u00e5 att du m\u00e5ste anv\u00e4nda Elementor Pro f\u00f6r dina mallar.<\/li>\n<\/ol>\n<p>Du kan klicka ovan f\u00f6r att hoppa direkt till en viss metod eller s\u00e5 kan du l\u00e4sa igenom dem alla. Det \u00e4r upp till dig.<\/p>\n<h3 id=\"theme\">S\u00e5 h\u00e4r l\u00e4gger du till Advanced Custom Fields i temats mallfiler<\/h3>\n<p>Det f\u00f6rsta s\u00e4ttet att visa din anpassade f\u00e4lt-information \u00e4r att l\u00e4gga till Advanced Custom Fields PHP-funktioner direkt till <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\">ditt barntemas mallfiler<\/a>.<\/p>\n<p>Det h\u00e4r \u00e4r lite avancerat eftersom det kr\u00e4ver att du gr\u00e4ver i temats mallfiler, men det s\u00e4kerst\u00e4ller att dina anpassade f\u00e4lt automatiskt visas p\u00e5 samma plats varje g\u00e5ng.<\/p>\n<p>Specifikt m\u00e5ste du redigera <strong>single<\/strong>-mallen f\u00f6r inl\u00e4ggstypen i fr\u00e5ga.<\/p>\n<p>F\u00f6r ett vanligt blogginl\u00e4gg \u00e4r detta <strong>single.php<\/strong>. Vissa teman delar upp saker och ting i malldelar. F\u00f6r <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-nineteen-tema\/\">TwentyNineteen-temat<\/a> beh\u00f6ver du till exempel faktiskt redigera malldelen <strong>content-single.php<\/strong>.<\/p>\n<p>Om du k\u00e4nner dig vilse h\u00e4r, kanske du borde anv\u00e4nda en annan metod.<\/p>\n<p>N\u00e4r du har hittat temamallfilen f\u00f6r ditt inl\u00e4gg kan du anv\u00e4nda Advanced Custom Fields <strong>the_field()<\/strong>-funktion f\u00f6r att visa ett f\u00e4lts information. Exempelvis,<\/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\u00e4s mer h\u00e4r<\/a> om det.<\/p>\n<p>Om du till exempel vill visa f\u00e4ltet &#8221;syfte&#8221; anv\u00e4nder du<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('purpose'); ?&gt;<\/code><\/pre>\n<p>Du kan hitta f\u00e4ltnamnet n\u00e4r du redigerar en f\u00e4ltgrupp:<\/p>\n<figure id=\"attachment_33773\" aria-describedby=\"caption-attachment-33773\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-33773\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/har-hittar-acf-faltnamn-se.png\" alt=\"H\u00e4r hittar du ACF-f\u00e4ltnamn\" width=\"1024\" height=\"472\" srcset=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/har-hittar-acf-faltnamn-se.png 1024w, https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/har-hittar-acf-faltnamn-se-300x138.png 300w, https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/har-hittar-acf-faltnamn-se-768x354.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-33773\" class=\"wp-caption-text\">H\u00e4r hittar du ACF-f\u00e4ltnamn<\/figcaption><\/figure>\n<p>S\u00e5 att kombinera liten HTML-kod med PHP, kan ge dig n\u00e5got som detta f\u00f6r att visa alla f\u00e4lt:<\/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>Om du vill l\u00e4gga till detta ovanf\u00f6r det vanliga inneh\u00e5llet i inl\u00e4gget l\u00e4gger du till det h\u00e4r i ditt temas mallfil ovanf\u00f6r <strong>the_content()<\/strong>:<\/p>\n<figure style=\"width: 1819px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/vardu-lagger-till-kod-temats-mallfil.png\" alt=\"Var du l\u00e4gger till kod i temats mallfil\" width=\"1819\" height=\"1047\"><figcaption class=\"wp-caption-text\">Var du l\u00e4gger till kod i temats mallfil<\/figcaption><\/figure>\n<p>Och nu, efter att ha uppdaterat blogginl\u00e4gget, kan du se anpassade f\u00e4ltdata ovanf\u00f6r det vanliga WordPress-inneh\u00e5llet:<\/p>\n<figure style=\"width: 1730px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/dukan-falten-frontenden.png\" alt=\"Du kan nu se f\u00e4lten p\u00e5 frontenden\" width=\"1730\" height=\"861\"><figcaption class=\"wp-caption-text\">Du kan nu se f\u00e4lten p\u00e5 frontenden<\/figcaption><\/figure>\n<p>Om du vill veta mer kan du <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#functions\">kolla in Advanced Custom Fields fullst\u00e4ndiga dokumentation<\/a>.<\/p>\n<h3 id=\"shortcode\">S\u00e5 h\u00e4r visar du Advanced Custom Fields data med en kortkod<\/h3>\n<p>F\u00f6r ett mycket enklare s\u00e4tt att visa dina anpassade f\u00e4ltdata kan du ocks\u00e5 anv\u00e4nda kortkoder. Nackdelen h\u00e4r \u00e4r dock att du m\u00e5ste l\u00e4gga till kortkoden varje g\u00e5ng du vill visa ett anpassat f\u00e4lt. Det finns inget enkelt s\u00e4tt att automatisera denna uppgift.<\/p>\n<p>Kortkoden \u00e4r detta:<\/p>\n<pre><code>[acf field=\"FIELD_NAME\"]<\/code><\/pre>\n<p>Till exempel, om du har angett detta i WordPress-redigeraren:<\/p>\n<figure style=\"width: 2250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/anvanda-kortkoder-visa-acf-data.png\" alt=\"Anv\u00e4nda kortkoder f\u00f6r att visa ACF-data\" width=\"2250\" height=\"1073\"><figcaption class=\"wp-caption-text\">Anv\u00e4nda kortkoder f\u00f6r att visa ACF-data<\/figcaption><\/figure>\n<p>D\u00e5 skulle frontenden av din webbplats se exakt likadan ut som f\u00f6reg\u00e5ende temamallmetod:<\/p>\n<figure style=\"width: 1725px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/kortkoderna-ser-identiska-med-termamallfilen.png\" alt=\"Kortkoderna ser identiska ut med temamallfilen\" width=\"1725\" height=\"816\"><figcaption class=\"wp-caption-text\">Kortkoderna ser identiska ut med temamallfilen<\/figcaption><\/figure>\n<h3 id=\"elementor\">S\u00e5 h\u00e4r visar du Advanced Custom Fields med Elementor Pro<\/h3>\n<p>Elementor \u00e4r en av de mest <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sidbyggare\/#elementor\">popul\u00e4ra sidbyggarna f\u00f6r WordPress<\/a>. Det l\u00e5ter dig bygga dina designer med hj\u00e4lp av visuell, dra och sl\u00e4pp-redigering. <a href=\"https:\/\/kinsta.com\/se\/wordpress-hosting\/elementor\/\">Elementor en av Kinstas officiella partners<\/a>.<\/p>\n<p>Med Elementor Pro, det betalda till\u00e4gget, kan du ocks\u00e5 bygga ditt temas mallfiler, inklusive ett alternativ f\u00f6r att infoga dynamiska anpassade f\u00e4ltdata fr\u00e5n Advanced Custom Fields i din design.<\/p>\n<p>Det h\u00e4r \u00e4r ett bra alternativ om du vill ha flexibiliteten att automatiskt inkludera anpassade f\u00e4ltdata i dina mallar, men k\u00e4nner dig inte bekv\u00e4m att g\u00f6ra <a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/\">direkta kodredigeringar<\/a> till ditt temas mallfiler.<\/p>\n<p>F\u00f6r att komma ig\u00e5ng beh\u00f6ver du g\u00e5 till <strong>Mallar &gt; Temabyggare<\/strong> och skapa en ny Elementor-mall f\u00f6r ditt inl\u00e4ggs Single:<\/p>\n<figure style=\"width: 2167px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/skapa-elementor-single-mall.png\" alt=\"Skapa en ny Elementor Single-mall\" width=\"2167\" height=\"1284\"><figcaption class=\"wp-caption-text\">Skapa en ny Elementor Single-mall<\/figcaption><\/figure>\n<p>Du kan l\u00e4gga till vanliga Elementor-widgets f\u00f6r din <strong>Inl\u00e4ggstitel<\/strong> och <strong>Inl\u00e4ggsinneh\u00e5ll<\/strong>. F\u00f6r att visa anpassade f\u00e4ltdata, beh\u00f6ver du sedan l\u00e4gga till vanliga <strong>Textredigerare<\/strong>-widgets. Den enda skillnaden h\u00e4r \u00e4r att du ist\u00e4llet f\u00f6r att redigera texten, skulle v\u00e4lja det <strong>Dynamiska<\/strong> alternativet:<\/p>\n<figure style=\"width: 1807px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/elementor-pro-dynamisk-alternativ.png\" alt=\"Elementor Pro \"Dynamisk\" alternativ\" width=\"1807\" height=\"938\"><figcaption class=\"wp-caption-text\">Elementor Pro &#8221;Dynamisk&#8221; alternativ<\/figcaption><\/figure>\n<p>D\u00e4refter kan du v\u00e4lja <strong>ACF-f\u00e4lt<\/strong> fr\u00e5n rullgardinsmenyn:<\/p>\n<figure style=\"width: 1901px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/valj-acf-falt.png\" alt=\"V\u00e4lj \"ACF-f\u00e4lt\"\" width=\"1901\" height=\"941\"><figcaption class=\"wp-caption-text\">V\u00e4lj &#8221;ACF-f\u00e4lt&#8221;<\/figcaption><\/figure>\n<p>D\u00e4rifr\u00e5n kan du v\u00e4lja det specifika f\u00e4lt du lagt till med Advanced Custom Fields:<\/p>\n<figure style=\"width: 1743px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/valt-det-specifika-falt-vill-visa.png\" alt=\"V\u00e4lj det specifika f\u00e4lt du vill visa\" width=\"1743\" height=\"833\"><figcaption class=\"wp-caption-text\">V\u00e4lj det specifika f\u00e4lt du vill visa<\/figcaption><\/figure>\n<p>Och du kan ocks\u00e5 anv\u00e4nda dragspelsfliken <strong>Avancerat<\/strong> f\u00f6r att f\u00f6rbereda eller l\u00e4gga till information, som l\u00e5ter dig l\u00e4gga till etiketter och enheter:<\/p>\n<figure style=\"width: 1816px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/06\/bifoga-information.png\" alt=\"Bifoga information\" width=\"1816\" height=\"845\"><figcaption class=\"wp-caption-text\">Bifoga information<\/figcaption><\/figure>\n<p>L\u00e4tt, eller hur? Upprepa nu bara f\u00f6r de andra anpassade f\u00e4lten!<\/p>\n<h2>Sammanfattning<\/h2>\n<p>Med hj\u00e4lp av Advanced Custom Fields kan du berika dina sidor och blogginl\u00e4gg med mer data och information med en l\u00e4ttanv\u00e4nd l\u00f6sning. Dessutom kan du b\u00f6rja samla in ytterligare information f\u00f6r inneh\u00e5ll p\u00e5 din webbplats och sedan visa den p\u00e5 frontenden f\u00f6r dina bes\u00f6kare.<\/p>\n<p>F\u00f6r att g\u00f6ra det har du 3 alternativ:<\/p>\n<ul>\n<li>Mallfiler f\u00f6r ditt tema<\/li>\n<li>Med en kortkod<\/li>\n<li>Med Elementor Pro<\/li>\n<\/ul>\n<p>Den kunskap du har f\u00e5tt i det h\u00e4r inl\u00e4gget l\u00e5ter dig l\u00e5sa upp den enorma potentialen hos WordPress f\u00f6r att bygga 100% anpassade webbplatser som g\u00e5r l\u00e5ngt ut\u00f6ver WordPress bloggr\u00f6tter.<\/p>\n<p>Den enda fr\u00e5gan som kvarst\u00e5r \u00e4r denna:<\/p>\n<p>Vad kommer du skapa med Advanced Custom Fields? Dela det med oss i kommentarerna nedan!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress anpassade f\u00e4lt \u00e4r en viktig del av det som g\u00f6r WordPress till ett flexibelt inneh\u00e5llshanteringssystem, snarare \u00e4n &#8221;bara en bloggplattform&#8221;. N\u00e4r det g\u00e4ller WordPress anpassade &#8230;<\/p>\n","protected":false},"author":103,"featured_media":33783,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[42,29],"topic":[],"class_list":["post-33753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress"],"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-handledning: Din Ultimata Guide<\/title>\n<meta name=\"description\" content=\"Advanced Custom Fields \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande 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\/se\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Advanced Custom Fields-handledning: Din Ultimata Guide\" \/>\n<meta property=\"og:description\" content=\"Advanced Custom Fields \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande guide!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-30T09:41:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-21T20:39:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.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 \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande guide!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Advanced Custom Fields-handledning: Din Ultimata Guide\",\"datePublished\":\"2020-01-30T09:41:39+00:00\",\"dateModified\":\"2020-02-21T20:39:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/\"},\"wordCount\":3769,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"De b\u00e4sta handledningarna f\u00f6r WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/\",\"name\":\"Advanced Custom Fields-handledning: Din Ultimata Guide\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png\",\"datePublished\":\"2020-01-30T09:41:39+00:00\",\"dateModified\":\"2020-02-21T20:39:33+00:00\",\"description\":\"Advanced Custom Fields \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande guide!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Custom Fields-handledning: Din Ultimata Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"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\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/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\/se\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Advanced Custom Fields-handledning: Din Ultimata Guide","description":"Advanced Custom Fields \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande 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\/se\/blog\/advanced-custom-fields\/","og_locale":"sv_SE","og_type":"article","og_title":"Advanced Custom Fields-handledning: Din Ultimata Guide","og_description":"Advanced Custom Fields \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande guide!","og_url":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2020-01-30T09:41:39+00:00","article_modified_time":"2020-02-21T20:39:33+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png","type":"image\/png"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Advanced Custom Fields \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande guide!","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png","twitter_creator":"@matteoduo","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Matteo Du\u00f2","Ber\u00e4knad l\u00e4stid":"19 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Advanced Custom Fields-handledning: Din Ultimata Guide","datePublished":"2020-01-30T09:41:39+00:00","dateModified":"2020-02-21T20:39:33+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/"},"wordCount":3769,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png","keywords":["webdev","WordPress"],"articleSection":["De b\u00e4sta handledningarna f\u00f6r WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/","url":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/","name":"Advanced Custom Fields-handledning: Din Ultimata Guide","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png","datePublished":"2020-01-30T09:41:39+00:00","dateModified":"2020-02-21T20:39:33+00:00","description":"Advanced Custom Fields \u00e4r ett exceptionellt plugin f\u00f6r att hantera WordPress anpassade f\u00e4lt. L\u00e4r dig allt du beh\u00f6ver veta om ACF med v\u00e5r omfattande guide!","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/advanced-custom-fields-se.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/advanced-custom-fields\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"Advanced Custom Fields-handledning: Din Ultimata Guide"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","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\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/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\/se\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/33753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=33753"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/33753\/revisions"}],"predecessor-version":[{"id":33790,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/33753\/revisions\/33790"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/dk"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/translations\/se"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/33753\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/33783"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=33753"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=33753"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=33753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}