We’re going to create a custom 404 page using Thesis 2. Notice in the picture above that our 404 page is blank. This is no good. We need to add some content to help our visitors out. Read on to see how you can create a custom 404 page using the Thesis 2 Theme.
Before we continue, we need to create a WordPress page to use as our 404 page. You will see why in a few moments.
From the WordPress Dashboard click on Pages, Add New. Create a 404 page. Be sure to give your visitors some suggestions and not just the generic “page not found”.
Scroll down and turn off indexing and comments. No reason to let the search engines index your 404 page or allow visitors to comment. Be sure to click “Publish” when you are done.
Next, from the Thesis 2 home page, click “Site” then click “404 Page”.
You will be presented with a drop-down where you can select the 404 Page you just created.
Don’t forget to click the green Save 404 Page button.
Here is what mine looks like.
You might notice in the picture above that it has a byline and number of comments. We don’t need these items on our 404 page so let’s remove them. Remember how to edit Thesis 2 templates?
From your Thesis 2 Skin Editor, go to the HTML page. The “Home” template will be displayed by default.
Click on the “Home” title and change the template to “404” by clicking the plus (+) sign next to the Page template then clicking on “404”.
You should now be editing the 404 HTML Template.
Now shift-click and drag the byline box off the page. You may have to open the Headline Area inside the Home Post Box by clicking the black arrow.
Now shift-click and drag Num Comments Wrapper off of the page. Again, it can be found inside the Home Post Box.
You will now see your removed boxes in the column on the right side of the HTML 404 Template screen.
Remember to click the green “Save Template” button.
Your 404 page is now finished and the byline and comments counter have been removed.
Be sure to test your custom 404 page by typing a fake URL into your browser address bar. Example: http://thriftyzizel.com/fake-url