{"id":225853,"date":"2023-02-28T11:58:00","date_gmt":"2023-02-28T08:58:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225853"},"modified":"2022-11-08T00:33:53","modified_gmt":"2022-11-07T21:33:53","slug":"hur-man-skapar-en-produktkatalog-i-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-skapar-en-produktkatalog-i-wordpress\/","title":{"rendered":"Hur man skapar en produktkatalog i WordPress"},"content":{"rendered":"\n<h2>\u00c4r du os\u00e4ker p\u00e5 det b\u00e4sta s\u00e4ttet att skapa en produktkatalog i WordPress? Publicerar du din katalog och \u00e4r os\u00e4ker p\u00e5 hur man g\u00f6r det b\u00e4ttre utan n\u00e5gon kodning?<\/h2>\n<p>M\u00e5nga nyb\u00f6rjarutvecklare blir f\u00f6rvirrade n\u00e4r de beh\u00f6ver publicera en produkttabellskatalog eller prislista: HTML-uppm\u00e4rkningen \u00e4r f\u00f6rvirrande; n\u00e5gra av dem kan g\u00f6ra uppm\u00e4rkningen, men \u00e4r inte n\u00f6jda med utseendet, eller skulle vilja ha n\u00e5gon l\u00f6sning som skulle vara sorterbar, som skulle kunna dela upp data i sidor, inte skulle vara alltf\u00f6r sv\u00e5r att uppdatera. Faktum \u00e4r att det \u00e4r frustrerande att uppdatera HTML-tabellen varje g\u00e5ng produktpriset \u00e4ndras, eller n\u00e4r du l\u00e4gger till en ny produkt, eller n\u00e4r kvantiteten \u00e4ndras.<\/p>\n<p>Den h\u00e4r artikeln guidar dig genom processen att skapa en produktkatalog i WordPress med plugin-programmet wpDataTables, vilket f\u00f6rmodligen \u00e4r det enklaste s\u00e4ttet.<\/p>\n<h2>F\u00f6rst \u2013 f\u00f6rbered data f\u00f6r din framtida produktkatalog i 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=\"Hur man skapar en produktkatalog i WordPress\" ><\/a><\/p>\n<p>Naturligtvis skulle ingen katalog vara vettig utan att ha n\u00e5gra produkter i den. Jag antar att du redan har f\u00f6rberett data, nu skulle du beh\u00f6va kompilera den i en form som v\u00e5r WordPress-plugin skulle &quot;f\u00f6rst\u00e5&quot;. Det kan vara n\u00e5got av f\u00f6ljande:<\/p>\n<ul>\n<li><strong>Excel- eller CSV-fil:<\/strong> om du inte \u00e4r n\u00e5gon utvecklare och h\u00e5ller reda p\u00e5 dina produkter i Excel \u2013 det h\u00e4r s\u00e4ttet skulle f\u00f6rmodligen vara det enklaste f\u00f6r dig. F\u00f6rbered bara en Excel-fil med ett ark som skulle ha all information om dina produkter organiserad i tabellen. CSV-fil skulle vara att f\u00f6redra eftersom den fungerar lite snabbare.<\/li>\n<li><strong>MySQL-tabell (f\u00f6redraget):<\/strong> detta \u00e4r f\u00f6rmodligen den b\u00e4sta datak\u00e4llan f\u00f6r din katalog. Det ger snabbt arbete, uppdateringar i realtid utan n\u00e5gra \u00e5teruppladdningar, och om du har 10 000 produkter \u00e4r det den b\u00e4sta l\u00f6sningen. Du kan konvertera dina data fr\u00e5n CSV till MySQL.<\/li>\n<li><strong>PHP-array:<\/strong> Om du samlar in data fr\u00e5n flera datak\u00e4llor, eller om de \u00e4r beroende av externa indata, och om du har vissa PHP-utvecklingsf\u00e4rdigheter kanske du f\u00f6redrar att f\u00f6rbereda data i en PHP-array och sedan f\u00f6rbereda en PHP-fil som skulle skrivas ut det ut i en serialiserad str\u00e4ng (med <a href=\"http:\/\/www.php.net\/manual\/en\/function.serialize.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">serialiseringsfunktion<\/a>) som <a href=\"https:\/\/wpdatatables.com\/input_source\/cars_serialized.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">denna<\/a>.<\/li>\n<li><strong>JSON- eller XML-datak\u00e4lla<\/strong> \u2013 om du har en XML- eller JSON-webbtj\u00e4nst kan du f\u00f6rbereda data i dessa format. Du kan l\u00e4sa om hur du anv\u00e4nder dem <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-xml\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r<\/a> och <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-json-input\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r<\/a><\/li>\n<\/ul>\n<p>N\u00e4r informationen \u00e4r klar kan vi g\u00e5 vidare till n\u00e4sta steg<\/p>\n<h2>Installera wpDataTables WordPress-plugin, som \u00e5terger din produktkatalog<\/h2>\n<p>Innan vi g\u00e5r vidare m\u00e5ste vi se till att plugin-programmet wpDataTables \u00e4r installerat. Du kan f\u00e5 den <a href=\"http:\/\/codecanyon.net\/item\/wpdatatables-responsive-tables-in-wordpress\/3958969?ref=cjbug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r<\/a>.<\/p>\n<p>Installationen \u00e4r ganska enkel:<\/p>\n<ul>\n<li>Ladda upp plugin-programmet till din plugin-katalog.<\/li>\n<li>Aktivera plugin-programmet.<\/li>\n<\/ul>\n<p>Du kan l\u00e4sa mer om detta <a href=\"https:\/\/wpdatatables.com\/documentation\/general\/installation\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r.<\/a><\/p>\n<h2>Skapa en ny wpDataTable f\u00f6r din WordPress-katalog<\/h2>\n<p>\u00d6ppna din WordPress adminpanel och hitta wpDataTables adminpanel. Tryck sedan p\u00e5 knappen &quot;L\u00e4gg till ny&quot; f\u00f6r att skapa en ny wpDatatable.<\/p>\n<p>L\u00e4gg till en tabelltitel. Du kan kalla det &quot;Produktkatalog i WordPress-exempel&quot; eller n\u00e5got liknande.<\/p>\n<p>V\u00e4lj sedan en tabelltyp. Det beror p\u00e5 vad du valde i steg 1: Excel-fil, CSV-fil, MySQL-fr\u00e5ga, serialiserad PHP-array, JSON eller XML-indatak\u00e4lla.<\/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=\"Hur man skapar en produktkatalog i WordPress\" ><\/a><\/p>\n<p>Om du valde att skapa katalogen baserat p\u00e5 MySQL-data, ange en korrekt SELECT-fr\u00e5ga. Det kan vara n\u00e5got i stil med:<\/p>\n<pre><code>SELECT * FROM my_product_catalog<\/code><\/pre>\n<p>Sedan kan du st\u00e4lla in en av f\u00f6ljande kryssrutor och parametrar, om du vill ha dem f\u00f6r din katalog:<\/p>\n<ul>\n<li><strong>Bearbetning p\u00e5 serversidan<\/strong> \u2013 Om du markerar den h\u00e4r kryssrutan kommer all filtrering, sortering och annan bearbetning att skickas i en AJAX-f\u00f6rfr\u00e5gan fr\u00e5n klientens webbl\u00e4sare och bearbetas av servern. Anv\u00e4nd detta om du har en stor MySQL-dataupps\u00e4ttning<\/li>\n<li><strong>Responsiv<\/strong> \u2013 Om din webbplats \u00e4r responsiv, markera den h\u00e4r kryssrutan, din WordPress-katalog blir ocks\u00e5 responsiv.<\/li>\n<li><strong>Avancerad filtrering<\/strong> \u2013 Om du aktiverar den h\u00e4r kryssrutan l\u00e4ggs ett filter till under varje kolumn i din nya WordPress-katalog. S\u00e5 det kommer att till\u00e5ta dina anv\u00e4ndare att t.ex. filtrera efter pris, efter releasedatum eller vad som helst.<\/li>\n<li><strong>Tabellverktyg<\/strong> \u2013 Aktivering av tabellverktyg kommer att l\u00e4gga till en m\u00f6jlighet att exportera data i CSV, PDF eller Excel, eller kopiera katalogdata till urklipp.<\/li>\n<li><strong>Aktivera sortering<\/strong> \u2013 Den h\u00e4r kryssrutan aktiverar sortering i din katalog. S\u00e5 t.ex. din anv\u00e4ndare kommer att kunna sortera alla dina produkter efter alfabet, pris eller vad han f\u00f6redrar.<\/li>\n<li><strong>Begr\u00e4nsa tabelllayout<\/strong> \u2013 Den h\u00e4r kryssrutan skulle begr\u00e4nsa katalogens bredd till den \u00f6verordnade beh\u00e5llarens bredd.<\/li>\n<li><strong>Ordbrytning<\/strong> \u2013 Du kan markera den h\u00e4r kryssrutan om du har l\u00e5nga beskrivningar av dina produkter i katalogen eller l\u00e5nga produktnamn. Det kommer att f\u00e5 tabellcellerna att str\u00e4cka sig.<\/li>\n<li><strong>Visningsl\u00e4ngd<\/strong> \u2013 Detta kommer att definiera hur m\u00e5nga produkter som ska visas p\u00e5 en sida i din katalog.<\/li>\n<\/ul>\n<p>Tryck p\u00e5 &quot;Spara tabell&quot; s\u00e5 \u00e4r din katalog redo att publiceras.<\/p>\n<p>Du kan l\u00e4sa mer detaljerat om tabell-\/kataloginst\u00e4llningar i handledningssektionen. T ex <a href=\"https:\/\/wpdatatables.com\/wordpress-table-mysql-queries\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r<\/a><\/p>\n<h2>Publicera din nya produktkatalog i din WordPress-blogg<\/h2>\n<p>Du kommer att f\u00e5 en kortkod genererad i plugin-programmet. Klistra in den p\u00e5 din sida eller blogginl\u00e4gg \u2013 s\u00e5 \u00e4r din nya katalog klar.<\/p>\n<p>H\u00e4r \u00e4r resultatet:<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I den h\u00e4r artikeln kommer jag att visa dig hur du anv\u00e4nder wpDataTables f\u00f6r att skapa en produktkatalog i WordPress eftersom det \u00e4r ett av de mest popul\u00e4ra anv\u00e4ndningsfallen<\/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":[848,1110,818,818,848,858,858,868,868],"tags":[1173],"class_list":["post-225853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-handledningar","category-n-a","category-plugins-3","category-woocommerce-9","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/225853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=225853"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/225853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/224083"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=225853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=225853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=225853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}