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.
###Full-width featured images
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.
###Scalable vector icons
Cover is bundled with Font Awesome, allowing you to include any of its icons on any post or page.
###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.
*Supported sites:
- CodePen
- Dribbble
- Flickr
- Github
- Google+
- RSS
- Soundcloud
- Tumblr
- Vimeo
- WordPress
- YouTube
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, you’ll find that its stylesheet is compressed. This is because I prefer to build the theme’s stylesheet 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 bundled Font Awesome styles. (Similarly, the JavaScript used in Cover 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:
- In your admin panel, go to Appearance > Themes and click the Add New button.
- Search for "Cover" and, once you've found the theme, click Install.
- Click Activate to start using Cover.
###Github
You can download the latest from Github. Follow these steps to activate Cover:
- 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.
##Building
So you want to build the project yourself. Great! Please follow these directions.
##FAQ
-
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. -
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.
##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.
##Changelog
1.5.4
- Removed 62.5% antipattern.
1.5.3
- Added overlay for Aesop Story Engine Content component to make text more readable.
- Fixed non-object property bug in post navigation.
- Fixed post background for sticky posts displayed in the loop.
- Fixed header background transition timing.
- Fixed post navigation margins.
1.5.2
- Fixed header for touch screen devices.
- Fixed widget menus.
- Fixed overlay text color.
- Code cleanup.
1.5.1
- Fixed header color for Color Posts plugin.
1.5.0
- 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 in The Loop.
1.4.0
- Jetpack's Infinite Scrolling module now detects whether or not the footer social menu is present.
- Update Google Fonts URL to be protocol-relative (thanks to @BforBen)
- Added WordPress.org installation directions.
1.3.1
- Initial release on the WordPress.org Theme Directory.
##License
Cover is GPL v2.0 or later.
Image used in screenshot.png - https://unsplash.com/photos/1uxV8fAfhVM/download by Luke Chesser
License - http://creativecommons.org/publicdomain/zero/1.0/
All other resources are licensed as follows:
- Font Awesome - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- Headroom - MIT - https://github.com/WickyNilliams/headroom.js/blob/master/LICENSE
- Skrollr - MIT - https://github.com/Prinzhorn/skrollr/blob/master/LICENSE.txt
- TGM Plugin Activation - GPL v2.0 - https://github.com/TGMPA/TGM-Plugin-Activation/blob/develop/LICENSE.md