{"id":1427,"date":"2020-04-24T17:05:06","date_gmt":"2020-04-24T17:05:06","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=1427"},"modified":"2024-11-13T10:04:42","modified_gmt":"2024-11-13T10:04:42","slug":"404-builder","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/404-builder\/","title":{"rendered":"404 Builder"},"content":{"rendered":"\n<p>A 404 page is shown when a user tries to access a page that doesn\u2019t exist on your website. By default, many websites display a basic or generic 404 error message, but with Kata 404 Builder, you can create a custom 404 page that fits your website&#8217;s style and offers users a better navigation experience. The Kata 404 Builder allows you to design and style a 404-page using the Kata Page Builder and Styler tool, making it easy to create a personalized and engaging error page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Accessing the Kata 404 Builder<\/h2>\n\n\n\n<p>To get started with designing your custom 404 page, follow these steps:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Navigate to the Kata Control Panel<\/strong>:<\/h3>\n\n\n\n<p>In your WordPress dashboard, go to the <strong>Kata Control Panel<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Select 404 Option<\/strong>:<\/h3>\n\n\n\n<p>In the Kata Control Panel, find and click on the <strong>404<\/strong> options. This section is dedicated to customizing your 404 page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-01-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1664\" height=\"875\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-01-1.png\" alt=\"404 Builder\" class=\"wp-image-3652\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-01-1.png 1664w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-01-1-300x158.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-01-1-1024x538.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-01-1-768x404.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-01-1-1536x808.png 1536w\" sizes=\"(max-width: 1664px) 100vw, 1664px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><br>Designing Your Custom 404 Page<\/h2>\n\n\n\n<p>Once you&#8217;ve entered the 404 page builder, you can start customizing your error page.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/webnus.net\/kata\/documentation\/styler\/\" data-type=\"link\" data-id=\"https:\/\/webnus.net\/kata\/documentation\/styler\/\"><strong>Styler<\/strong> <\/a>tool allows you to customize the appearance of your 404 page. Adjust typography, colors, spacing, and more to match your site\u2019s branding and aesthetic. You can make your 404-page consistent with the design of your website or use it as an opportunity to create a unique experience for users who encounter the error page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><br><strong>Start with Kata Page Builder<\/strong>:<\/h3>\n\n\n\n<p>The <strong>Kata Page Builder<\/strong> provides a user-friendly drag-and-drop interface, allowing you to add various elements to your 404 page. You can add text, images, buttons, or even custom sections like search bars or links to help users find their way around your site. The builder is flexible and intuitive, making it easy to create a visually appealing 404 page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Use the Styler Tool<\/strong>:<\/h3>\n\n\n\n<p>The <strong>Styler<\/strong> tool allows you to customize the appearance of your 404 page. Adjust typography, colors, spacing, and more to match your site\u2019s branding and aesthetic. You can make your 404-page consistent with the design of your website or use it as an opportunity to create a unique experience for users who encounter the error page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-02-1.png\"><img decoding=\"async\" width=\"1920\" height=\"953\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-02-1.png\" alt=\"404 Builder\" class=\"wp-image-3651\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-02-1.png 1920w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-02-1-300x149.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-02-1-1024x508.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-02-1-768x381.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/04\/kata-404-02-1-1536x762.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Call to Action (CTA)<\/strong>: Encourage visitors to take action, such as exploring more content or contacting you.<\/p>\n\n\n\n<p><strong>Search Bar<\/strong>: Provide users with an easy way to search your site and find the content they were looking for.<\/p>\n\n\n\n<p><strong>Navigation Links<\/strong>: Include links to your homepage, popular posts, or other important sections of your site.<\/p>\n\n\n\n<p><strong>Custom Messages<\/strong>: Add a friendly or humorous message to ease the frustration of encountering a 404 error.<\/p>\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 title=\"Kata WP Theme - 404 Builder\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/ZdwZdstYDsw?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><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>With the Kata 404 Builder, you can easily create a unique and functional 404 error page that enhances the user experience. Instead of a generic error message, you can offer a page that guides visitors back to useful content, keeps them engaged, and maintains the overall look and feel of your site. Whether you want to add a search bar, navigation links, or a custom message, Kata makes it simple to create a 404 page that\u2019s both stylish and practical.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A 404 page is shown when a user tries to access a page that doesn\u2019t exist on your website. By default, many websites display a basic or generic 404 error message, but with Kata 404 Builder, you can create a custom 404 page that fits your website&#8217;s style and offers users a better navigation experience. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":2151,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,20],"tags":[],"class_list":["post-1427","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-kata-builders"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/1427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/comments?post=1427"}],"version-history":[{"count":4,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/1427\/revisions"}],"predecessor-version":[{"id":3657,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/1427\/revisions\/3657"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media\/2151"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=1427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=1427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=1427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}