{"id":302,"date":"2021-02-19T15:02:36","date_gmt":"2021-02-19T14:02:36","guid":{"rendered":"https:\/\/wp.klementin.dk\/?p=302"},"modified":"2022-02-08T16:29:10","modified_gmt":"2022-02-08T15:29:10","slug":"headless-wordpress","status":"publish","type":"post","link":"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/","title":{"rendered":"Headless WordPress"},"content":{"rendered":"\n

WordPress Headless er kort sagt, et WordPress administrationspanel med en ikke WordPress frontend. <\/p>\n\n\n\n

What? Hvordan det?<\/p>\n\n\n\n

<\/div>\n\n\n\n

N\u00e5r du skriver indl\u00e6g, l\u00e6gger produkter ud mv s\u00e5 kommer det ikke kun frem p\u00e5 din hjemmeside, det kommer ogs\u00e5 frem p\u00e5 dit s\u00e5kaldte REST API. Et REST API er forsimplet, din hjemmeside uden noget design. Det er alts\u00e5 det sted hvor du kan finde den samme info, som der er p\u00e5 din hjemmeside men uden nogen former for design.<\/p>\n\n\n\n

N\u00e5r du har den info som dit REST API tilbyder kan du begynde at lave rigtig, rigtig, RIGTIG sp\u00e6ndende ting med den data du ligger ud p\u00e5 din hjemmeside. Du kunne f.eks. lave en app? M\u00e5ske lave din hjemmeside til en SPA<\/a>? Mulighederne er n\u00e6rmest uendelige, og det er netop derfor at Headless WordPress vinder frem. <\/p>\n\n\n\n

<\/div>\n\n\n\n

S\u00e5 hvad er Headless WordPress helt pr\u00e6cist?<\/h2>\n\n\n\n
<\/div>\n\n\n\n

Headless WordPress er at du tager administrationspanelet fra WordPress som vi alle kender og elsker, b\u00e5de fordi det er simpelt og fordi at vi er vant til det.<\/p>\n\n\n\n

N\u00e5r du s\u00e5 har taget administrationspanelet, s\u00e5 tager du din frontend del ud af ligningen. Du st\u00e5r nu tilbage med et administrationspanel som du kender, du l\u00e6gger data ud p\u00e5 den m\u00e5de du kender, men i stedet for at du skal v\u00e6re bundet af dit WordPress tema kan du nu g\u00f8re lige pr\u00e6cis som du vil med din WordPress data. Vi gjorde det at vi lavede vores egen hjemmeside som en SPA<\/a>.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Hvad er fordelene?<\/h2>\n\n\n\n
<\/div>\n\n\n\n

Din data er fri<\/h4>\n\n\n\n

Fordelene med et Headless WordPress system er mange, f\u00f8rst og fremmest kan du f\u00e5 din data frem overalt. Vil du integrere din data fra WordPress til din Google Home? Lave en app? Ja, s\u00e5 er det faktisk muligt. Din data er helt fri til at blive udstillet pr\u00e6cis hvor du \u00f8nsker det. Det eneste det kr\u00e6ver er opfindsomhed og teknisk snilde. Har du det f\u00f8rste, kan vi hj\u00e6lpe dig med det sidste.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Du vil formentlig f\u00e5 en hurtigere side<\/h4>\n\n\n\n

Da du nu er fri af alt det ekstra kode der ligger og k\u00f8re p\u00e5 de fleste WordPress installationer, s\u00e5som f.eks. plugins der ikke bliver brugt, ja, s\u00e5 kan du alts\u00e5 formentlig se frem til at f\u00e5 en side der virker v\u00e6sentlig hurtigere og dermed giver dine bes\u00f8gende en bedre oplevelse.<\/p>\n\n\n\n

Lige n\u00f8jagtig hastigheden kan faktisk v\u00e6re grund nok i sig selv til at overveje en headless l\u00f8sning se her forneden.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"
If\u00f8lge Google <\/a>stiger risikoen for at dine bes\u00f8gende smutter med 32% n\u00e5r svar tiden er over et sekund og under 3<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Hvem har l\u00f8st til at g\u00e5 glip af 32% af deres bes\u00f8gende? Vi har i hvert fald ikke!<\/p>\n\n\n\n

<\/div>\n\n\n\n

Du f\u00e5r en glad udvikler<\/h4>\n\n\n\n

Du kommer til at g\u00f8re din udvikler rigtigt glad n\u00e5r du fort\u00e6ller denne at de helt selv kan v\u00e6lge deres udviklingsv\u00e6rkt\u00f8j da du \u00f8nsker dig en headless l\u00f8sning.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Hvad er ulemperne<\/h2>\n\n\n\n

Som med alt andet her i livet kommer ting sj\u00e6ldent uden b\u00e5de fordele og ulemper, og det er alts\u00e5 ogs\u00e5 tilf\u00e6ldet med en Headless WordPress installation. De er efter vores mening dog ikke s\u00e5 store igen.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Preview funktionen forsvinder<\/h4>\n\n\n\n

Da din frontend og dit administrationspanel ikke l\u00e6ngere er bundet sammen vil du ikke l\u00e6ngere have muligheden for at se et “preview” af dine sider. Der skal du have din frontend \u00e5ben i en browser ved siden af administrationspanelet.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Der findes et plugin til det!<\/h4>\n\n\n\n

Mentaliteten omkring WordPress er ofte at uanset hvilket problem du st\u00f8der ind i, s\u00e5 findes der et plugin til det. Dette vil fortsat v\u00e6re tilf\u00e6ldet, dog vil mange af de plugins du kan downloade ikke virke da dit administrationspanel og frontend ikke l\u00e6ngere “kender” hinanden. Plugins som f.eks. Advanced custom fields vil stadig virke hvor et plugin som f.eks. Contact form 7 ikke ville virke.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Hvem b\u00f8r overveje en Headless WordPress installation?<\/h2>\n\n\n\n

Har du en simpel blog vil du n\u00e6ppe f\u00e5 meget ud af at lave en headless installation, har du derimod en webshop, eller andet du har store planer med, ja s\u00e5 ville det give rigtig, rigtig god mening at lave den headless da du s\u00e5 meget nemt kan lave den til f.eks. en app.<\/p>\n","protected":false},"excerpt":{"rendered":"

WordPress Headless er kort sagt, et WordPress administrationspanel med en ikke WordPress frontend. What? Hvordan det? N\u00e5r du skriver indl\u00e6g, l\u00e6gger produkter ud mv s\u00e5 kommer det ikke kun frem p\u00e5 din hjemmeside, det kommer ogs\u00e5 frem p\u00e5 dit s\u00e5kaldte REST API. Et REST API er forsimplet, din hjemmeside uden noget design. Det er alts\u00e5… L\u00e6s mere Headless WordPress<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-302","post","type-post","status-publish","format-standard","hentry","category-blog","entry"],"yoast_head":"\nHeadless WordPress - Klementin<\/title>\n<meta name=\"description\" content=\"Find ud af her hvad en Headless WordPress installation er, og hvordan det kan hj\u00e6lpe dig til en mere brugervenlig hjemmeside.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Headless WordPress - Klementin\" \/>\n<meta property=\"og:description\" content=\"Find ud af her hvad en Headless WordPress installation er, og hvordan det kan hj\u00e6lpe dig til en mere brugervenlig hjemmeside.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Klementin\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-19T14:02:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-08T15:29:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/google-statistik-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\">\n\t<meta name=\"twitter:data1\" content=\"4 minutter\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp.klementin.dk\/#website\",\"url\":\"https:\/\/wp.klementin.dk\/\",\"name\":\"Klementin\",\"description\":\"Endnu en WordPress-blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/wp.klementin.dk\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"da-DK\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/#primaryimage\",\"inLanguage\":\"da-DK\",\"url\":\"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/google-statistik-1.png\",\"width\":861,\"height\":278},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/#webpage\",\"url\":\"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/\",\"name\":\"Headless WordPress - Klementin\",\"isPartOf\":{\"@id\":\"https:\/\/wp.klementin.dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/#primaryimage\"},\"datePublished\":\"2021-02-19T14:02:36+00:00\",\"dateModified\":\"2022-02-08T15:29:10+00:00\",\"author\":{\"@id\":\"https:\/\/wp.klementin.dk\/#\/schema\/person\/37d7eb75ab11d3b7de9c5c2993ea2483\"},\"description\":\"Find ud af her hvad en Headless WordPress installation er, og hvordan det kan hj\\u00e6lpe dig til en mere brugervenlig hjemmeside.\",\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp.klementin.dk\/#\/schema\/person\/37d7eb75ab11d3b7de9c5c2993ea2483\",\"name\":\"Patrick Hansen\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/wp.klementin.dk\/#personlogo\",\"inLanguage\":\"da-DK\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/961857b54f05b93012a87317bf02d7219e5f5be02594fab2cb20942e12a5d84a?s=96&d=mm&r=g\",\"caption\":\"Patrick Hansen\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","acf":{"list_image":{"ID":700,"id":700,"title":"Headless Wordpress sm\u00e5t-min","filename":"Headless-Wordpress-smaat-min.png","filesize":29533,"url":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min.png","link":"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/headless-wordpress-smaat-min\/","alt":"","author":"2","description":"","caption":"","name":"headless-wordpress-smaat-min","status":"inherit","uploaded_to":302,"date":"2022-02-08 15:28:58","modified":"2022-02-08 15:28:58","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/wp.klementin.dk\/wp-includes\/images\/media\/default.png","width":1000,"height":1000,"sizes":{"thumbnail":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min-300x300.png","medium-width":300,"medium-height":300,"medium_large":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min-768x768.png","medium_large-width":750,"medium_large-height":750,"large":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min.png","large-width":750,"large-height":750,"1536x1536":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min.png","1536x1536-width":1000,"1536x1536-height":1000,"2048x2048":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min.png","2048x2048-width":1000,"2048x2048-height":1000,"post-thumbnail":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-smaat-min.png","post-thumbnail-width":1000,"post-thumbnail-height":1000}},"big_image":{"ID":701,"id":701,"title":"Headless Wordpress stort-min","filename":"Headless-Wordpress-stort-min.png","filesize":17077,"url":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min.png","link":"https:\/\/wp.klementin.dk\/index.php\/2021\/02\/19\/headless-wordpress\/headless-wordpress-stort-min\/","alt":"","author":"2","description":"","caption":"","name":"headless-wordpress-stort-min","status":"inherit","uploaded_to":302,"date":"2022-02-08 15:29:06","modified":"2022-02-08 15:29:06","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/wp.klementin.dk\/wp-includes\/images\/media\/default.png","width":1660,"height":600,"sizes":{"thumbnail":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min-300x108.png","medium-width":300,"medium-height":108,"medium_large":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min-768x278.png","medium_large-width":750,"medium_large-height":271,"large":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min-1024x370.png","large-width":750,"large-height":271,"1536x1536":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min-1536x555.png","1536x1536-width":1536,"1536x1536-height":555,"2048x2048":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min.png","2048x2048-width":1660,"2048x2048-height":600,"post-thumbnail":"https:\/\/wp.klementin.dk\/wp-content\/uploads\/2021\/02\/Headless-Wordpress-stort-min-1568x567.png","post-thumbnail-width":1568,"post-thumbnail-height":567}},"sub_title":"Hvad er det?","reading_time":"4"},"seo":{"title":"Headless WordPress - Klementin","description":"Find ud af her hvad en Headless WordPress installation er, og hvordan det kan hj\u00e6lpe dig til en mere brugervenlig hjemmeside."},"_links":{"self":[{"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/posts\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":8,"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/posts\/302\/revisions"}],"predecessor-version":[{"id":703,"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/posts\/302\/revisions\/703"}],"wp:attachment":[{"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/media?parent=302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/categories?post=302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.klementin.dk\/index.php\/wp-json\/wp\/v2\/tags?post=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}