Cover

Introducing Cover for WordPress

Cover is a content-driven blogging theme for WordPress. Built on top of Automattic’s _s (Underscores) and bundled with Font Awesome, Cover allows you to focus on your writing. There are no sidebars to mess with, just a single column view of your content.

Features

Cover is designed for any size screen. No matter the device, Cover always looks beautiful.

Drawing special attention to featured images, from the homepage to posts, category archives to pages, your blog is made uniquely yours. Of course, you don’t have to use images. Cover’s clean typography lets your writing stand on its own.

When you use a featured image in Cover, it displays it as a background image behind the title. Images taller than 600 pixels will be displayed full-screen.

Scalable vector icons

Cover is bundled with Font Awesome v4.3, allowing you to include any of its icons on any post or page.

Built for Aesop Story Engine

Cover was built from the ground up with ASE in mind. Break out of the content area with full-width components like images, galleries, maps, and more.

Put widgets in their place

Cover 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 two menus (a regular one and a social media one) and as many widgets as your little heart desires. You can also put a social menu in the footer.

Social menus

So, about those social menus. All you have to do is create a menu with links to your favorite social media accounts, and Cover will do the rest. It will detect the URL of the site in question and display the appropriate icon, courtesy of Font Awesome.

If you would like to request support for a site’s icon, please raise an issue. Or create a pull request and add it yourself!

Aesop Story Engine

Cover 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.

Jetpack

Automattic’s Jetpack plugin comes packed with modules for any theme to use, but Cover 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 (again), 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. Please note that Cover currently only shows a single featured post, even though you may tag more than one post as featured.

Infinite Scroll
The Infinite Scroll module already works just fine, and we’re not messing with that. But Cover allows you to have a social menu in the footer, so now Jetpack responds accordingly. If you have infinite scrolling enabled and no footer menu, scrolling down will load more posts, just as it’s meant to do. But if you do have a footer menu, you will see a button to click in order to load more posts. (Otherwise, you’d never see the footer!)

Color Posts

Using the Color Posts plugin will allow Cover to match the header’s color to the color of a post’s featured image. Please note that this plugin requires Jetpack.

Built with Sass

If you’re a developer and want to play around with Cover, take a look at the source hosted on Github. The stylesheet used by the theme is not compressed, but it is compiled using Sass. To that end, in the project you’ll find the /sass folder which holds all the components required to compile the stylesheet, including the Bower config required for pulling in Font Awesome. The JavaScript, on the other hand, is compressed, but the uncompressed code is provided in the /js/src directory.)

Installation

WordPress.org

You can download the latest official release from WordPress.org on your self-hosted site’s theme admin page. Follow these steps to activate Cover:

  1. In your admin panel, go to Appearance > Themes and click the Add New button.
  2. Search for “Cover” and, once you’ve found the theme, click Install.
  3. Click Activate to start using Cover.

Github

You can download the latest from Github. Follow these steps to activate Cover:

  1. Download the latest release.
  2. In your admin panel, go to Appearance > Themes and click the Add New button.
  3. Click Upload and Choose File, then select the theme’s zip file. Click Install Now.
  4. Click Activate.

FAQ

  1. How do I set the background image behind the post title?
    When you use a featured image in Cover, it displays as a background image behind the title. Images taller than 600 pixels will be displayed full-screen.
  2. Can I change the font size?
    Cover does not allow you to change the default font size. I recommend creating a child theme before making changes to the theme, or use a Google Fonts plugin and then use it to alter H1-6 and Paragraph fonts + size.

Contribute

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.

License

Cover is GPL v2.0 or later.

All other resources are licensed as follows: