Please note that while Cover2 is still supported, it is no longer under active development.
Cover2 is a content-driven blogging theme for WordPress. Built on top of Automattic’s Underscores, Cover2 allows you to focus on your writing. There are no sidebars to mess with, just a single column view of your content.
Full-width featured images
When you use a featured image, it displays as a full-screen background image behind the title.
Put widgets in their place
Cover2 puts your content first, exactly where it should be. But that doesn’t mean you can’t have widgets and menus, and that’s where the overlay comes in.
The overlay is a full-screen menu and widget display. You can define one menu and as many widgets as your little heart desires.
Additionally, there are three footer widget positions, which collapse to a single column on small screens.
Accent Color and Overlay Color Scheme
Customize Cover2’s header color and overlay color scheme in the Customizer. Live preview shows you exactly what it’ll look like before hitting Publish!
Automattic’s Jetpack plugin comes packed with modules for any theme to use, but Cover2 is designed to work nicely with these:
- Site Logo
In the Customizer, you can not only set the site title and tagline, but also a site logo. You can enable and disable any combination of these three options.
- Featured Posts
In the Customizer, you’ll find the option to assign a specific tag to featured posts (the default is “featured”). Tagging a post will give it a special place on your blog’s home page: it’s displayed larger than the normal post listing, with its featured image displayed prominently behind it. If you have tagged more than one featured post, Cover2 will display them in a slider.
- Infinite Scroll
The Infinite Scroll module already works just fine, and we’re not messing with that. :)
Aesop Story Engine
Cover2 was built from the ground up with Aesop Story Engine in mind. Break out of the content area with full-width components like images, galleries, maps, and more.
Cover2 includes support for a mobile first 12-column grid. Read about it here.
You can download the latest from GitHub. Follow these steps to activate Cover2:
- Download the latest release.
- In your admin panel, go to Appearance > Themes and click the Add New button.
- Click Upload and Choose File, then select the theme’s zip file. Click Install Now.
- Click Activate.
How do I set the background image behind the post title?
When you use a featured image in Cover2, it displays as a full-screen background image behind the title.
Can I change the font size?
Cover2 does not allow you to change the default font size. I recommend creating a child theme before making changes to the theme.
I am receiving an error in the Customizer, what should I do?
Disable any caching plugins that you may have activated.
How do I make links look like buttons?
A normal link looks like this:
To make the link look like a gray button, add the
button class, like this:
<a href="https://wordpress.org" class="button">WordPress</a>
To make the link look like a button with the same link color as defined in the Customizer, add the optional
default class, like this:
<a href="https://wordpress.org" class="button default">WordPress</a>
If you see something wrong, or you want to improve on what I’ve got here, feel free to submit an issue or create a pull request.
Cover2 is GPL v2.0 or later.
Image used in screenshot.png - https://unsplash.com/photos/K3uOmmlQmOo by Angelina Litvin
License - http://creativecommons.org/publicdomain/zero/1.0/
All other resources are licensed as follows:
Icon Fonts vs. SVG
The 100% Correct Way To Do CSS Breakpoints
Reponsive Display Text
Align SVG Icons to Text and Say Goodbye to Font Icons
Your Body Text Is Too Small