Twenty Sixteen

twetysixteen-featured-image

The annual WordPress theme for 2016 is a modern take on an ever-popular layout. Twenty Sixteen‘s horizontal header area with an optional right sidebar works perfectly for both blogs and websites. It features free custom color schemes, a harmonious post grid that will make your homepage look sharp on any device, and impeccable polish in every detail. Your WordPress will look beautiful with Twenty Sixteen.

twentyfifteen-device

Get Started
To use Twenty Sixteen as pictured in the demo, head over to your new post screen and publish your first post. By default, Twenty Sixteen is set up for blogging, but you can also use it for a website by setting a static front page.

Once you’ve added some content, read on for how to take advantage of Twenty Sixteen’s special features.

Featured Post
Do you have a particular post you’d like to highlight? If you mark any post as “sticky,” that post will appear at the top of the theme, marked as Featured.

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-sized images wider than or equal to 840px overhang the column.

twentysixteen-overhanging-image

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. Not sure how to add a class? Try copying and pasting the code samples below into the HTML Editor of any post, and replace the text itself with some of your own:

A bolder pull blockquote that aligns to the left

A bolder pull blockquote that aligns to the right

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

twentysixteen-pull-quotes

Post Intro
Twenty Sixteen has a nifty intro feature, also known as a “deck” or “kicker”. A carefully crafted deck grabs readers’ attention, giving them an idea of what to expect in the full post. The intro can be displayed between the headline and body copy of each post.

twentysixteen-intro

Add your intro in the Excerpt field of each post, which you’ll find in the More Options area of the Post Editor sidebar.

twentysixteen-excerpt

No-Sidebar Layout
If you’d like to keep your visitors’ focus squarely on your content, remove all widgets from the sidebar widget area to create a full-width layout. With this layout, you can also give your posts a powerful visual boost by adding an even larger Featured Image, up to 1200px wide.

twentysixteen-no-sidebar

Menus
Twenty Sixteen has a traditional menu in the top-right.

Screen Shot 2016-05-03 at 12.28.19 PMAdditionally, you can display links to your social media profiles with perfectly sized icons in the footer by creating a social links menu. (To better highlight this Social Menu, try disabling Infinite Scroll.)

Linking to your profile on any of the following services will automatically display its icon in your footer 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
Widget Areas
Twenty Sixteen has a traditional right sidebar for widgets. It also has two Content Bottom Widget Areas that will display below your content on single posts and pages.

To add widgets to the Content Bottom Widget Areas, navigate to a single post or page in the Customizer, open the Widgets panel, and add your favorite widgets to one or both areas.

twentysixteen-content-bottom-widgets

Customize
Open the Customizer to check out four featured color schemes that will instantly change the look of your site.

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

twenty-sixteen-customized

twentysixteen-site-logo

Quick Specs (all measurements in pixels)
The main column width is up to 840.
The sidebar column width is up to 300.
The recommended Featured Image size is 1200 wide.
The recommended Custom Header image size is 1200 wide and 280px height.
激活
演示
特色
Accessibility Ready
Author Bio
Classic Menu
Custom Background
Custom Colors
Custom Header
Custom Menu
Editor Style
Featured Images
Flexible Header
Infinite Scroll
Microformats
Post Formats
RTL Language Support
Site Logo
Sticky Post
Threaded Comments
Translation Ready
统计资料与信息
于 2015年12月8日 发布。

Twenty Sixteen 由 the WordPress team 设计。

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s