Creating a custom 404 page in Oxygen and WordPress should only take a few minutes and will help users deal with misspelled URL's, deleted content (read our article on 301 Redirects), or old links.
A 404 status code (wiki) tells the browser that the requested url, media, favicon, or script was not found on the server. By default, the 404 error page is very generic looking and does not retain the branding of the parent site.
By creating your own custom 404 in WordPress, you can tell the user the page does not exist and provide them with a suggestion on where to go.
Create a custom 404 page in Oxygen is as straightforward as it gets. In two steps you can create a stunning 404 page that will guide your users to an alternate option. Many times, 404 pages are created with a little humor, check out this list of creative 404 pages.
In addition to the 404 page, you should also build the following:
The SVG graphics below were used in our 3.5 minute video to create a custom 404 page in Oxygen with the CSS clip-path property. If you are not using Oxygen, the SVG code can still be pasted into your web design and the CSS can be placed in your default CSS file.
Creating a custom 404 Page in Oxygen and WordPress is a simple step, no website should be built without one. Think about your user and provide a seamless experience even if they stumble across a bad URL. Interested in checking your own site for bad links? Use the W3C Link Checker for a detailed report on link health. Similar features are available from the Google Search Console and various SEO Plugins.
SmugBits specializes in WordPress development in Chester County, Pennsylvania. Check out our other posts about WordPress, Oxygen, Plugins and more. Follow us on Facebook or Subscribe to us on YouTube!
SmugBits is all about web development and related fields. From web pages to web apps, we are always following the pursuit of learning something new and exciting. Along our adventure, we publish reviews, tutorials, and other bits of information we find along the way.