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.

Download from WordPress View on Github

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.

Full-width featured images

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!

Recommended Plugins

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:

  • Nice work! :)

  • Whoa! I really like this theme! Great job!

  • Justin Carter

    Great wordpress theme! How do you add the background image?

  • Retha

    Great theme! How do I increase the font size of the body text?

  • There’s currently no option to do so. I’d recommend creating a child theme and overriding the font size.

  • Justin Carter

    thank you

  • Hamza

    bad seo
    h1 h2 tag!!

  • Hi, my home page seems to not have a large photo featured post like your home page does. How would I enable this feature if you don’t mind me asking ?

    http://www.josephfeliciano.com/blog

  • The featured post is driven by Jetpack’s Featured Content module: http://jetpack.me/support/featured-content/

  • Awesome, it’s up and working without any issue. I appreciate the work you put into this project and the fast response.

    Thanks Paul !

  • “Use a Google Fonts plugin and then use it to alter H1-6 and Paragraph fonts + size.”

    This worked for me.

  • Pingback: Cover: A Minimalistic Blogging Theme for WordPress, Featuring Support for Aesop Story Engine()

  • Pingback: Cover: A Minimalistic Blogging Theme for WordPress, Featuring Support for Aesop Story Engine - WordPress Themes Agency()

  • Pingback: Cover: A Minimalist Blogging Theme for WordPress, Featuring Support for Aesop Story Engine | Material Design Shell()

  • Pingback: Cover: A Minimalist Blogging Theme for WordPress, Featuring Support for Aesop Story Engine - A Geek's View()

  • Pingback: Cover: A Minimalist Blogging Theme for WordPress, Featuring Support for Aesop Story Engine | MushroomTech.Net()

  • My Boring Channel

    Is there a way to rotate the front image? Say for a photography site?

  • If you’re referring to the Jetpack-driven featured content on the homepage, it is currently restricted to a single post. I’ve actually been considering allowing more than one, but I’m unsure how I’d want that content displayed (i.e., in a slider or grid). I’ll probably address it in a future update.

    Both headroom.js and skrollr.js are used in the header, to transition its background from transparent to a solid color. Take a look at the skrollr site for other ways to use it: https://github.com/Prinzhorn/skrollr

  • My Boring Channel

    Thanks Paul. This theme is awesome and I appreciate your work. VERY MUCH. Also, I’ve been looking at your blog . . . very touching and inspirational. I am planning a WordPress tutorial for YouTube (I’ve done a bunch already but need an updated one) and am thinking of using your amazing theme for my example site. Sending you an email as well.

  • Pingback: Hello | Simon Smith()

  • Pingback: Cover:极简风格的博客免费主题,支持Aesop Story Engine插件 | WordPress非官方中文站()

  • Paul Shryock

    Hello, I’m using the Cover theme and I would like to change the main blue color that’s used for headers and links on the site. I was hoping this might be an option in the customizer, but is there any other way to easily do this without using a child theme or custom CSS?

    If not, would you consider including this option in a future release?

  • I wondered when someone would ask about that. :)

    I’m still waiting on the review team at wordpress.org to get back to me on the latest update (it’s still at 1.4 there), but I’ve already pushed out the latest update (1.5) on the Github repo. You can download it here:
    https://github.com/peiche/cover/releases/tag/v1.5.1

    A number of things were added with this version. I was planning on making a blog post about this once the WP review team approved the update, but I’ll list the changes here for you anyway:

    – Added support for Jetpack’s Site Logo module.
    – Added Customizer option to change header color.
    – Added Customizer option to change link color.
    – Added support for the Color Posts plugin to set the header color based on post images. (Please note that Color Posts requires Jetpack to function.)
    – Added TGM Plugin Activation class to suggest Aesop Story Engine.
    – Added caption styles for Aesop Story Engine image gallery types (Grid, Thumbnail, Sequence, Photoset, Parallax).
    – Added styles for Aesop Story Engine to darken the image behind the text in the chapter component, similar to the header.
    – Added background image for sticky posts on archive pages.

  • Paul Shryock

    Wonderful, thank you!

  • Pingback: The Best Premium WordPress Themes for 2015 | Snoik.com()

  • The 1.5.0 update fixed an issue I had with parallax display and added two features I really wanted (logo + header color). Thanks so much for making this happen.

  • My pleasure! I’m curious to know what issue you had with parallax. Are you talking about the parallax in the post/page featured image, or with the Aesop Story Engine parallax gallery component?

  • The post images. They showed and looked nice, but scrolled with the page (unlike your site, and mine post-upgrade). I’d gone through and looked for a plugin conflict, cleared the site cache, and tried different image sizes. Nothing worked, but the upgrade has overwritten whatever was misbehaving. I’ll be finishing the site and will start adding fresh content by weekend: http://paperfrog.com.

  • Paul Shryock

    When I use a featured post, which shows up in the home page header, there’s no Read More link, and instead it ends with […]. I would like to add the Read More link back in as a button below the excerpt, and possibly even customize the color of that button using the Customizer to something other than the regular link/header colors.

    Would this be easy enough for me to do in a child theme, or would you consider it for a future update? As far as a child theme goes, it looks like inc/cover-featured.php has that No More Link message; I’m just not quite sure what to do there to bring the link back in.

    I could even just CSS it down to the next line with a custom color if needed, but having the Read More link is the main priority (and customizing it as a button, etc. isn’t as crucial).

    Thanks!

  • You’d want to put a Read More link back in with a child theme. I prefer not to have one myself, that’s why it’s missing. You could also easily set the featured post’s Read More link color in the CSS of the child theme. If you created a child theme, you’d copy inc/cover-featured.php and make your modifications there.

  • Hi Paul, just playing with this theme now. Am I correct in seeing just a single level menu on the overlay? Or is there some way to activate a menu hierarchy?

    Hi again Paul, sorry, I’m an idiot. I see how it works now. face slap for me.

  • Thanks for great theme. It’s shame that latest update messed up everything specially in mobile…

  • How do you mean, “messed up everything on mobile”? Screenshots would be helpful. Feel free to comment here, file an issue (https://github.com/peiche/cover/issues), or email me directly (peiche@gmail.com).

  • Andrew

    Hi Paul, love the Cover theme; thanks.
    One question: it’s great to see that the tagline is now visible on mobile devices, but it wraps in portrait layout on phones. Is there a way for the tagline to appear under the site title in portrait, and in-line in landscape?

  • I’ll wrap that into the next update.

  • Andrew

    Thanks Paul. Maybe there’s a ‘nicer’ way to make everything fit, but I’m not known for my design skills. Good-luck. :)

  • Pingback: 300+ Best Free Responsive WordPress Themes 2015 - Mycloud Blogs()

  • Hi again Paul,
    Thanks so much for an awesome, clean theme.
    I was wondering – is there any way to implement a category hierarchy, much the same way that menus work? If not no worries, I can implement in the overlay menu structure – but it would be nice to use WP’s inbuilt category widget rather than the menu.

    Thank you!

  • I can definitely wrap that into the next update.

  • Thanks Paul, very much appreciated!

  • Pingback: 300+ Best Free Responsive WordPress Themes 2015()

  • I see this happened in 1.6.1, thanks Paul!

  • Pingback: Free Responsive Blog WordPress Themes – June 2015 | WpThemesDaddy - Free Web Design Resources()

  • Barry Stofberg

    Hi Paul, love the theme. I have tried using SiteOrigin’s Page Builder plugin but it doesn’t integrate too well, interfering with layouts. Is this something you have come across?

  • I haven’t tried using any page builder type plugins with Cover, or any other theme I’ve used, for that matter.

  • Barry

    No worries, thought it might make life easier but its ended up being more of a hassle anyway.
    Under Menu Settings, Theme Locations there are three options, how do the two Social Menus work? I cant seem to work out how to configure them.

  • So, you’ll want to create a menu just for use in one of the two social menu locations (in the overlay or the footer). When you create a menu item for it, make it a custom link that points to one of your social media accounts. (For example, http://twitter.com/wavetree is mine for Twitter.) Cover will inspect the URL and assign the appropriate icon.

  • Pingback: 60+ Stunning Free Personal Blog Themes for WordPress | dorseycoe.com()

  • Pingback: 60+ Stunning Free Personal Blog Themes for WordPress - Who Hit The Page - Hit Counter()

  • Pingback: 60+ Stunning Free Personal Blog Themes for WordPress - WordPress Community | powered by Mpress Studios()

  • Pingback: 60+ Stunning Free Personal Blog Themes for WordPress - A Geek's View()

  • Pingback: 60+ Stunning Free Personal Blog Themes for WordPress - Daniele Milana()

  • Pingback: 60+ отличных и бесплатных тем WordPress для личного сайта или блога | WPcafe.org()

  • Pingback: 60+ Stunning Free Personal Blog Themes for WordPress | SWT | Blog()

  • Pingback: Najlepsze darmowe szablony dla Wordpressa - Internetowe.xyz()

  • Hi, I am liking the theme so far, but for a reason the quote component doesn’t work well. The pull quote is invisible and the full-width quote is off. I haven’t used any other components aside of chapter and image so I can’t really tell what else is wrong when I use it.

    Edit: It is apparently only happening when parallax is turned on. When turned off, the quote is shown but with white background, no matter what color was chosen

  • Thanks for the feedback. I am aware that the quote component has had issues since ASE introduced two variations, “full width” and “pull quote.” I will be addressing this in the next version of Cover.

  • Thank you! I did not expect such a prompt reply.
    I am wondering what might be wrong with my installation too, since the problem with parallax and floater extends to all other components. Even without such effects, Cover is already a joy to read in though!

  • There is an issue with parallax-enabled components not displaying which has been fixed, but the issue in the screenshot above is actually an Aesop plugin issue. The pull quote doesn’t use the background color property, so when the text color is white, it doesn’t show up. I don’t feel comfortable overriding the text color property, since that’s under the author’s control. Just make sure you don’t use white for the text color, and it’ll be fine.

  • Pingback: Free Themes for Aesop Storytelling Engine | DarrenWasHere()

  • Pingback: Comments Policy()

  • Mariusz Ślosarczyk

    Hi Paul
    I would like ask You how I can made menu (primary) with drop down submenu? Must I have Jetpack? Now I play with theme in lamp (Linux), offline. I can’t find method…
    Best

  • Not at all. Just create a menu item inside another menu item. See my screenshot for an example.

  • Mariusz Ślosarczyk

    Thx for Your Answer. But here it not working. I try on the target server for a few days.
    Best, theme is very original work.
    Mariusz

  • Do you have it on a public server so I can take a look?

  • Mariusz Ślosarczyk

    Not yet. I this troube will be still on public, I will write, if You let.
    Mariusz

  • DIL

    Hi,

    Just installed this theme, and I love it.

    I really want to use ‘sub title’ to show on homepage as excerpt, or to show it in single article page just under the main title.
    Really appreciate it if you consider to add that feature in the next update :)

    Great theme.

  • Are you using plugin to make subtitles? I didn’t think WordPress supported them natively.

    I’m glad you like the theme!

  • What code highlight plugin do you suggest? I was using Crayon Syntax Highlighter but it seems to not work so well eg (http://d.pr/i/1iex9) unless you know a fix for this?

  • With a little configuration, it doesn’t look so bad. In order to match Cover’s fonts and spacing, I set Crayon to use the following:

    – Font family: Source Code Pro
    – Font size: 15 pixels
    – Line height: 28 pixels
    – Max width: 760 pixels
    – Top margin: 20 pixels
    – Bottom margin: 20 pixels

    I picked the Kayote theme, since it pretty closely matched the dark background color Cover uses for code blocks.

    Let me know if you’re still having trouble getting it to look nice.

  • Hmmm still having issues its not being centered which is the main problem. Any ideas or thoughts?

  • Sorry, I missed one. In the “Metrics” section of Crayon’s settings, set the horizontal alignment to “center.”

  • Whoops sorry I missed such a simple settings. All good now thanks!

  • M Vig

    Your website caught my attention. Thank you, Paul Eiche. Thank you for the theme too. It’s an elegant and smart theme. Best, M Vig

  • Thank you for the kind words!

  • Mariusz Ślosarczyk

    Hi Paul

    I still can’t make submenu with dropdown… My site: http://www.mariuszslosarczyk.pl
    I would like insert a few pages under Interactive item with toggle and dropdown
    because it not most importend items, I don’t want long menu with it…
    Can You see and help maybe, please ??

    best
    Mariusz

  • Mariusz,

    Let’s continue this conversation by email. Please contact me at peiche@gmail.com

    Paul

  • Pingback: 500+ Best Free Responsive Blog WordPress Themes 2015 - cheapcanyon.com()