Awesome

$75

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 Slideshows

Choose the "Awesome slideshow" option when inserting a gallery to achieve a clean, full-page-width slideshow.

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

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:

Standard

Screenshot 2013-10-31 17.39.00

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.

Image

Screenshot 2013-10-31 17.33.42

The image post format layout includes the featured image above the post title and is displayed across the entire page.

Gallery

Choose the "Awesome slideshow" option when inserting a gallery to achieve a clean, full-page-width slideshow.

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.

Aside

Screenshot 2013-10-31 17.29.00

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.

Quote

Screenshot 2013-10-31 17.28.18

The post content is shown above a large, semi-transparent quote and vibrant yellow background for posts assigned to the quote post format.

Responsive

Screenshot 2013-10-31 18.17.05

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.

Theme Customizer

Screenshot 2013-10-31 20.04.05

Customize colors, add a logo, change header images and background images and preview your changes live on the page.

Custom Headers

awesome-header

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.

Custom Backgrounds

Visit the Appearance -> Background to select your preferred background color – or upload a custom background image.

Widgets

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.

Menus

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.

Choose the "Awesome slideshow" option when inserting a gallery to achieve a clean, full-page-width slideshow.

Overview

Awesome is a single column theme for showcasing large image, galleries, videos and other post formats in a big, bold way.

Post Formats

Awesome supports the following post formats, which are basically unique layouts for specific types of posts:

  • Aside – Posts with the Aside Post Format will show up without a title on the homepage and archive pages. Here is an example single entry Aside Post.
  • Image – Assign the Image Post Format and upload an image to posts that you wish to showcase images on. Here is an example Image Post.
  • Gallery – Showcase a collection of images with the Gallery Post Format. Here is an example Gallery Post set to the “Awesome Slideshow” gallery type (see screenshot for help). The “Awesome Slideshow” gallery type can only be set when adding or editing a gallery via WP Admin. In addition to the “Awesome Slideshow” type, you can also post all of the usual WordPress.com gallery types such as Tiled, Mosaic, Thumbnails and Slideshow. More information on galleries can be found here.
  • Video – Assign the Video Post Format and paste a URL from Vimeo or YouTube to showcase your videos on a post. The first Vimeo video URL will automatically get embedded on the top of the post in the home/archive pages. Unlike Vimeo videos, YouTube videos will be displayed inline with the post content.
  • Quote – Wrap a chunk of text in a blockquote and assign the Quote Post Format to style quotes. To get a separate style for the author, add the Author name like this <cite>Author Name</cite>. Quote Posts show up with a yellow background color and quote marks on the homepage and archive pages. These do not appear on single entries. Here is an example single entry Quote Post.

Featured Images

This theme relies heavily on Featured Images. The Featured Image will become the background image of the post on the Home and Archive pages. On single entry pages, the Featured Image will be set as the header image. If your post is missing a Featured Image, the custom header image will be shown. If the custom header is missing, it won’t show anything.

For best results use images that are at least 960 pixels wide.

It’s possible to display a gallery or a video in place of a Featured Image. To do this, navigate to the Theme panel in the Customizer and make sure the option next to “Show Featured Image on the header area of single posts/pages instead of galleries/videos” is unchecked.

Menus

Navigate to My Sites and then to the Menus section to create a custom navigational menu. You can find further guidance for setting up a menu here.

This theme supports one menu area: Primary Menu (the main navigation for your website located on the left side).

Icons

You can add 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.

To specify which icon will display, navigate to your WP Admin and follow the steps here to add CSS Class names to your menu. Please note that these class names are case sensitive.

The corresponding class names for each supported icon are: home, about, contact, portfolio, photo, video, dribble, facebook, twitter, vimeo, pinterest, googleplus, wordpress, flickr and instagram.

This is an image of a correctly completed menu details section:
wp-menus-social-media-class

Theme Customizer

You can make many changes to the appearance of the theme from the Customizer. Navigate to My Sites and then Customize to get to the Customizer.

The Theme panel is where you can upload a logo to your site. You can also check the option to “Show Featured Image on the header area of single posts/pages instead of galleries/videos.” from here.

Head to the Colors & Backgrounds panel to experiment with your site’s background color or upload your own custom background image. Here is more information on adding custom backgrounds.

Add your own custom header image via the Header Image panel. Header images should be sized at 1280 pixels wide and the suggested height is 500 pixels. Here are more instructions for using the Custom Header interface in WordPress.

Lastly, Awesome supports widgetized areas above the footer area and you can add a variety of widgets there via the Widgets panel in the Customizer.