Twenty Sixteen

Twenty Sixteen is the default theme for WordPress in 2016.

The screenshot of Twenty sixteen with a black border, white background, black text and a blue accent color.
The screenshot shows a blog post with a photo of a sunset over water, and a sidebar with text, a search form, and category links.

Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Twenty Sixteen mobile design.
Twenty Sixteen tablet design.

Quick Specs

  1. The main column width is up to 840px.
  2. The sidebar column width is up to 300px.
  3. The recommended Featured Image size is 1200px wide.
  4. The recommended Custom Header image size is 1200px wide and 280px height.

No-Sidebar Layout

If you’d like to keep your visitors’ focus squarely on your content, simply don’t add any widgets to the sidebar widget area. This also allows you to give your posts a powerful visual boost by adding a large Featured Image, up to 1200px wide.

Twenty Sixteen blog post design without sidebar. The post has a wide featured image below the post title, above the content.

Content Bottom Widget Areas

Twenty Sixteen’s two Content Bottom Widget Areas are handy spots where you can place supplementary content. On single posts and pages, these widget areas display below your content. To add widgets to them, Click Appearance > Widgets from the Administration Screen and add your favorite widgets to Content Bottom 1 or Content Bottom 2 or both.

A screenshot of a blog post with two widgets below the content.
The left most widget shows the recent posts. The second widget shows a newsletter signup form.

Post Intro

Twenty Sixteen has a small but nifty intro feature. Also known as a “deck” or “kicker,” the intro area is displayed between the headline and body copy. Your intro can provide important information and act as a link between the title and the rest of your post. A carefully crafted deck grabs readers’ attention, giving them an idea of what to expect in the full post.

Add your intro in the Excerpt option in your Post panel.

Overhanging Full-Size Image

Have you ever wanted to show off your large images without sacrificing the post’s readability? On a large screen, full-size images wider than or equal to 840px overhang the column.

Pull Quotes

Pull quotes are a great way to refocus your readers’ attention — just add a class of alignleft or alignright to a blockquote element. Here are some examples of how to do that in the Classic Editor.

<blockquote class="alignleft">A bolder pull blockquote that aligns to the lef</blockquote>

<blockquote class="alignright">A bolder pull blockquote that aligns to the right</blockquote>

On a large monitor, the left-aligned pull quote overhangs the main column to maintain the readability of the text wrapped around it.

A screenshot of a large section of text with two pullquotes:  One left aligned that extends outside of the main column, and a right aligned that is aligned with the right side of the main text column.

Customize

Open the Customizer to check out the four featured color schemes you can use to instantly change the look of your website.

  • (Default)
  • Red
  • Gray
  • Dark
  • Yellow

Personalize the design even further by adding a Custom Header Image or/and Site Logo.

An image of the color schemes in Twenty Sixteen: dark (black), red, yellow and grey.

Social Menu

With Twenty Sixteen, you can display links to your social media profiles with perfectly sized icons in the footer, using the Social Links menu. You can manage menus under Appearance > Menus.

Linking to any of the following sites will automatically display its icon in your menu:

  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • Email (mailto: links)
  • Facebook
  • Flickr
  • Foursquare
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Path
  • Pinterest
  • Polldaddy
  • Reddit
  • RSS Feed (urls with /feed/)
  • Spotify
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

Was this article helpful? How could it be improved?

First published

Last updated