Twenty Twelve

Twenty Twelve is an elegant, readable, and fully responsive theme that makes your site content look its best on any device.

Front Page Template

A key component of this theme is a special front page template. This template meets the need for a carefully crafted introductory page. Add text, images, video, anything you’d like to the upper area, then arrange front-page-only widgets below in one or two columns. To get the look of the demo, follow these steps:

  1. Set your home page as the “front page” following these instructions
  2. Select the Front Page Template for your home page following this guide
  3. Add a featured image to your home page
  4. Add widgets to the First and Second Front Page Widget Areas

 

Responsive, Mobile-first Layout

What makes this theme really shine are the design details. Starting with a thoughtfully crafted mobile-first layout, Twenty Twelve is intended to be viewed on any size device from smartphones and tablets up to the latest and greatest HiDPI screens. No matter how your readers decide to visit, it’ll remain good-looking, readable, and usable.

Custom “Open Sans” Font

To increase readable and attractiveness, Twenty Twelve features a gorgeous display font, Open Sans.

Post Formats Everywhere

Styling for post formats remains consistent on both list and single views. Links, quotes, asides, statuses, and images that you select to be formatted as such in your post editor are shown a bit differently than standard blog posts—and they’ll retain their unique look-and-feel across your site.

Widgets and No-sidebar Layout

Twenty Twelve loves the no-sidebar look as much as you do. Use the optional “Full-width page, no sidebar” page template to remove the sidebar from any page. Want to simplify even more and remove the sidebar from all your posts and pages? You guessed it! Simply remove any active widgets to the Main Sidebar area and the sidebar will disappear.

Customize

Make the design of Twenty Twelve fully yours with a custom menu, custom header image, and background color and image.

Quick Specs (all measurements in pixels)

  1. The main column width is 625 except in the full-width layout where it’s 960; sidebar width is 250.
  2. Featured image width is 624 (height is flexible)—these images are displayed on displayed on “standard” posts; posts without a specific format such as image, aside, link, or quote.
  3. The suggested header image dimensions are 960 by 250 (width, height). However, both are flexible so you can upload a smaller cropped image if you wish. The width is limited to 2000.