{"id":91573,"date":"2026-07-10T14:38:00","date_gmt":"2026-07-10T09:08:00","guid":{"rendered":"https:\/\/showcase.ananyoo.com\/patterns\/utility-styles\/"},"modified":"2026-10-26T23:25:39","modified_gmt":"2026-10-26T17:55:39","slug":"utility-styles","status":"publish","type":"page","link":"https:\/\/showcase.ananyoo.com\/fr\/patterns\/utility-styles\/","title":{"rendered":"Styles de pages utilitaires"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Les mises en page 404 et \u00ab\u00a0bient\u00f4t disponible\u00a0\u00bb c\u00f4te \u00e0 c\u00f4te. Les champs de recherche 404 ci-dessous sont enti\u00e8rement fonctionnels, et les puces de liens rapides sont g\u00e9n\u00e9r\u00e9es \u00e0 partir des pages qui existent r\u00e9ellement sur ce site.<\/p><h2 class=\"wp-block-heading\">404 - Style 1\u00a0: Fil perdu (actif sur chaque lien bris\u00e9)<\/h2>\n<div class=\"wp-block-group ariade-nf-thread has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5b4a064 wp-block-group-is-layout-constrained\">\n<div class=\"nf-big\" role=\"img\" aria-label=\"Erreur 404\">4<span class=\"nf-o\">0<\/span>4<svg viewbox=\"0 0 500 40\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M0 20 C 60 -10, 120 50, 180 20 S 300 -10, 360 20 S 460 45, 500 15\" fill=\"none\" stroke=\"#d4537e\" stroke-width=\"3\" stroke-linecap=\"round\"\/><circle cx=\"500\" cy=\"15\" r=\"6\" fill=\"#d4537e\"\/><\/svg><\/div>\n\n<p class=\"nf-quip wp-block-paragraph\">Vous avez quitt\u00e9 le fil.<\/p>\n<p class=\"nf-sub wp-block-paragraph\">La page que vous cherchiez n\u2019est pas ici - mais le chemin du retour se trouve juste en dessous.<\/p>\n<form aria-labelledby=\"wp-block-search__input-1-label\" role=\"search\" method=\"get\" action=\"https:\/\/showcase.ananyoo.com\/fr\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\" data-trp-original-action=\"https:\/\/showcase.ananyoo.com\/fr\/\" ><label id=\"wp-block-search__input-1-label\" class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-1\" >Rechercher sur ce site<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"Rechercher sur ce siteu0026hellip;\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Rechercher\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Rechercher<\/button><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/showcase.ananyoo.com\/fr\/\">Retour \u00e0 l\u2019accueil<\/a><\/div><\/div>\n<ul class=\"nf-chips\"><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/themes\/\">Th\u00e8mes <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/plugins\/\">Extensions <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/blog\/\">Blog <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/about\/\">\u00c0 propos <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/contact\/\">Contact <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><\/ul><\/div>\n\n<h2 class=\"wp-block-heading\">404 - Style 2\u00a0: Boussole bleu marine<\/h2>\n<div class=\"wp-block-group ariade-nf-navy has-global-padding is-layout-constrained wp-container-core-group-is-layout-7d74f67b wp-block-group-is-layout-constrained\">\n<div class=\"nf-big\" role=\"img\" aria-label=\"Erreur 404\">404<\/div>\n\n<p class=\"nf-quip wp-block-paragraph\">Eh bien, cette page est bel et bien perdue.<\/p>\n<p class=\"nf-sub wp-block-paragraph\">Laissez-nous plut\u00f4t vous emmener quelque part qui existe vraiment.<\/p>\n<form aria-labelledby=\"wp-block-search__input-2-label\" role=\"search\" method=\"get\" action=\"https:\/\/showcase.ananyoo.com\/fr\/\" class=\"wp-block-search__button-outside wp-block-search__text-button wp-block-search\" data-trp-original-action=\"https:\/\/showcase.ananyoo.com\/fr\/\" ><label id=\"wp-block-search__input-2-label\" class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-2\" >Rechercher sur ce site, style 2<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-2\" placeholder=\"Rechercher sur ce siteu0026hellip;\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Rechercher\" class=\"wp-block-search__button wp-element-button\" type=\"submit\" >Rechercher<\/button><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n<ul class=\"nf-chips\"><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/themes\/\">Th\u00e8mes <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/plugins\/\">Extensions <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/blog\/\">Blog <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/about\/\">\u00c0 propos <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><li><a href=\"https:\/\/showcase.ananyoo.com\/fr\/contact\/\">Contact <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/li><\/ul><\/div>\n\n<h2 class=\"wp-block-heading\">Bient\u00f4t disponible - Style 1\u00a0: Rampe de lancement en d\u00e9grad\u00e9 (actif sur la page Bient\u00f4t disponible)<\/h2>\n<div class=\"wp-block-group ariade-cs-gradient has-global-padding is-layout-constrained wp-container-core-group-is-layout-951bb200 wp-block-group-is-layout-constrained\"><p class=\"cs-kick wp-block-paragraph\">Du nouveau est en train de se tisser<\/p>\n<h2 class=\"wp-block-heading\">Bient\u00f4t disponible<\/h2>\n<p class=\"cs-sub wp-block-paragraph\">Quelque chose de nouveau arrive. Laissez votre e-mail et nous vous pr\u00e9viendrons d\u00e8s sa sortie.<\/p>\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/showcase.ananyoo.com\/fr\/contact\/?subject=notify-me\">Me pr\u00e9venir<\/a><\/div><\/div>\n<ul class=\"wp-block-list cs-peek\"><li>WCAG 2.2 AA d\u00e8s le premier jour<\/li><li>Test\u00e9 avec des lecteurs d\u2019\u00e9cran<\/li><li>Gratuit sur WordPress.org<\/li><\/ul><\/div>\n\n<h2 class=\"wp-block-heading\">Bient\u00f4t disponible - Style 2\u00a0: Progression du fil<\/h2>\n<div class=\"wp-block-group ariade-cs-thread has-global-padding is-layout-constrained wp-container-core-group-is-layout-32efe032 wp-block-group-is-layout-constrained\"><p class=\"cs-kick wp-block-paragraph\">Restez attentifs<\/p>\n<h2 class=\"wp-block-heading\">Du nouveau se pr\u00e9pare <em>sur le fil<\/em><\/h2>\n<p class=\"cs-sub wp-block-paragraph\">Nous construisons le prochain produit accessible - et il ne sera lanc\u00e9 qu\u2019apr\u00e8s avoir r\u00e9ussi toute la batterie de tests.<\/p>\n<ul class=\"cs-steps\"><li><strong>Concevoir<\/strong><span class=\"cs-state\">termin\u00e9<\/span><\/li><li><strong>Construire<\/strong><span class=\"cs-state\">termin\u00e9<\/span><\/li><li class=\"cs-now\"><strong>Test<\/strong><span class=\"cs-state\">en cours<\/span><\/li><li class=\"cs-todo\"><strong>Lancement<\/strong><span class=\"cs-state\">en attente<\/span><\/li><\/ul>\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/showcase.ananyoo.com\/fr\/contact\/\">Me pr\u00e9venir<\/a><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Les mises en page 404 et \u00ab\u00a0bient\u00f4t disponible\u00a0\u00bb, c\u00f4te \u00e0 c\u00f4te.<\/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-91573","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91573","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=91573"}],"version-history":[{"count":3,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91573\/revisions"}],"predecessor-version":[{"id":94824,"href":"https:\/\/showcase.ananyoo.com\/fr\/wp-json\/wp\/v2\/pages\/91573\/revisions\/94824"}],"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=91573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}