{"id":236784,"date":"2021-12-11T14:20:00","date_gmt":"2021-12-11T11:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236784"},"modified":"2021-12-04T11:03:11","modified_gmt":"2021-12-04T08:03:11","slug":"hur-man-lagger-till-dynamiskt-innehall-med-kortkoder","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-dynamiskt-innehall-med-kortkoder\/","title":{"rendered":"Hur man l\u00e4gger till dynamiskt inneh\u00e5ll med kortkoder"},"content":{"rendered":"<p>H\u00e4r \u00e4r problemet:<\/p>\n<p>Du vill inkludera ett formul\u00e4r, skjutreglage eller ett annat dynamiskt element i ett av dina inl\u00e4gg eller sidor. Hur g\u00f6r du det?<\/p>\n<p>Som tur \u00e4r skapade WordPress-utvecklarna en enkel l\u00f6sning som kallas kortkoder.<\/p>\n<h2>Vad \u00e4r kortkoder?<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ticI--IjCt8\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Prenumerera p\u00e5 t\u00e4vla teman p\u00e5 Youtube<\/a><\/p>\n<p>Kortkoder \u00e4r enkla koder som du kan l\u00e4gga till i inl\u00e4ggsredigeraren f\u00f6r att inkludera dynamiskt inneh\u00e5ll fr\u00e5n ett plugin.<\/p>\n<p>Till exempel l\u00e5ter <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MetaSlider-pluginet<\/a> dig skapa och anpassa bildreglage i din WordPress-instrumentpanel. N\u00e4r du \u00e4r klar med skjutreglaget kan du mata ut det p\u00e5 din webbplats med hj\u00e4lp av widgeten eller en kortkod.<\/p>\n<p><strong>N\u00e4stan varje plugin som skapar inneh\u00e5ll kommer att ge dig b\u00e5de en widget och kortkod att anv\u00e4nda.<\/strong><\/p>\n<p>Det h\u00e4r \u00e4r ett exempel p\u00e5 hur en kortkod som tillhandah\u00e5lls av MetaSlider-pluginet ser ut:<\/p>\n<p>[metaslider id=&quot;267\u2033]<\/p>\n<p>Kortkoder \u00e4r alltid inslagna inom parentes och b\u00f6rjar med ett namn som tilldelas av plugin. I det h\u00e4r fallet \u00e4r det namnet &quot;metaslider&quot;. Sedan finns det en rad parametrar. Kortkoden ovan har en parameter som heter &quot;id&quot; som \u00e4r satt lika med 267.<\/p>\n<h2>Hur man anv\u00e4nder kortkoder<\/h2>\n<p>Att anv\u00e4nda kortkoder \u00e4r v\u00e4ldigt enkelt.<\/p>\n<p>Oavsett vilket plugin du anv\u00e4nder kommer du att f\u00e5 kortkoden n\u00e5gonstans i pluginens gr\u00e4nssnitt. Till exempel listar WPForms kortkoden f\u00f6r att visa varje formul\u00e4r i menyn Alla formul\u00e4r.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b8881b872.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b8881b872.png\" alt=\"Hur man l\u00e4gger till dynamiskt inneh\u00e5ll med kortkoder\" ><\/a><\/p>\n<p>Kortkoder kan enkelt kopieras och klistras in i inl\u00e4ggsredigeraren. Till exempel, s\u00e5 h\u00e4r ser v\u00e5r kontaktsida ut i WP-instrumentpanelen:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b889de853.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-219847-6171b889de853.png\" alt=\"Hur man l\u00e4gger till dynamiskt inneh\u00e5ll med kortkoder\" ><\/a><\/p>\n<p>Ser du hur kortkoden \u00e4r synlig?<\/p>\n<p>Sj\u00e4lva formul\u00e4ret renderas inte i editorn. Men om du bes\u00f6ker kontaktsidan p\u00e5 v\u00e5r webbplats, kommer du att se formul\u00e4ret visas ist\u00e4llet f\u00f6r kortkoden som finns i editorn.<\/p>\n<p>Om du redigerar ett utkast, snarare \u00e4n en publicerad sida\/inl\u00e4gg, m\u00e5ste du spara utkastet innan kortkoden k\u00f6rs i f\u00f6rhandsgranskningen.<\/p>\n<p>Massor av plugins anv\u00e4nder kortkoder s\u00e5 du \u00e4r s\u00e4ker p\u00e5 att st\u00f6ta p\u00e5 dem n\u00e5gon g\u00e5ng om du inte redan har gjort det.<\/p>\n<h2>Slutsats<\/h2>\n<p>\u00c4ven om kortkoder inte \u00e4r helt intuitiva p\u00e5 grund av deras begr\u00e4nsade f\u00f6rm\u00e5ga att f\u00f6rhandsgranska inneh\u00e5ll i redigeraren, fungerar de bra f\u00f6r att l\u00e4gga till dynamiska element i inl\u00e4gg och sidor.<\/p>\n<p>N\u00e4r du v\u00e4l vet att du bara beh\u00f6ver kopiera och klistra in dem i editorn blir de v\u00e4ldigt l\u00e4tta att arbeta med. Vissa plugins har till och med extra parametrar f\u00f6r sina kortkoder som du kan anv\u00e4nda f\u00f6r att anpassa utdata.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u00e4r dig hur du anv\u00e4nder kortkoder f\u00f6r att visa alla typer av dynamiskt inneh\u00e5ll fr\u00e5n plugins p\u00e5 alla inl\u00e4gg eller sidor p\u00e5 din webbplats.<\/p>\n","protected":false},"author":1,"featured_media":257956,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[554],"tags":[850],"class_list":["post-236784","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anpassa-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/236784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=236784"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/236784\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/257956"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=236784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=236784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=236784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}