{"id":231994,"date":"2021-12-11T14:48:00","date_gmt":"2021-12-11T11:48:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=231994"},"modified":"2021-12-04T11:03:07","modified_gmt":"2021-12-04T08:03:07","slug":"dynaamisen-sisallon-lisaaminen-lyhytkoodeilla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/dynaamisen-sisallon-lisaaminen-lyhytkoodeilla\/","title":{"rendered":"Dynaamisen sis\u00e4ll\u00f6n lis\u00e4\u00e4minen lyhytkoodeilla"},"content":{"rendered":"<p>T\u00e4ss\u00e4 on ongelma:<\/p>\n<p>Haluat sis\u00e4llytt\u00e4\u00e4 lomakkeen, liukus\u00e4\u00e4timen tai muun dynaamisen elementin johonkin viestiisi tai sivuihisi. Miten teet sen?<\/p>\n<p>Onneksi WordPress-kehitt\u00e4j\u00e4t loivat yksinkertaisen ratkaisun, nimelt\u00e4 shortcodes.<\/p>\n<h2>Mit\u00e4 ovat lyhytkoodit?<\/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\">Tilaa kilpailuteemat Youtubessa<\/a><\/p>\n<p>Lyhytkoodit ovat yksinkertaisia \u200b\u200bkoodeja, jotka voit lis\u00e4t\u00e4 tekstieditoriin sis\u00e4llytt\u00e4\u00e4ksesi dynaamisen sis\u00e4ll\u00f6n laajennuksesta.<\/p>\n<p>Esimerkiksi <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MetaSlider-<\/a> laajennuksen avulla voit luoda ja mukauttaa kuvan liukus\u00e4\u00e4timi\u00e4 WordPress-hallintapaneelissasi. Kun olet tehnyt liukus\u00e4\u00e4timen, voit tulostaa sen sivustollesi widgetin tai lyhytkoodin avulla.<\/p>\n<p><strong>Melkein jokainen sis\u00e4lt\u00f6\u00e4 luova laajennus antaa sinulle sek\u00e4 widgetin ett\u00e4 lyhytkoodin k\u00e4ytett\u00e4v\u00e4ksi.<\/strong><\/p>\n<p>T\u00e4m\u00e4 on esimerkki siit\u00e4, milt\u00e4 MetaSlider-laajennuksen tarjoama lyhytkoodi n\u00e4ytt\u00e4\u00e4:<\/p>\n<p>[metaslider id=&quot;267\u2033]<\/p>\n<p>Lyhytkoodit k\u00e4\u00e4rit\u00e4\u00e4n aina hakasulkeisiin ja alkavat laajennuksen antamalla nimell\u00e4. T\u00e4ss\u00e4 tapauksessa nimi on &quot;metaslider&quot;. Sitten on joukko parametreja. Yll\u00e4 olevassa lyhytkoodissa on yksi parametri nimelt\u00e4 &quot;id&quot;, joka on yht\u00e4 suuri kuin 267.<\/p>\n<h2>Kuinka k\u00e4ytt\u00e4\u00e4 lyhytkoodeja<\/h2>\n<p>Lyhytkoodien k\u00e4ytt\u00f6 on eritt\u00e4in helppoa.<\/p>\n<p>Riippumatta siit\u00e4, mit\u00e4 laajennusta k\u00e4yt\u00e4t, saat lyhytkoodin jossain laajennuksen k\u00e4ytt\u00f6liittym\u00e4ss\u00e4. Esimerkiksi WPForms luettelee pikakoodin kunkin lomakkeen n\u00e4ytt\u00e4miseksi Kaikki lomakkeet -valikossa.<\/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=\"Dynaamisen sis\u00e4ll\u00f6n lis\u00e4\u00e4minen lyhytkoodeilla\" ><\/a><\/p>\n<p>Lyhytkoodit voidaan yksinkertaisesti kopioida ja liitt\u00e4\u00e4 tekstieditoriin. Esimerkiksi yhteystietosivumme n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4 WP-hallintapaneelissa:<\/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=\"Dynaamisen sis\u00e4ll\u00f6n lis\u00e4\u00e4minen lyhytkoodeilla\" ><\/a><\/p>\n<p>Katso kuinka lyhytkoodi n\u00e4kyy?<\/p>\n<p>Itse lomaketta ei hahmonneta editorissa. Jos kuitenkin vierailet sivustomme yhteystietosivulla, n\u00e4et lomakkeen n\u00e4yt\u00f6ss\u00e4 editorissa olevan lyhytkoodin sijaan.<\/p>\n<p>Jos muokkaat luonnosta julkaistun sivun\/viestin sijaan, sinun on tallennettava luonnos, ennen kuin lyhytkoodi suoritetaan esikatselussa.<\/p>\n<p>Monissa laajennuksissa k\u00e4ytet\u00e4\u00e4n lyhytkoodeja, joten olet varma, ett\u00e4 t\u00f6rm\u00e4\u00e4t niihin jossain vaiheessa, jos et viel\u00e4 ole.<\/p>\n<h2>Johtop\u00e4\u00e4t\u00f6s<\/h2>\n<p>Vaikka lyhytkoodit eiv\u00e4t ole t\u00e4ysin intuitiivisia, koska niill\u00e4 on rajoitettu kyky esikatsella sis\u00e4lt\u00f6\u00e4 editorissa, ne toimivat hyvin dynaamisten elementtien lis\u00e4\u00e4misess\u00e4 viesteihin ja sivuihin.<\/p>\n<p>Kun tied\u00e4t, ett\u00e4 sinun t\u00e4ytyy vain kopioida ja liitt\u00e4\u00e4 ne editoriin, niiden kanssa on eritt\u00e4in helppo ty\u00f6skennell\u00e4. Joillakin laajennuksilla on jopa ylim\u00e4\u00e4r\u00e4isi\u00e4 parametreja lyhytkoodeilleen, joita voit k\u00e4ytt\u00e4\u00e4 tulosteen mukauttamiseen.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <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>Opi k\u00e4ytt\u00e4m\u00e4\u00e4n lyhytkoodeja n\u00e4ytt\u00e4m\u00e4\u00e4n kaikenlaista dynaamista sis\u00e4lt\u00f6\u00e4 mink\u00e4 tahansa sivustosi postauksen tai sivun laajennuksista.<\/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":[550],"tags":[843],"class_list":["post-231994","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mukauta-wordpress","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/231994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=231994"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/231994\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/257956"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=231994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=231994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=231994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}