Change Your Layout

Twenty Sixteen has a single column layout for content, but also features an optional right sidebar that works perfectly for blogs and websites. In order to enable the sidebar, go to Appearance > Customizer and select Widgets > Sidebar. Click Add a Widget and select the widgets you’d like to include in the sidebar.

twentysixteen-customizer-widgets-sidebar

Choose a Featured Color Scheme

Twenty Sixteen has five color schemes you can use to change the look of your blog. The Default color scheme combines black and white, but you can also choose from Dark, Gray, Red and Yellow.

To choose your color scheme, go to Appearance > Customize. Under “Colors”, select your preferred color scheme from the drop down:

twentysixteen-customizer-colors

You’ll see the color scheme change in the preview pane to the right. When you’re done, click Save & Publish.

Add Menu Descriptions

Twenty Sixteen has a menu design that’s easy to navigate, especially when you add menu descriptions.

To start adding descriptions to your menus, go to Appearance > Menus and click the Screen Options tab in the upper right of the screen. In the “Show advanced menu properties” section, check the box next to Description.

twentysixteen-menu-screen-options

Now you can begin adding descriptions to any link in a menu.

twentysixteen-optional-menu-descriptions

When you’re done, click Save Menu.

Add Social Icons

Twenty Sixteen also allows you to display links to your social media profiles with crisp, perfectly-sized icons.

The first step is to go to Appearance > Menus and create a new menu – you can name your menu anything you like.

You will then add the URL for each social profile to your menu as a custom link.

When you have added all desired links, click Save Menu.

Now that you have created your menu and added your social links, go to the Manage Locations tab and next to “Social Links Menu”, select the social icons menu you just created from the drop down.

twentysixteen-manage-locations

Click Save Changes when you’re done.

Available Icons

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
  • Pocket
  • Polldaddy
  • Reddit
  • RSS Feed (URLs with /feed/)
  • Spotify
  • Skype
  • StumbleUpon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

What else can you do?

You can also use the Customizer to make the following changes to your website:

  • Change your Custom Header image (recommended image size: 1200x280px)
  • Change the background image
  • Set a static front page