{"id":225927,"date":"2023-02-28T11:30:00","date_gmt":"2023-02-28T08:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225927"},"modified":"2022-11-08T00:56:23","modified_gmt":"2022-11-07T21:56:23","slug":"comment-creer-un-catalogue-de-produits-dans-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-creer-un-catalogue-de-produits-dans-wordpress\/","title":{"rendered":"Comment cr\u00e9er un catalogue de produits dans WordPress"},"content":{"rendered":"\n<h2>Vous n&rsquo;\u00eates pas s\u00fbr de la meilleure fa\u00e7on de cr\u00e9er un catalogue de produits dans WordPress? Vous publiez votre catalogue et vous ne savez pas comment le faire mieux sans aucun codage ?<\/h2>\n<p>De nombreux d\u00e9veloppeurs d\u00e9butants sont confus lorsqu&rsquo;ils doivent publier un catalogue de produits ou une liste de prix: le balisage HTML est d\u00e9routant ; certains d&rsquo;entre eux peuvent faire le balisage, mais ne sont pas satisfaits du look, ou aimeraient avoir une solution qui serait triable, qui pourrait diviser les donn\u00e9es en pages, ne serait pas trop difficile \u00e0 mettre \u00e0 jour. En effet: mettre \u00e0 jour le tableau HTML \u00e0 chaque fois que le prix du produit change, ou lorsque vous ajoutez un nouveau produit, ou lorsque la quantit\u00e9 change est frustrant.<\/p>\n<p>Cet article vous guidera tout au long du processus de cr\u00e9ation d&rsquo;un catalogue de produits dans WordPress avec le plugin wpDataTables, qui est probablement le moyen le plus simple.<\/p>\n<h2>Premi\u00e8rement \u2013 \u200b\u200bpr\u00e9parez les donn\u00e9es de votre futur catalogue de produits dans 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=\"Comment cr\u00e9er un catalogue de produits dans WordPress\" ><\/a><\/p>\n<p>Bien s\u00fbr, aucun catalogue n&rsquo;aurait de sens s&rsquo;il ne contenait pas certains produits. Je suppose que vous avez d\u00e9j\u00e0 pr\u00e9par\u00e9 les donn\u00e9es, vous devez maintenant les compiler sous une forme que notre plugin WordPress \u00ab\u00a0comprendrait\u00a0\u00bb. Il peut s&rsquo;agir de l&rsquo;une des suivantes\u00a0:<\/p>\n<ul>\n<li><strong>Fichier Excel ou CSV\u00a0:<\/strong> si vous n&rsquo;\u00eates pas d\u00e9veloppeur et que vous gardez une trace de vos produits dans Excel, cette m\u00e9thode serait probablement la plus simple pour vous. Pr\u00e9parez simplement un fichier Excel avec une feuille qui contiendrait toutes les informations sur vos produits organis\u00e9es dans le tableau. Le fichier CSV serait pr\u00e9f\u00e9rable car il fonctionne un peu plus rapidement.<\/li>\n<li><strong>Table MySQL (de pr\u00e9f\u00e9rence)\u00a0:<\/strong> il s&rsquo;agit probablement de la meilleure source de donn\u00e9es pour votre catalogue. Il fournit un travail rapide, des mises \u00e0 jour en temps r\u00e9el sans aucun t\u00e9l\u00e9chargement, et si vous avez 10 000 produits, c&rsquo;est la meilleure solution. Vous pouvez convertir vos donn\u00e9es de CSV en MySQL.<\/li>\n<li><strong>Tableau PHP\u00a0:<\/strong> si vous collectez des donn\u00e9es \u00e0 partir de plusieurs sources de donn\u00e9es, ou si elles d\u00e9pendent de certaines entr\u00e9es externes, et si vous avez des comp\u00e9tences en d\u00e9veloppement PHP, vous pr\u00e9f\u00e9rerez peut-\u00eatre pr\u00e9parer les donn\u00e9es dans un tableau PHP, puis pr\u00e9parer un fichier PHP qui imprimera dans une cha\u00eene s\u00e9rialis\u00e9e (avec fonction <a href=\"http:\/\/www.php.net\/manual\/en\/function.serialize.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">serialize<\/a>) comme <a href=\"https:\/\/wpdatatables.com\/input_source\/cars_serialized.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">celle<\/a> -ci .<\/li>\n<li><strong>Source de donn\u00e9es JSON ou XML<\/strong> \u2013 si vous disposez d&rsquo;un service Web XML ou JSON, vous pouvez pr\u00e9parer les donn\u00e9es dans ces formats. Vous pouvez lire comment les utiliser <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-xml\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ici<\/a> et <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-wpdatatables-from-json-input\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ici<\/a><\/li>\n<\/ul>\n<p>Une fois les donn\u00e9es pr\u00eates, nous pouvons passer \u00e0 l&rsquo;\u00e9tape suivante<\/p>\n<h2>Installez le plugin WordPress wpDataTables, qui rendra votre catalogue de produits<\/h2>\n<p>Avant de continuer, nous devons nous assurer que le plugin wpDataTables est install\u00e9. Vous pouvez l&rsquo;obtenir <a href=\"http:\/\/codecanyon.net\/item\/wpdatatables-responsive-tables-in-wordpress\/3958969?ref=cjbug\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ici<\/a>.<\/p>\n<p>L&rsquo;installation est assez simple :<\/p>\n<ul>\n<li>T\u00e9l\u00e9chargez le plugin dans votre r\u00e9pertoire de plugins.<\/li>\n<li>Activez le plugin.<\/li>\n<\/ul>\n<p>Vous pouvez en savoir plus \u00e0 ce sujet <a href=\"https:\/\/wpdatatables.com\/documentation\/general\/installation\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ici.<\/a><\/p>\n<h2>Cr\u00e9ez un nouveau wpDataTable pour votre catalogue WordPress<\/h2>\n<p>Ouvrez votre panneau d&rsquo;administration WordPress et recherchez le panneau d&rsquo;administration wpDataTables. Appuyez ensuite sur le bouton &quot;Ajouter un nouveau&quot; pour cr\u00e9er un nouveau wpDatatable.<\/p>\n<p>Ajoutez un titre de tableau. Vous pouvez l&rsquo;appeler &quot;Catalogue de produits dans l&rsquo;exemple de WordPress&quot; ou quelque chose comme \u00e7a.<\/p>\n<p>S\u00e9lectionnez ensuite un type de tableau. Cela d\u00e9pend de ce que vous avez choisi \u00e0 l&rsquo;\u00e9tape 1: fichier Excel, fichier CSV, requ\u00eate MySQL, tableau PHP s\u00e9rialis\u00e9, source d&rsquo;entr\u00e9e JSON ou 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=\"Comment cr\u00e9er un catalogue de produits dans WordPress\" ><\/a><\/p>\n<p>Si vous avez d\u00e9cid\u00e9 de cr\u00e9er le catalogue bas\u00e9 sur les donn\u00e9es MySQL, fournissez une requ\u00eate SELECT correcte. Cela peut \u00eatre quelque chose comme :<\/p>\n<pre><code>SELECT * FROM my_product_catalog<\/code><\/pre>\n<p>Ensuite, vous pouvez d\u00e9finir l&rsquo;une des cases \u00e0 cocher et param\u00e8tres suivants, si vous les souhaitez pour votre catalogue\u00a0:<\/p>\n<ul>\n<li><strong>Traitement c\u00f4t\u00e9 serveur<\/strong> &#8211; Si vous cochez cette case, tous les filtrages, tris et autres traitements seront envoy\u00e9s dans une requ\u00eate AJAX \u00e0 partir du navigateur du client et trait\u00e9s par le serveur. Utilisez ceci si vous avez un grand ensemble de donn\u00e9es MySQL<\/li>\n<li><strong>Responsive<\/strong> \u2013 Si votre site est responsive cochez cette case, votre catalogue WordPress deviendra \u00e9galement responsive.<\/li>\n<li><strong>Filtrage avanc\u00e9<\/strong> \u2013 L&rsquo;activation de cette case ajoutera un filtre sous chaque colonne de votre nouveau catalogue WordPress. Ainsi, cela permettra \u00e0 vos utilisateurs de filtrer par exemple par prix, par date de sortie, etc.<\/li>\n<li><strong>Outils de tableau<\/strong> &#8211; L&rsquo;activation des outils de tableau ajoutera la possibilit\u00e9 d&rsquo;exporter des donn\u00e9es au format CSV, PDF ou Excel, ou de copier les donn\u00e9es du catalogue dans le presse-papiers.<\/li>\n<li><strong>Activer le tri<\/strong> \u2013 Cette case \u00e0 cocher activera le tri dans votre catalogue. Ainsi, par exemple, votre utilisateur pourra trier tous vos produits par ordre alphab\u00e9tique, par prix ou selon ce qu&rsquo;il pr\u00e9f\u00e8re.<\/li>\n<li><strong>Limiter la disposition du tableau<\/strong> \u2013 Cette case \u00e0 cocher limiterait la largeur du catalogue \u00e0 la largeur du conteneur parent.<\/li>\n<li><strong>Retour \u00e0 la ligne<\/strong> \u2013 Vous pouvez cocher cette case si vous avez de longues descriptions de vos produits dans le catalogue ou de longs noms de produits. Cela \u00e9tirera les cellules du tableau.<\/li>\n<li><strong>Longueur d&rsquo;affichage<\/strong> \u2013 Cela d\u00e9finira le nombre de produits qui seront affich\u00e9s sur une page de votre catalogue.<\/li>\n<\/ul>\n<p>Appuyez sur &quot;Enregistrer le tableau&quot; et votre catalogue sera pr\u00eat \u00e0 \u00eatre publi\u00e9.<\/p>\n<p>Vous pouvez lire plus en d\u00e9tail sur les param\u00e8tres de table\/catalogue dans la section tutoriel. Par exemple <a href=\"https:\/\/wpdatatables.com\/wordpress-table-mysql-queries\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ici<\/a><\/p>\n<h2>Publiez votre nouveau catalogue de produits sur votre blog WordPress<\/h2>\n<p>Vous obtiendrez un shortcode g\u00e9n\u00e9r\u00e9 dans le plugin. Collez-le dans votre page ou article de blog &#8211; et votre nouveau catalogue est pr\u00eat.<\/p>\n<p>Voici le r\u00e9sultat :<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans cet article, je vais vous montrer comment utiliser wpDataTables pour cr\u00e9er un catalogue de produits dans WordPress car c&rsquo;est l&rsquo;un des cas d&rsquo;utilisation les plus populaires.<\/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,811,811,841,841,852,852,862,862],"tags":[1167],"class_list":["post-225927","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-n-a","category-plugins-2","category-tutoriels","category-woocommerce-3","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/225927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=225927"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/225927\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/224083"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=225927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=225927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=225927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}