Alto

$79

Dark with iPhone
Alto is a content-focused theme: its sharp lettering and simple organization will provide an engrossing experience for your readers. Employing a subtle mix of traditional and contemporary aesthetics, Alto is a perfect frame for blogs, portfolios, and magazines.

Alto‘s design is especially attractive for sites aiming for the feel and flow of a digital magazine. You can keep your readers connected with links to more than 25 social media sites, and encourage a lively dialogue with the theme’s optional threaded comments.


Responsive Layout

Alto

Alto is fully responsive, so your content will look sharp on any device or browser.

Alternate Post Types

No one’s a fan of monotony. That’s why we’ve packed Alto with two alternative post types, giving you the freedom to present your content in three different ways.

Here’s the default post layout:

Header-1@2x

Compare it to the first alternative style, with the post’s metadata – categories, author, date, etc. – placed beneath the featured image:

Header-2@2x

In the second alternative post type, the featured image becomes a splashy, full-width statement:

Header-3@2x

Header-4@2x


More Ways to Customize Your Site

On top of a custom header image, Alto also lets you add sleek social media links in the right-hand side of the theme’s footer.

Need help setting up your theme? Head over to Alto’s support page.

Quick Specs (all measurements in pixels):

  1. The main column width is 660.
  2. The sidebar width is 272.
  3. Featured Images are 1200 wide by unlimited height on single posts (using Default Layout), 1000 wide by unlimited height on single posts (using Alternative Layout #1), and 1240 wide by unlimited height on single posts (using Alternative Layout #2).

Once you’ve activated Alto, here are some of the easy custom touches you can add to make the theme’s layout and design truly yours.

Custom Header

Alto gives you the ability to display a custom header with a graphic, title, and site description.

From your site’s Dashboard, select Appearance → Customize. Once there, select the Header pane and upload an image. Alto will display your header either by itself, or alongside the title and description for your site.

If you’d like to display the logo by itself, click on the Site Title panel in the Customizer and make sure that the Display Header Text box is unchecked.

Alternative Single-Post Layouts

alto3

Alto allows you to change the style of your single-post layout. To choose a different layout, head to the Customizer.

There, select the Single Post Style panel. Alto supports three styles: the default style, Alternative Style 1, and Alternative Style 2. To set one of the alternative styles, select the option from the drop-down menu.

alto2

alto1

Once you’ve chosen the single post style that looks best for your site, click the Save button on the bottom of the Customizer and you’re good to go.

Social Media Links

Alto lets you easily display links to your favorite social networks in the right-hand side of the theme’s footer. To add your social media profiles, go to the Dashboard and head to Appearance → Menus.

Locate the option at the top to Create a New Menu. Next, set the Menu Name to Social. To add your profiles, select Links from the menu on the left. For each profile you’d like to add, set the URL field to the address of your profile. Don’t forget the http:// at the beginning!

Next, make sure to set the link text – this doesn’t display on the theme but helps visually impaired visitors identify the link. Set this to the name of the social network you’ve just added.

Currently, Alto offers support for the following social platforms: Bandcamp, Behance, Del.ico.us, DeviantArt, Digg, Dribbble, Etsy, Facebook, Flickr, Foursquare, Github, Instagram, Last.fm, LinkedIn, Pinboard, Pinterest, Rdio, Skype, Soundcloud, Spotify, StumbleUpon, Svpply, Twitter, YouTube, Google Plus (+), MySpace, and Vimeo.

Once you’ve added your links, under the Menu Settings section, make sure to check the Social box next to the Theme Locations option. Finally, click the Save Menu button and your social links will be added to your theme.