Awesome is a simple and compact design that will make your content king. The design of Awesome intentionally fades into the background and allows your images, videos and text will take center stage. Awesome includes support for six post formats: Standard, Aside, Image, Gallery and Quote. Awesome is natively responsive, meaning it adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads and other mobile devices. Here are the major features included in Awesome:
Awesome includes a full-page-width gallery slideshow layout, which we’ve creatively named “Awesome Slideshow”. To create an “Awesome Slideshow”, upload some images, create a gallery and select the “Awesome slideshow” layout type, which appears at the right under the Gallery Settings section. Here is a screenshot showing the location of the setting.
Post formats allow you to customize the presentation of a post. Awesome includes support for six post formats: Standard, Aside, Image, Gallery, Video and Quote. Here is an example of each post format layout:
Only the post content is shown on standard post formats. The example above includes an image inserted into the post with text below. If you set a featured image, it will sit atop the post, similar to the image post format layout, which is shown below.
The image post format layout includes the featured image above the post title and is displayed across the entire page.
Gallery post formats are by far the most versatile of all the post formats included in the Awesome theme. When you assign a post to the “gallery” post format and you have inserted a gallery into the page, the layout changes dramatically depending on the exact type of gallery you’ve chosen to insert. In addition to the “Awesome slideshow” option, which is shown above, WordPress.com includes the following gallery types: Thumbnail Grid, Tiled Mosaic, Square Tiles, Circles and Slideshow.
Posts assigned to the “aside” post format are displayed with a cool blue background. The post title isn’t shown, since the whole purpose of “aside” post formats are supposed to resemble a Facebook note update.
The post content is shown above a large, semi-transparent quote and vibrant yellow background for posts assigned to the quote post format.
Awesome includes a native responsive layout that adapts to the different screen sizes of devices like iPhone, iPad, Android, etc. If you prefer the native responsive layout over the default mobile version served by WordPress.com, simply disable the mobile version on your settings page and let Awesome’s responsive layout take over from there.
Customize colors, add a logo, change header images and background images and preview your changes live on the page.
Add a customer header image to the top of the site. You can also change the color of the text that overlays the header image. You can use the default header image or upload one of your own. Header images should be sized at 1280 px wide by 500 px tall. The site logo appears in an overlay in this header image area, followed by your site description. All the interior single pages/posts will use the Featured Image as the Header image on the top. There is a theme option for showing only one custom header image on all interior pages if you want to change that behavior (disabled by default). Visit the Appearance -> Theme Options page to change this.
Visit the Appearance -> Background to select your preferred background color – or upload a custom background image.
Awesome has three widgetized areas: Footer Left, Footer Center, Footer Right. Add widgets to all, some, or none of the widgetized areas to customize the layout.
Awesome uses WordPress’s custom menus option. These can be created in Appearance > Menus.
You can add social media icons to your menu. This theme supports the following custom icons— Home, About, Contact, Portfolio, Photo, Video, Dribble, Facebook, Twitter, Vimeo, Pinterest, Google Plus, WordPress, Flickr and Instagram.
In your Menus panel on your dashboard, click on the arrow for each menu item to open the details box. You should see an option for “CSS Classes”. If you do not see this option, click the “Screen Options” link at the top of the page and make sure “CSS Classes” is checked in the menu that opens up.
To specify which icon will display, enter the corresponding class name in the CSS Classes box. Please note that these class names are case sensitive. The corresponding class names are: home, about, contact, portfolio, photo, video, dribble, facebook, twitter, vimeo, pinterest, googleplus, wordpress, flickr and instagram.
This is an example of a correctly completed menu details section.