{"id":236601,"date":"2021-12-11T14:53:00","date_gmt":"2021-12-11T11:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236601"},"modified":"2021-12-04T11:03:09","modified_gmt":"2021-12-04T08:03:09","slug":"jak-dodac-dynamiczna-zawartosc-za-pomoca-skrotow","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-dodac-dynamiczna-zawartosc-za-pomoca-skrotow\/","title":{"rendered":"Jak doda\u0107 dynamiczn\u0105 zawarto\u015b\u0107 za pomoc\u0105 skr\u00f3t\u00f3w"},"content":{"rendered":"<p>Oto problem:<\/p>\n<p>Chcesz do\u0142\u0105czy\u0107 formularz, suwak lub inny element dynamiczny do jednego ze swoich post\u00f3w lub stron. Jak ty to robisz?<\/p>\n<p>Na szcz\u0119\u015bcie programi\u015bci WordPressa stworzyli proste rozwi\u0105zanie o nazwie shortcodes.<\/p>\n<h2>Co to s\u0105 skr\u00f3ty?<\/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\">Subskrybuj motywy konkursowe na Youtube<\/a><\/p>\n<p>Shortcodes to proste kody, kt\u00f3re mo\u017cna doda\u0107 do edytora post\u00f3w, aby do\u0142\u0105czy\u0107 dynamiczn\u0105 tre\u015b\u0107 z wtyczki.<\/p>\n<p>Na przyk\u0142ad wtyczka <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MetaSlider<\/a> umo\u017cliwia tworzenie i dostosowywanie suwak\u00f3w obrazu na pulpicie WordPress. Po zako\u0144czeniu tworzenia suwaka mo\u017cesz umie\u015bci\u0107 go w swojej witrynie za pomoc\u0105 wid\u017cetu lub skr\u00f3tu.<\/p>\n<p><strong>Prawie ka\u017cda wtyczka, kt\u00f3ra tworzy tre\u015bci, daje do u\u017cycia zar\u00f3wno widget, jak i shortcode.<\/strong><\/p>\n<p>Oto przyk\u0142ad tego, jak wygl\u0105da kr\u00f3tki kod dostarczony przez wtyczk\u0119 MetaSlider:<\/p>\n<p>[metasuwak id=&quot;267\u2033]<\/p>\n<p>Skr\u00f3ty s\u0105 zawsze umieszczane w nawiasach i zaczynaj\u0105 si\u0119 nazw\u0105 przypisan\u0105 przez wtyczk\u0119. W tym przypadku ta nazwa to \u201emetasuwak&quot;. Nast\u0119pnie istnieje szereg parametr\u00f3w. Powy\u017cszy kr\u00f3tki kod ma jeden parametr o nazwie \u201eid&#8221;, kt\u00f3ry jest ustawiony na 267.<\/p>\n<h2>Jak korzysta\u0107 ze skr\u00f3t\u00f3w<\/h2>\n<p>Korzystanie ze skr\u00f3t\u00f3w jest bardzo \u0142atwe.<\/p>\n<p>Bez wzgl\u0119du na to, jakiej wtyczki u\u017cywasz, kr\u00f3tki kod zostanie dostarczony gdzie\u015b w interfejsie wtyczki. Na przyk\u0142ad WPForms wy\u015bwietla skr\u00f3t do wy\u015bwietlania ka\u017cdego formularza w menu Wszystkie formularze.<\/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=\"Jak doda\u0107 dynamiczn\u0105 zawarto\u015b\u0107 za pomoc\u0105 skr\u00f3t\u00f3w\" ><\/a><\/p>\n<p>Skr\u00f3ty mo\u017cna po prostu skopiowa\u0107 i wklei\u0107 do edytora post\u00f3w. Na przyk\u0142ad, oto jak wygl\u0105da nasza strona kontaktowa w desce rozdzielczej WP:<\/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=\"Jak doda\u0107 dynamiczn\u0105 zawarto\u015b\u0107 za pomoc\u0105 skr\u00f3t\u00f3w\" ><\/a><\/p>\n<p>Widzisz, jak widoczny jest shortcode?<\/p>\n<p>Sam formularz nie zostanie wyrenderowany w edytorze. Je\u015bli jednak odwiedzisz stron\u0119 kontaktow\u0105 na naszej stronie, zobaczysz formularz wy\u015bwietlany zamiast skr\u00f3tu znalezionego w edytorze.<\/p>\n<p>Je\u015bli edytujesz wersj\u0119 robocz\u0105, a nie opublikowan\u0105 stron\u0119\/post, musisz zapisa\u0107 wersj\u0119 robocz\u0105, zanim kr\u00f3tki kod zostanie uruchomiony w podgl\u0105dzie.<\/p>\n<p>Mn\u00f3stwo wtyczek u\u017cywa skr\u00f3t\u00f3w, wi\u0119c na pewno natkniesz si\u0119 na nie w pewnym momencie, je\u015bli jeszcze tego nie zrobi\u0142e\u015b.<\/p>\n<h2>Wniosek<\/h2>\n<p>Chocia\u017c skr\u00f3ty nie s\u0105 ca\u0142kowicie intuicyjne ze wzgl\u0119du na ograniczon\u0105 mo\u017cliwo\u015b\u0107 podgl\u0105du tre\u015bci w edytorze, dobrze sprawdzaj\u0105 si\u0119 przy dodawaniu dynamicznych element\u00f3w wewn\u0105trz post\u00f3w i stron.<\/p>\n<p>Gdy ju\u017c wiesz, \u017ce wystarczy je skopiowa\u0107 i wklei\u0107 do edytora, praca z nimi staje si\u0119 bardzo \u0142atwa. Niekt\u00f3re wtyczki maj\u0105 nawet dodatkowe parametry dla swoich skr\u00f3t\u00f3w, kt\u00f3rych mo\u017cna u\u017cy\u0107 do dostosowania danych wyj\u015bciowych.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <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>Dowiedz si\u0119, jak u\u017cywa\u0107 skr\u00f3t\u00f3w do wy\u015bwietlania wszelkiego rodzaju dynamicznych tre\u015bci z wtyczek w dowolnym po\u015bcie lub na stronie Twojej witryny.<\/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":[552],"tags":[847],"class_list":["post-236601","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dostosuj-wordpress","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/236601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=236601"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/236601\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/257956"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=236601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=236601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=236601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}