{"id":225890,"date":"2023-02-28T11:59:00","date_gmt":"2023-02-28T08:59:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225890"},"modified":"2022-11-08T00:45:41","modified_gmt":"2022-11-07T21:45:41","slug":"jak-stworzyc-katalog-produktow-w-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/jak-stworzyc-katalog-produktow-w-wordpress\/","title":{"rendered":"Jak stworzy\u0107 katalog produkt\u00f3w w WordPress"},"content":{"rendered":"\n<h2>Nie wiesz, jak najlepiej stworzy\u0107 katalog produkt\u00f3w w WordPressie? Publikujesz sw\u00f3j katalog i nie wiesz, jak zrobi\u0107 to lepiej bez kodowania?<\/h2>\n<p>Wielu pocz\u0105tkuj\u0105cych programist\u00f3w jest zdezorientowanych, gdy musz\u0105 opublikowa\u0107 katalog tabel produkt\u00f3w lub cennik: znaczniki HTML s\u0105 myl\u0105ce; niekt\u00f3rzy z nich mog\u0105 zrobi\u0107 znaczniki, ale nie s\u0105 zadowoleni z wygl\u0105du, lub chcieliby mie\u0107 jakie\u015b rozwi\u0105zanie, kt\u00f3re by\u0142oby sortowalne, kt\u00f3re dzieli\u0142oby dane na strony, nie by\u0142oby zbyt trudne do aktualizacji. Rzeczywi\u015bcie: aktualizowanie tabeli HTML za ka\u017cdym razem, gdy zmienia si\u0119 cena produktu, gdy dodajesz nowy produkt lub gdy zmienia si\u0119 ilo\u015b\u0107, jest frustruj\u0105ce.<\/p>\n<p>Ten artyku\u0142 poprowadzi Ci\u0119 przez proces tworzenia katalogu produkt\u00f3w w WordPressie za pomoc\u0105 wtyczki wpDataTables, co jest prawdopodobnie naj\u0142atwiejszym sposobem.<\/p>\n<h2>Po pierwsze \u2013 przygotuj dane do przysz\u0142ego katalogu produkt\u00f3w w WordPress<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6ce4f1a0.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6ce4f1a0.png\" alt=\"Jak stworzy\u0107 katalog produkt\u00f3w w WordPress\" ><\/a><\/p>\n<p>Oczywi\u015bcie \u017caden katalog nie mia\u0142by sensu bez posiadania w nim jakich\u015b produkt\u00f3w. Zak\u0142adam, \u017ce ju\u017c przygotowa\u0142e\u015b dane, teraz musia\u0142by\u015b je skompilowa\u0107 w formie, kt\u00f3r\u0105 nasza wtyczka WordPress \u201ezrozumie&quot;. Mo\u017ce to by\u0107 jeden z nast\u0119puj\u0105cych:<\/p>\n<ul>\n<li><strong>Plik Excel lub CSV:<\/strong> je\u015bli nie jeste\u015b programist\u0105 i \u015bledzisz swoje produkty w Excelu \u2013 ten spos\u00f3b prawdopodobnie b\u0119dzie dla Ciebie naj\u0142atwiejszy. Wystarczy przygotowa\u0107 plik Excel z jednym arkuszem, kt\u00f3ry b\u0119dzie zawiera\u0142 wszystkie informacje o Twoich produktach uporz\u0105dkowane w tabeli. Preferowany by\u0142by plik CSV, poniewa\u017c dzia\u0142a troch\u0119 szybciej.<\/li>\n<li><strong>Tabela MySQL (preferowana):<\/strong> jest to prawdopodobnie najlepsze \u017ar\u00f3d\u0142o danych dla Twojego katalogu. Zapewnia szybk\u0105 prac\u0119, aktualizacje w czasie rzeczywistym bez ponownego wgrywania, a je\u015bli masz 10 000 produkt\u00f3w to jest to najlepsze rozwi\u0105zanie. Mo\u017cesz przekonwertowa\u0107 swoje dane z CSV do MySQL.<\/li>\n<li><strong>Tablica PHP:<\/strong> Je\u015bli zbierasz dane z kilku \u017ar\u00f3de\u0142 danych lub je\u015bli s\u0105 one zale\u017cne od zewn\u0119trznych danych wej\u015bciowych i je\u015bli masz pewne umiej\u0119tno\u015bci programowania w PHP, mo\u017cesz chcie\u0107 przygotowa\u0107 dane w tablicy PHP, a nast\u0119pnie przygotowa\u0107 plik PHP, kt\u00f3ry zostanie wydrukowany go w serializowanym ci\u0105gu (z funkcj\u0105 <a href=\"http:\/\/www.php.net\/manual\/en\/function.serialize.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">serializacji<\/a>) w taki <a href=\"https:\/\/wpdatatables.com\/input_source\/cars_serialized.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">spos\u00f3b<\/a>.<\/li>\n<li><strong>\u0179r\u00f3d\u0142o danych JSON lub XML<\/strong> \u2013 je\u015bli masz us\u0142ug\u0119 sieciow\u0105 XML lub JSON, mo\u017cesz przygotowa\u0107 dane w tych formatach. O tym, jak ich u\u017cywa\u0107, przeczytasz <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-xml\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tutaj<\/a> i <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-json-input\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tutaj<\/a><\/li>\n<\/ul>\n<p>Po przygotowaniu danych mo\u017cemy przej\u015b\u0107 do nast\u0119pnego kroku<\/p>\n<h2>Zainstaluj wtyczk\u0119 WordPress wpDataTables, kt\u00f3ra wyrenderuje Tw\u00f3j katalog produkt\u00f3w<\/h2>\n<p>Zanim przejdziemy dalej, musimy si\u0119 upewni\u0107, \u017ce wtyczka wpDataTables jest zainstalowana. Mo\u017cesz go zdoby\u0107 <a href=\"http:\/\/codecanyon.net\/item\/wpdatatables-responsive-tables-in-wordpress\/3958969?ref=cjbug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tutaj<\/a>.<\/p>\n<p>Instalacja jest do\u015b\u0107 prosta:<\/p>\n<ul>\n<li>Prze\u015blij wtyczk\u0119 do katalogu wtyczek.<\/li>\n<li>Aktywuj wtyczk\u0119.<\/li>\n<\/ul>\n<p>Wi\u0119cej na ten temat przeczytasz <a href=\"https:\/\/wpdatatables.com\/documentation\/general\/installation\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tutaj.<\/a><\/p>\n<h2>Utw\u00f3rz nowy wpDataTable dla swojego katalogu WordPress<\/h2>\n<p>Otw\u00f3rz panel administracyjny WordPressa i znajd\u017a panel administracyjny wpDataTables. Nast\u0119pnie naci\u015bnij przycisk \u201eDodaj nowy&#8221;, aby utworzy\u0107 nowy wpDatatable.<\/p>\n<p>Dodaj tytu\u0142 tabeli. Mo\u017cesz nazwa\u0107 to \u201eKatalogiem produkt\u00f3w w przyk\u0142adzie WordPressa&#8221; lub jako\u015b tak.<\/p>\n<p>Nast\u0119pnie wybierz typ tabeli. To zale\u017cy od tego, co wybra\u0142e\u015b w kroku 1: plik Excel, plik CSV, zapytanie MySQL, zserializowana tablica PHP, \u017ar\u00f3d\u0142o danych wej\u015bciowych JSON lub XML.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6cf34c21.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-207586-61e8d6cf34c21.jpg\" alt=\"Jak stworzy\u0107 katalog produkt\u00f3w w WordPress\" ><\/a><\/p>\n<p>Je\u015bli zdecydowa\u0142e\u015b si\u0119 utworzy\u0107 katalog na podstawie danych MySQL, podaj poprawne zapytanie SELECT. Mo\u017ce to by\u0107 co\u015b takiego:<\/p>\n<pre><code>SELECT * FROM my_product_catalog<\/code><\/pre>\n<p>Nast\u0119pnie mo\u017cesz ustawi\u0107 jedno z nast\u0119puj\u0105cych p\u00f3l wyboru i parametr\u00f3w, je\u015bli chcesz je umie\u015bci\u0107 w swoim katalogu:<\/p>\n<ul>\n<li><strong>Przetwarzanie po stronie serwera<\/strong> \u2014 je\u015bli zaznaczysz to pole wyboru, wszystkie filtrowanie, sortowanie i inne przetwarzanie b\u0119d\u0105 wysy\u0142ane w \u017c\u0105daniu AJAX z przegl\u0105darki klienta i przetwarzane przez serwer. U\u017cyj tego, je\u015bli masz du\u017cy zbi\u00f3r danych MySQL<\/li>\n<li><strong>Responsywny<\/strong> \u2013 Je\u015bli Twoja witryna jest responsywna, zaznacz to pole wyboru, Tw\u00f3j katalog WordPress r\u00f3wnie\u017c stanie si\u0119 responsywny.<\/li>\n<li><strong>Zaawansowane filtrowanie<\/strong> \u2014 zaznaczenie tego pola wyboru spowoduje dodanie filtra pod ka\u017cd\u0105 kolumn\u0105 w nowym katalogu WordPress. Dzi\u0119ki temu u\u017cytkownicy b\u0119d\u0105 mogli np. filtrowa\u0107 wed\u0142ug ceny, daty wydania lub cokolwiek innego.<\/li>\n<li><strong>Narz\u0119dzia<\/strong> tabelowe \u2013 W\u0142\u0105czenie narz\u0119dzi tabelarycznych doda mo\u017cliwo\u015b\u0107 eksportu danych w formacie CSV, PDF lub Excel lub skopiowania danych katalogowych do schowka.<\/li>\n<li><strong>W\u0142\u0105cz sortowanie<\/strong> \u2014 to pole wyboru umo\u017cliwi sortowanie w Twoim katalogu. Czyli np. Tw\u00f3j u\u017cytkownik b\u0119dzie m\u00f3g\u0142 posortowa\u0107 wszystkie Twoje produkty alfabetycznie, wed\u0142ug ceny lub cokolwiek woli.<\/li>\n<li><strong>Ogranicz uk\u0142ad tabeli<\/strong> \u2014 to pole wyboru ograniczy szeroko\u015b\u0107 katalogu do szeroko\u015bci kontenera nadrz\u0119dnego.<\/li>\n<li><strong>Zawijanie s\u0142\u00f3w<\/strong> \u2013 mo\u017cesz zaznaczy\u0107 to pole, je\u015bli masz d\u0142ugie opisy swoich produkt\u00f3w w katalogu lub d\u0142ugie nazwy produkt\u00f3w. Spowoduje to rozci\u0105gni\u0119cie kom\u00f3rek tabeli.<\/li>\n<li><strong>D\u0142ugo\u015b\u0107 wy\u015bwietlania<\/strong> \u2013 okre\u015bli, ile produkt\u00f3w b\u0119dzie wy\u015bwietlanych na jednej stronie Twojego katalogu.<\/li>\n<\/ul>\n<p>Kliknij \u201eZapisz tabel\u0119&#8221;, a Tw\u00f3j katalog b\u0119dzie gotowy do publikacji.<\/p>\n<p>Mo\u017cesz przeczyta\u0107 wi\u0119cej o ustawieniach tabeli\/katalogu w sekcji samouczka. Np. <a href=\"https:\/\/wpdatatables.com\/wordpress-table-mysql-queries\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tutaj<\/a><\/p>\n<h2>Opublikuj nowy katalog produkt\u00f3w na swoim blogu WordPress<\/h2>\n<p>Otrzymasz kr\u00f3tki kod wygenerowany we wtyczce. Wklej go na swojej stronie lub w po\u015bcie na blogu \u2013 a Tw\u00f3j nowy katalog b\u0119dzie gotowy.<\/p>\n<p>Oto wynik:<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>W tym artykule poka\u017c\u0119, jak u\u017cywa\u0107 wpDataTables do tworzenia katalogu produkt\u00f3w w WordPressie, poniewa\u017c jest to jeden z najpopularniejszych przypadk\u00f3w u\u017cycia<\/p>\n","protected":false},"author":1,"featured_media":224083,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[1110,815,845,845,856,856,866,866,815],"tags":[1169],"class_list":["post-225890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-n-a","category-wtyczki","category-samouczki","category-woocommerce-7","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/225890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=225890"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/225890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/224083"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=225890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=225890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=225890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}