In this quick step-by-step video, I will show you how to create a Custom 404 error page in WordPress using GeneratePress theme and GenerateBlocks plugin.
Table of Contents
Recommended Hosting
Required Theme
- GeneratePress (Free Version)
Required Plugins
GenerateBlocks 404 Custom Page Layout
<!-- wp:generateblocks/container {"uniqueId":"42267b49","isDynamic":true,"blockVersion":4,"spacing":{"paddingTopMobile":"15px","paddingLeftMobile":"15px","paddingRightMobile":"15px","paddingBottomMobile":"15px"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"f7e4dcee","columns":2,"horizontalGap":20,"verticalGap":20,"verticalAlignment":"center","isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"33675867","isGrid":true,"gridId":"f7e4dcee","isDynamic":true,"blockVersion":4,"sizing":{"width":"40%","widthMobile":"100%"}} -->
<!-- wp:generateblocks/image {"uniqueId":"fad9c305","mediaId":1273,"sizeSlug":"full","alignment":"center","blockVersion":2} -->
<figure class="gb-block-image gb-block-image-fad9c305"><img class="gb-image gb-image-fad9c305" src="http://localhost/t019/wp-content/uploads/2024/11/broken-link.png" alt="" title="broken-link"/></figure>
<!-- /wp:generateblocks/image -->
<!-- /wp:generateblocks/container -->
<!-- wp:generateblocks/container {"uniqueId":"cf01bd0e","isGrid":true,"gridId":"f7e4dcee","isDynamic":true,"blockVersion":4,"sizing":{"width":"60%","widthMobile":"100%"},"typography":{"textAlign":"left"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"419f5293","element":"h1","blockVersion":3,"typography":{"textAlign":"left"}} -->
<h1 class="gb-headline gb-headline-419f5293 gb-headline-text">404 - Page Not Found</h1>
<!-- /wp:generateblocks/headline -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"21px"}}} -->
<p style="font-size:21px">We couldn't find the page you were looking for. It may have been moved, or it just doesn't exist.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontSize":"21px"}}} -->
<p style="font-size:21px">Alternatively, you can use the Search form below to search our website for the missing content.</p>
<!-- /wp:paragraph -->
<!-- wp:search {"label":"","placeholder":"Search website","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->
<!-- wp:generateblocks/headline {"uniqueId":"86bf8b63","element":"p","blockVersion":3,"typography":{"textAlign":"center"},"spacing":{"marginTop":"25px"}} -->
<p class="gb-headline gb-headline-86bf8b63 gb-headline-text"><strong>OR</strong></p>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/button {"uniqueId":"0882e6ad","hasUrl":true,"blockVersion":4,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px","marginTop":"25px"},"borders":{"borderTopLeftRadius":"6px","borderTopRightRadius":"6px","borderBottomLeftRadius":"6px","borderBottomRightRadius":"6px"},"backgroundColor":"var(\u002d\u002dhighlight)","backgroundColorHover":"var(\u002d\u002dcontrast-2)","textColor":"#ffffff","textColorHover":"#ffffff","hasIcon":true,"iconStyles":{"height":"2em","width":"2em"}} -->
<a class="gb-button gb-button-0882e6ad" href="#"><span class="gb-icon"><svg class="icon line" xmlns="http://www.w3.org/2000/svg" id="left-arrow" viewBox="0 0 24 24" fill="#000000"><g stroke-width="0" id="SVGRepo_bgCarrier"></g><g stroke-linejoin="round" stroke-linecap="round" id="SVGRepo_tracerCarrier"></g><g id="SVGRepo_iconCarrier"><path style="fill: none; stroke: #ffffff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5;" d="M21,12H3M6,9,3,12l3,3" id="primary"></path></g></svg></span><span class="gb-button-text">Back to Home</span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- wp:generateblocks/headline {"uniqueId":"826667db","blockVersion":3,"typography":{"textAlign":"left"},"spacing":{"marginTop":"40px"}} -->
<h2 class="gb-headline gb-headline-826667db gb-headline-text">Check Our Most Recent Posts</h2>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/query-loop {"uniqueId":"0f64ba44","query":{"post_type":"post","per_page":"8"}} -->
<!-- wp:generateblocks/grid {"uniqueId":"d8894354","columns":1,"horizontalGap":20,"verticalGap":20,"isDynamic":true,"blockVersion":3,"isQueryLoop":true,"lock":{"remove":true}} -->
<!-- wp:generateblocks/container {"uniqueId":"3aaa02be","isGrid":true,"isQueryLoopItem":true,"gridId":"d8894354","backgroundColor":"var(\u002d\u002dbase-3)","isDynamic":true,"blockVersion":4,"sizing":{"width":"25%","widthMobile":"100%","widthTablet":"33.33%"},"spacing":{"paddingTop":"","paddingRight":"","paddingBottom":"","paddingLeft":""},"lock":{"remove":true,"move":true}} -->
<!-- wp:generateblocks/image {"uniqueId":"fcee0e14","sizeSlug":"full","blockVersion":2,"spacing":{"marginBottom":"10px"},"useDynamicData":true,"dynamicContentType":"featured-image","dynamicLinkType":"single-post"} /-->
<!-- wp:generateblocks/headline {"uniqueId":"8ee93f56","element":"div","blockVersion":3,"typography":{"fontSize":"17px","lineHeight":"21px"},"spacing":{"marginBottom":"5px"},"useDynamicData":true,"dynamicContentType":"post-title","dynamicLinkType":"single-post"} -->
<div class="gb-headline gb-headline-8ee93f56 gb-headline-text"></div>
<!-- /wp:generateblocks/headline -->
<!-- wp:generateblocks/headline {"uniqueId":"611d7328","element":"p","blockVersion":3,"typography":{"fontSize":"14px"},"spacing":{"marginBottom":"30px"},"useDynamicData":true,"dynamicContentType":"post-date"} -->
<p class="gb-headline gb-headline-611d7328 gb-headline-text"></p>
<!-- /wp:generateblocks/headline -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/query-loop -->
<!-- /wp:generateblocks/container -->