Hatch is a lightweight, bare-bones theme for photographers, illustrators, and visual artists. Your portfolio is certain to stand out with the theme’s bold featured images, full-width posts, and a space for your logo. Read on to find out how to set up your own stunning website with Hatch.
Hatch’s grid-style design relies heavily on featured images, so it looks its best when you assign one to each of your posts. You can do this using the Featured Image meta box when you create or edit a post.
Featured images will appear both on the blog as a preview and full size in single post view. Please note, on single posts the featured image will be duplicated if also included in the post content.
If no featured image is assigned, Hatch will attempt to pull the first attached image in your post. If no image is attached, the theme displays a light gray placeholder.
Hatch allows you to customize your site even further by adding a logo to the left of your site title. You can also add a brief message to your home page to welcome your visitors or introduce your work.
You can find Hatch’s theme options exclusively in the Customizer.
The Primary Menu is located to the right of your site title, and can be configured by going to Appearance -> Menus.
Hatch supports a flexible-height custom header image, which can be configured under Appearance -> Header.
The header image displays only on the home page, and its size depends on the presence of a welcome message in the theme options. If a welcome message is active, it will take up 66% of the content column, otherwise it will take up the full width of the content column.
Spruce up your site with a custom background color or image by going to Appearance -> Background.
Hatch supports five widget areas — one on pages, one after single posts, and three columns in the footer. You can configure these areas by going to Appearance -> Widgets in your Dashboard.
Quick Specs (all measurements in pixels)
- The main column width is
940except on Pages, where it’s
- The full width, no sidebar page template width is
- The after singular sidebar width is
- The page sidebar width is
- The footer sidebar widths are