How to add a custom 404 error page

How to add a custom 404 error page

<?php get_header(); ?>
<img src="https://i.ibb.co/W6tgcKQ/softcodeon.gif">
<title>Page Not Found</title>
<h1 class="error-text">Whoops, We can't seem to find the resource you're looking for.</h1>
<p class="text">Please check that the Web site address is spelled correctly.Or,</p>
<div class="button">
<a class="error" href="#">Go to Homepage</a>
</div>
<style>
*{padding:0;margin:0;background:#f0f0f0;}
img{display: block;
margin-left: auto;
margin-right: auto;}
.button{text-align:center;}
.text{text-align:center;font-size:20px;margin-bottom:40px;}
.error-text{text-align:center;padding:20px; font-family: Cursive;
} .error{font-family: 'Roboto', sans-serif;font-size:1.5rem;text-decoration:none;padding:15px;background:#6200ee;color:#fff;border-radius:10px;}
</style>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

--

--

--

Innovative tech mind with 15 years of experience working as a computer programmer. Capable of working with a variety of technology and software solutions…

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Why Occlusion Culling Improves Game Performance

How to choose your career path as a software developer

VirtualBox VM Ubuntu on a Windows platform

Download Files using Web API

Avengers of Container World - Episode 1: Podman Hands On

Computing Society Tutorial: Getting started with Git and GitHub

Learn Python-100 Days Of Code with Khemlall DAY 4-Randomization and python lists

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Muhammad Rauf.

Muhammad Rauf.

Innovative tech mind with 15 years of experience working as a computer programmer. Capable of working with a variety of technology and software solutions…

More from Medium

Blog Article 01 — Application Frameworks

GETTING STARTED WITH EXPRESS JS

How to visualise ROS images in ReactJS

API Tester for your Backend Projects — Article Includes Example For Node.js Developers