Twenty Sixteen is the default theme for WordPress in 2016.
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.
Quick Specs
- The main column width is up to 840px.
- The sidebar column width is up to 300px.
- The recommended Featured Image size is 1200px wide.
- 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.
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 Administration Screens and add your favorite widgets to Content Bottom 1 or Content Bottom 2 or both.
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 Screen Options.
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 Text Editor.
<blockquote class="alignleft">A bolder pull blockquote that aligns to the left</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.
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.
Social Menu
With Twenty Sixteen, you can display links to your social media profiles with perfectly sized icons in the footer. If you are not familiar with this function, refer to this section of Twenty Fifteen.
Linking to any of the following sites will automatically display its icon in your menu:
- CodePen
- Digg
- Dribbble
- Dropbox
- Email (mailto: links)
- Flickr
- Foursquare
- GitHub
- Google+
- Path
- Polldaddy
- RSS Feed (urls with /feed/)
- Spotify
- StumbleUpon
- Tumblr
- Twitch
- Vimeo
- WordPress
- YouTube
Was this article helpful? How could it be improved?
Log in to submit feedback. If you need support with something that wasn't covered by this article, please post your question in the support forums.