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: gallery, image, video, aside, quote, standard. Here is more info on Post Formats in WordPress.

  • Posting Images – Create a new Post, assign it to the Image Post Format (see screenshot for help) and use the Add Media Icon to upload and assign a Featured Image to the Post. Add a caption if you prefer and click Save Changes. Finally, click the Insert into Post button to embed the image into the Post. Here is an example Image Post.
  • Posting Galleries – Create a new Post, assign it to the Gallery Post Format (see screenshot for help) and use the Add Media Icon to upload a collection of images. Choose one image to be the Featured Image for the Post. This is the image that will be used to represent the Post on the homepage and on archive pages. After setting the Featured Image, click Save Changes. Finally, click the Insert Gallery to embed the images you just uploaded into the Post. Here is an example Gallery Post set to the “Awesome Slideshow” gallery type (see screenshot for help). 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. Here is a link to more Slideshow posting tutorials and help docs.
  • Posting Quotes – Create a new Post and wrap a chunk of text in a blockquote (see screenshot for help). To get a separate style for the author, simply add the Author name like this <cite>Author Name</cite>. Assign the Post to the Quote Post Format. 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.
  • Posting Asides – Create a new Post and assign the Post to the Aside Post Format. Aside Posts will show up without a title on the homepage and archive pages. Here is an example single entry Aside 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.

To choose the image you want to set as a featured image for this post and click the “Set as Featured Image” button. For best results use images that are at least 960 pixels wide.

Menus

Visit the Appearance -> Menus page to create custom navigational menus.This theme supports one Theme Location for your Menus: Primary Menu (the main navigation for your website located on the left side). Theme Locations are specific areas in this theme where your menus can appear. After creating your menu, be sure you add it to a Theme Location.

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.

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 image of a correctly completed menu details section:
wp-menus-social-media-class

Theme Customizer

This theme integrates with the Theme Customizer. Change theme colors, upload a logo and change theme layouts before making those changes live for your visitors. Give it a try on the Appearance -> Customize page.

Widgets

Awesome supports widgetized areas above the footer area. You can add a variety of Widgets to this theme on the Appearance -> Widgets tab in WordPress.

Custom Headers

Awesome supports custom header images. To add your own custom header image, visit either Appearance -> Header or the Appearance -> Customize link to upload your own header image. 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.

Custom Background

Visit the Appearance -> Background or the Appearance -> Customize link to change background colors or upload your own custom background image. Here is more info on adding custom backgrounds.