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 screenand 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 ofalignleft 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:

<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.

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/andSite Logo.

twenty-sixteen-customized

twentysixteen-site-logo

Quick Specs (all measurements in pixels)

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

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 设计。

Build Your Website in Five Steps

Build Your Website in Five Steps

Great, you’ve registered a website on wordpress.com. Now what? Whether you’re building a small business website or a personal portfolio, these five steps will get the framework of your new website all set up, leaving it ready and waiting for your great content.

Create a site for your small business, non-profit, portfolio, resume, and more.

 

1. Outline your site’s content.

Before you start, take a minute to sketch out the important pieces of your site, like the critical information and the pages you want to include.

Check out our best site prep advice

 

↑ Table of Contents ↑

2. Create pages.

Add the basic pages you’ve sketched out, inserting any content and images you have. (It’s okay if you don’t have everything!) Be sure to create one page to be your site’s home page, and one blank page to house your blog; you’ll need those in the next step.

Learn how to publish a page

 

↑ Table of Contents ↑

3. Configure your site to use a static home page.

A new wordpress.com website defaults to a “blog” view. Tweak the site’s settings to create a regular home page instead, using the home page you just made.

Learn how to set up a home page

 

↑ Table of Contents ↑

 4. Pick a theme you love.

Now that you have the basics in place, choose a theme you love. It may sound backward, but having pieces of your website set up first will make it easier to see whether a theme works for you.

Learn how to browse and activate themes

 

↑ Table of Contents ↑

 5. Create a menu.

Finally, create a menu of all your new pages so visitors can navigate your site easily.

Learn how to create your menu

 

There’s lots more you’ll do to tailor your website — you might find these tips helpful — but you’re off to a great start! Continue fleshing out your content, add your logo or branding, connect your site to your social media presence, and more.

 

[1] Websites featured above: Clutter Savannah, FirefightGirls’ GlobeCity CycleryTrina Lambert,Richard Wiseman