{"id":91345,"date":"2026-07-10T11:59:50","date_gmt":"2026-07-10T06:29:50","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/patterns\/services-listing-styles\/"},"modified":"2026-09-25T07:39:17","modified_gmt":"2026-09-25T02:09:17","slug":"services-listing-styles","status":"publish","type":"page","link":"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/","title":{"rendered":"Styles de liste de services"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Trois fa\u00e7ons de lister un ensemble de services, toutes aliment\u00e9es en direct par les quatre pages d\u2019exemple plac\u00e9es sous cette page. Ajoutez ou supprimez une page enfant d\u2019exemple et les trois listes se mettent \u00e0 jour d\u2019elles-m\u00eames.<\/p><h2 class=\"wp-block-heading\">Style 1 - Cartes \u00e0 accent num\u00e9rot\u00e9es (par d\u00e9faut)<\/h2><div class=\"wp-block-group ariade-svc-listing ariade-svc-style-cards is-layout-flow wp-block-group-is-layout-flow\"><ul class=\"ariade-svc-grid\" style=\"margin-block-start:2.5rem;margin-block-end:0.5rem\"><li class=\"ariade-svc-card\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-four\/\">Service d\u2019exemple quatre<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le quatri\u00e8me service.<\/p><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-card\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-one\/\">Service d\u2019exemple un<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le premier service.<\/p><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-card\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-three\/\">Service d\u2019exemple trois<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le troisi\u00e8me service.<\/p><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-card\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-two\/\">Service d\u2019exemple deux<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le deuxi\u00e8me service.<\/p><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><\/ul><\/div><h2 class=\"wp-block-heading\">Style 2 - Lignes de registre<\/h2><div class=\"wp-block-group ariade-svc-listing ariade-svc-style-ledger is-layout-flow wp-block-group-is-layout-flow\"><ul class=\"ariade-svc-ledger\" style=\"margin-block-start:2.5rem;margin-block-end:0.5rem\"><li class=\"ariade-svc-row\"><span class=\"svc-ghost\" aria-hidden=\"true\"><\/span><div class=\"svc-body\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-four\/\">Service d\u2019exemple quatre<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le quatri\u00e8me service.<\/p><\/div><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-row\"><span class=\"svc-ghost\" aria-hidden=\"true\"><\/span><div class=\"svc-body\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-one\/\">Service d\u2019exemple un<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le premier service.<\/p><\/div><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-row\"><span class=\"svc-ghost\" aria-hidden=\"true\"><\/span><div class=\"svc-body\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-three\/\">Service d\u2019exemple trois<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le troisi\u00e8me service.<\/p><\/div><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-row\"><span class=\"svc-ghost\" aria-hidden=\"true\"><\/span><div class=\"svc-body\"><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-two\/\">Service d\u2019exemple deux<\/a><\/h2><p>Un exemple de phrase d\u2019engagement pour le deuxi\u00e8me service.<\/p><\/div><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><\/ul><\/div><h2 class=\"wp-block-heading\">Style 3 - Index compact en pastilles<\/h2><div class=\"wp-block-group ariade-svc-listing ariade-svc-style-index is-layout-flow wp-block-group-is-layout-flow\"><ul class=\"ariade-svc-index\" style=\"margin-block-start:2.5rem;margin-block-end:0.5rem\"><li class=\"ariade-svc-pill\"><span class=\"svc-chip\" aria-hidden=\"true\"><\/span><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-four\/\">Service d\u2019exemple quatre<\/a><\/h2><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-pill\"><span class=\"svc-chip\" aria-hidden=\"true\"><\/span><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-one\/\">Service d\u2019exemple un<\/a><\/h2><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-pill\"><span class=\"svc-chip\" aria-hidden=\"true\"><\/span><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-three\/\">Service d\u2019exemple trois<\/a><\/h2><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><li class=\"ariade-svc-pill\"><span class=\"svc-chip\" aria-hidden=\"true\"><\/span><h2><a href=\"https:\/\/showcase.ananyoo.com\/fr\/patterns\/services-listing-styles\/sample-service-two\/\">Service d\u2019exemple deux<\/a><\/h2><span class=\"svc-more\" aria-hidden=\"true\">&rarr;<\/span><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Trois fa\u00e7ons de lister un ensemble de services.<\/p>","protected":false},"author":1,"featured_media":0,"parent":91340,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-91345","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/comments?post=91345"}],"version-history":[{"count":1,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91345\/revisions"}],"predecessor-version":[{"id":94643,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91345\/revisions\/94643"}],"up":[{"embeddable":true,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91340"}],"wp:attachment":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/media?parent=91345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}