{"id":163,"date":"2023-09-27T05:16:12","date_gmt":"2023-09-27T05:16:12","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=163"},"modified":"2024-01-10T11:27:50","modified_gmt":"2024-01-10T11:27:50","slug":"how-to-customize-404-error-page-in-your-site","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-customize-404-error-page-in-your-site\/","title":{"rendered":"How to Customize 404 Error Page in your site?"},"content":{"rendered":"\n<p><strong>404 Error Page<\/strong> is one of the integral and basic pages of any websites. They are there to provide users with information regarding the page they are searching for and redirect them to another pages. Information displaying on this page should be easy for users to understand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"830\" height=\"525\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/404Error.jpg\" alt=\"404 Error Page\" class=\"wp-image-165\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/404Error.jpg 830w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/404Error-300x190.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/404Error-768x486.jpg 768w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video Guide<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Azure Complete Walkthrough\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-BAtD90lTGg?start=2384&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><em>Starts from the relative time of the video.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">As to Navigate to 404 Error Page customization,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>404 Error<\/strong> options in the <strong>Innerpage<\/strong> settings<\/li>\n\n\n\n<li>There are<strong> three different options <\/strong>for you to customize, where two of them are<strong> toggling option<\/strong> and <strong>another is for Button.<\/strong><\/li>\n\n\n\n<li>You can <strong>Enable<\/strong> or <strong>disable<\/strong> Search box in your <strong>404 Error<\/strong> Page by just <strong>toggling on<\/strong> or <strong>off<\/strong> the Toggle button.<\/li>\n\n\n\n<li>You can do the same thing with <strong>Enable homepage button<\/strong> too, just enable or disable the option by clicking on the button.<\/li>\n\n\n\n<li>If you have enabled the Enable Homepage Button, you <strong>can change the name<\/strong> of it too. Click on the <strong>box<\/strong> below<strong> button label<\/strong> to edit your button name.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"459\" height=\"532\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-28.png\" alt=\"404 Customizer\" class=\"wp-image-164\" style=\"width:236px;height:274px\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-28.png 459w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-28-259x300.png 259w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>404 Error Page is one of the integral and basic pages of any websites. They are there to provide users with information regarding the page they are searching for and redirect them to another pages. Information displaying on this page should be easy for users to understand. Video Guide As to Navigate to 404 Error [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-163","post","type-post","status-publish","format-standard","hentry","category-innerpage-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":3,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"predecessor-version":[{"id":421,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/163\/revisions\/421"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}