{"id":10004,"date":"2024-03-21T16:45:33","date_gmt":"2024-03-21T14:45:33","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=10004"},"modified":"2025-06-20T12:18:41","modified_gmt":"2025-06-20T09:18:41","slug":"content-blocks-404-template","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/content-blocks-404-template\/","title":{"rendered":"Content Blocks &#8211; 404 Template"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"2064\" style=\"aspect-ratio: 3456 \/ 2064;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/03\/Screen-Recording-2025-06-19-at-23.23.12.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Creating a 404 Template.<\/figcaption><\/figure>\n\n\n\n<p>The default 404 page that comes with WordPress is simple &#8211; maybe a little too simple. With Blocksy Pro, you can replace that uninspired layout with a fully custom design that fits perfectly with your website\u2019s overall look and feel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p>Creating your own 404 page with Content Blocks is quick and intuitive. There\u2019s no extra configuration required beyond setting up the template itself. To get started:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Open your&nbsp;<strong>WordPress dashboard<\/strong>.<\/li>\n\n\n\n<li>Navigate to&nbsp;<strong>Blocksy \u2192 Content Blocks<\/strong>.<\/li>\n\n\n\n<li>Click&nbsp;<strong>Add New<\/strong>&nbsp;at the top.<\/li>\n\n\n\n<li>Choose&nbsp;<strong>Custom Template<\/strong>&nbsp;as your type.<\/li>\n\n\n\n<li>Select the&nbsp;<strong>404 Template<\/strong>&nbsp;option.<\/li>\n<\/ol>\n\n\n\n<p>Once selected, you\u2019ll be dropped into a blank Gutenberg canvas. From here, you can build out your ideal 404 page using any blocks you like &#8211; such as headings, buttons, images, or even search bars &#8211; to help redirect your visitors to more useful parts of your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nothing to Configure<\/h2>\n\n\n\n<p>There\u2019s nothing else to worry about. After you\u2019ve created and published your custom 404 page using the Gutenberg editor, Blocksy takes care of the rest. Your template will automatically be used anytime someone lands on a page that doesn\u2019t exist.<\/p>\n\n\n\n<p>It\u2019s a simple way to make sure even dead ends still feel like a part of your carefully designed site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<p>Once your 404 template is in place, you\u2019ll get access to a few layout-related options that help you fine-tune the appearance of the page.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"920\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/03\/Screenshot-2025-06-19-at-23.28.57.png\" alt=\"\" class=\"wp-image-13440\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Page Structure<\/h3>\n\n\n\n<p>This section controls the overall layout of the 404 page. You can adjust the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Layout Width<\/strong>&nbsp;\u2013 Choose between a&nbsp;<strong>boxed<\/strong>&nbsp;or&nbsp;<strong>wide<\/strong>&nbsp;content container.<\/li>\n\n\n\n<li><strong>Content Layout<\/strong>&nbsp;\u2013 Select between a&nbsp;<strong>standard<\/strong>&nbsp;or&nbsp;<strong>narrow<\/strong>&nbsp;layout, depending on how much focus you want on your central content.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Content Area Vertical Spacing<\/h3>\n\n\n\n<p>This option allows you to add vertical spacing between the content and the surrounding header or footer. It\u2019s especially useful when you want the 404 message to feel more centered on the screen, or if you\u2019d like to give the design some breathing room for a more balanced presentation.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Demonstration<\/h2>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f0d9abd13a7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f0d9abd13a7\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"3456\" height=\"2064\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/03\/Screenshot-2025-06-19-at-23.31.11.png\" alt=\"\" class=\"wp-image-13441\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Template editor.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The default 404 page that comes with WordPress is simple &#8211; maybe a little too simple. With Blocksy Pro, you can replace that uninspired layout with a fully custom design that fits perfectly with your website\u2019s overall look and feel. Getting Started Creating your own 404 page with Content Blocks is quick and intuitive. There\u2019s [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[120],"class_list":["post-10004","documentation","type-documentation","status-publish","hentry","doc_categories-modules"],"blocksy_meta":{"docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"header_after_body_scripts":"<style>\nfigure > img, figure > video {\n    border: 1px solid rgba(225,225,225,0.50);\nbox-shadow: 0px 0px 50px -30px rgba(0,0,0,0.25);\n\n}\n<\/style>"},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=10004"}],"version-history":[{"count":6,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10004\/revisions"}],"predecessor-version":[{"id":13468,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10004\/revisions\/13468"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=10004"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=10004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}