{"id":372013,"date":"2023-04-17T14:09:00","date_gmt":"2023-04-17T11:09:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=372013"},"modified":"2023-04-17T14:09:38","modified_gmt":"2023-04-17T11:09:38","slug":"comment-creer-une-page-404-personnalisee-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-creer-une-page-404-personnalisee-dans-wordpress\/","title":{"rendered":"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress"},"content":{"rendered":"\n<p>Il est in\u00e9vitable que chaque personne rencontre une page d&rsquo;erreur 404 \u00e0 un moment donn\u00e9 de son utilisation d&rsquo;Internet. Et m\u00eame s&rsquo;il est parfois difficile de l&rsquo;\u00e9viter, cela ne le rend pas moins ennuyeux lorsqu&rsquo;il appara\u00eet.<\/p>\n<p>Par cons\u00e9quent, le moins que vous puissiez faire pour vos visiteurs est de <strong>personnaliser cette page d&rsquo;erreur afin de la rendre plus conviviale et conviviale<\/strong> lorsqu&rsquo;ils la rencontrent. Nous allons vous montrer comment cr\u00e9er une page WordPress 404 personnalis\u00e9e \u00e0 l&rsquo;aide de deux plugins diff\u00e9rents.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/jZKadrFBOzk\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Qu&rsquo;est-ce qu&rsquo;une page d&rsquo;erreur 404\u00a0?<\/h2>\n<p>Le serveur r\u00e9pond par une erreur 404 <strong>lorsqu&rsquo;il ne trouve pas une certaine page recherch\u00e9e par l&rsquo;utilisateur<\/strong>. En d&rsquo;autres termes, cette page ou cet article particulier n&rsquo;existe pas sur ce site Web. Ce message d&rsquo;erreur <strong>peut s&rsquo;afficher en raison d&rsquo;un lien bris\u00e9 ou si l&rsquo;utilisateur a mal saisi l&rsquo;URL de votre page<\/strong>. Une autre raison pour laquelle elle peut appara\u00eetre est que <strong>les moteurs de recherche avaient d\u00e9j\u00e0 index\u00e9 votre page avant que vous ne la supprimiez<\/strong>.<\/p>\n<p>Si vous ne savez pas \u00e0 quoi votre page d&rsquo;erreur 404 devrait ressembler ou quels \u00e9l\u00e9ments elle devrait inclure, consultez nos exemples et d\u00e9couvrez les meilleures pratiques\u00a0:<\/p>\n<h2>Page WordPress 404 par d\u00e9faut<\/h2>\n<p>Chaque th\u00e8me WordPress a un <strong>mod\u00e8le 404.php int\u00e9gr\u00e9<\/strong> qui affiche le message d&rsquo;erreur aux utilisateurs. N\u00e9anmoins, ces mod\u00e8les semblent assez basiques, \u00e0 la fois visuellement et en termes d&rsquo;informations. Habituellement, WordPress informera simplement l&rsquo;utilisateur que la ressource est introuvable sur son serveur. Mais, si vous voulez une touche plus personnalis\u00e9e \u00e0 cette page, nous vous conseillons de la changer.<\/p>\n<p>Chaque th\u00e8me WordPress a un <strong>mod\u00e8le 404.php int\u00e9gr\u00e9<\/strong> qui affiche le message d&rsquo;erreur aux utilisateurs. N\u00e9anmoins, ces mod\u00e8les semblent assez basiques, \u00e0 la fois visuellement et en termes d&rsquo;informations. Habituellement, WordPress informera simplement l&rsquo;utilisateur que la ressource est introuvable sur son serveur. Mais, si vous voulez une touche plus personnalis\u00e9e \u00e0 cette page, nous vous conseillons de la changer.<\/p>\n<h2>Configurer une page d&rsquo;erreur WordPress 404 personnalis\u00e9e avec un plugin<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e350e004e8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e350e004e8.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p><a href=\"https:\/\/phpbits.net\/plugin\/forty-four\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Forty Four \u2013 404 Plugin for WordPress<\/a> est un plugin simple et l\u00e9ger qui vous permet de modifier facilement sa conception. Une grande chose \u00e0 ce sujet est qu&rsquo;il <strong>ne charge pas de scripts, CSS ou images inutiles<\/strong>. Cela signifie que vos visiteurs n&rsquo;auront pas \u00e0 attendre trop longtemps pour que votre page finisse de se charger.<\/p>\n<p>Avec le plug-in Forty Four &#8211; 404, vous pouvez <strong>modifier l&rsquo;image d&rsquo;arri\u00e8re-plan, la palette de couleurs et l&rsquo;apparence de votre texte<\/strong>. Cependant, la seule chose que vous ne pouvez pas modifier est le champ de recherche, qui doit rester sur cette page.<\/p>\n<p>Voici un exemple de ce \u00e0 quoi votre page 404 peut ressembler avec ce plugin :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3510eb5e5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3510eb5e5.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Une fois que vous avez install\u00e9 le plugin, vous pouvez le trouver en allant dans la section Apparence &gt; 404 Page de votre tableau de bord.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3513a869e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3513a869e.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>D\u00e8s que vous jetez un coup d&rsquo;\u0153il \u00e0 l&rsquo;\u00e9cran du plugin, la fa\u00e7on de l&rsquo;utiliser vous sera imm\u00e9diatement claire. En effet, sa <strong>structure est identique \u00e0 celle d&rsquo;une page WordPress classique<\/strong>. A savoir, il contient un champ pour saisir le titre, ainsi que le champ de texte. En d&rsquo;autres termes, tout le texte que vous entrez dans ces champs appara\u00eetra sur la page elle-m\u00eame.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3515e8eb5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3515e8eb5.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Ci-dessous, vous remarquerez la pr\u00e9sence de <strong>quelques options suppl\u00e9mentaires<\/strong>, telles que la modification du texte et de la couleur d&rsquo;arri\u00e8re-plan, si vous souhaitez que votre arri\u00e8re-plan soit une image ou simplement une couleur \u00e0 la place, si vous souhaitez masquer le titre 404, etc.<\/p>\n<p>Nous aimerions \u00e9galement mentionner l&rsquo;option Retour au texte d&rsquo;accueil. Si vous finissez par supprimer le texte de ce champ, le lien qui m\u00e8ne \u00e0 la page d&rsquo;accueil n&rsquo;appara\u00eetra pas sur la page 404.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e35182910b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e35182910b.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Dans le coin droit de l&rsquo;\u00e9cran, juste en dessous du bouton Publier, vous avez une option qui <strong>vous permet d&rsquo;ajouter votre propre image d&rsquo;arri\u00e8re-plan<\/strong>. Ce param\u00e8tre s&rsquo;active d\u00e8s que vous publiez la page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351adcfef.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351adcfef.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Nous avons \u00e9galement personnalis\u00e9 notre propre page d&rsquo;erreur 404 avec ce plugin. Vous pouvez voir \u00e0 quoi cela ressemble dans l&rsquo;image ci-dessous.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351e7c190.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351e7c190.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Si vous \u00eates int\u00e9ress\u00e9, il existe \u00e9galement une <strong>version premium du plugin qui contient des options suppl\u00e9mentaires<\/strong>, telles que la possibilit\u00e9 d&rsquo;ajouter un logo ou un menu personnalis\u00e9 sur votre page 404.<\/p>\n<h2>Utilisation d&rsquo;une page 404 &#8211; votre plugin de page d&rsquo;erreur 404 personnalis\u00e9 intelligent<\/h2>\n<p>Si vous souhaitez pouvoir ajouter plus d&rsquo;\u00e9l\u00e9ments sur votre page qui la rendront \u00e0 son tour plus personnalis\u00e9e et unique, alors <a href=\"https:\/\/wordpress.org\/plugins\/404page\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">404 page &#8211; votre plugin de page d&rsquo;erreur 404 personnalis\u00e9 intelligent<\/a> peut \u00eatre une solution parfaite pour vous.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3521bf3f7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3521bf3f7.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Ce plugin fonctionne de mani\u00e8re \u00e0 <strong>permettre \u00e0 une page 404 d&rsquo;\u00eatre construite comme une page normale<\/strong>. Ensuite, il est appel\u00e9 via le plugin et plac\u00e9 en tant que page 404.<\/p>\n<p>Apr\u00e8s l&rsquo;avoir install\u00e9, vous pouvez y acc\u00e9der dans Apparence &gt; Page d&rsquo;erreur 404 dans votre tableau de bord\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352558e12.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352558e12.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>\u00c0 partir de l\u00e0, tout ce que vous avez \u00e0 faire est de <strong>choisir une page d\u00e9j\u00e0 cr\u00e9\u00e9e dans le menu d\u00e9roulant<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3527d8c12.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3527d8c12.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Compar\u00e9 au plugin que nous avons pr\u00e9sent\u00e9 ci-dessus, le plugin 404 pages vous offre d\u00e9finitivement plus de possibilit\u00e9s. Le premier a des champs pr\u00e9d\u00e9finis sur la page, tandis que celui-ci vous donne la libert\u00e9 de cr\u00e9er tous les types de champs que vous voulez et de personnaliser compl\u00e8tement votre page \u00e0 votre guise.<\/p>\n<h2>Configurer une page 404 personnalis\u00e9e sans plugin<\/h2>\n<p>Si vous connaissez un peu PHP et HTML, <strong>vous pouvez modifier la page 404 dans le code<\/strong>. Cela peut \u00eatre fait en allant dans Apparence&gt; \u00c9diteur, puis en trouvant le mod\u00e8le 404. Ici, vous pourrez \u00e9galement <strong>modifier le texte par d\u00e9faut qui appara\u00eet sur la page d&rsquo;erreur 404<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352a6cb3d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352a6cb3d.jpg\" alt=\"Comment cr\u00e9er une page 404 personnalis\u00e9e dans WordPress\"><\/a><\/p>\n<p>Nous vous avons fourni quelques m\u00e9thodes qui vous aideront \u00e0 g\u00e9n\u00e9rer facilement votre page 404 personnalis\u00e9e. La seule chose qui vous reste \u00e0 faire est de d\u00e9terminer <a href=\"https:\/\/themewp.inform.click\/fr\/une-page-404-meilleures-pratiques-et-inspiration-de-conception\/\" title=\"comment vous souhaitez concevoir votre page WordPress 404\">comment vous souhaitez concevoir votre page WordPress 404<\/a>, puis de proc\u00e9der \u00e0 sa cr\u00e9ation.<\/p>\n<p>Une fois que vous avez personnalis\u00e9 votre page d&rsquo;erreur, au moins il n&rsquo;y aura aucun risque que le manque de personnalit\u00e9 des pages d&rsquo;erreur par d\u00e9faut ne d\u00e9courage vos visiteurs. Alors, allez-y et cr\u00e9ez votre propre page 404 d\u00e8s que possible, et n&rsquo;oubliez pas de nous faire part des r\u00e9sultats\u00a0!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tout le monde rencontre une page d&rsquo;erreur 404 \u00e0 un moment donn\u00e9. Aujourd&rsquo;hui, nous allons vous montrer deux fa\u00e7ons de cr\u00e9er une page WordPress 404 personnalis\u00e9e.<\/p>\n","protected":false},"author":1,"featured_media":363458,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[568],"tags":[844],"class_list":["post-372013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/372013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=372013"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/372013\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/363458"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=372013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=372013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=372013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}