Rebalanceby Automattic
Overview

Rebalance Theme

Looking to bring some balance back to your website? Well, Rebalance will help you do that!

Rebalance is a simple portfolio theme for photographers, artists, and graphic designers looking to showcase their work. It was designed by Automattic’s very own Mel Choyce and inspired by the classic Imbalance 2 theme. Rebalance‘s clean look and large-format imagery make it great for displaying artwork and photography. Its responsive layout is optimized for all devices and its great typography keeps your text legible and stylish no matter the size of your screen. It comes with six custom accent colors to choose from and supports a site logo, so you can tweak the design to your liking.

Featured Images

Featured Images are important in Rebalance. Featured images appear in several places, including archive pages, the portfolio page template, and the home page, so don’t forget to add one that’s at least 1200px wide for every post or project!

Featured Content

Rebalance Featured Content

The Featured Content area in Rebalance is displayed above posts on the home page  and above projects on the Portfolio page template.

To set up the Featured Content area:

  1. Navigate to Appearance → Customize → Featured Content.
  2. Enter the name of a tag.
  3. Click the blue “Save” button at the bottom.
  4. Create a post, page, or portfolio item with a Featured Image.
  5. Assign the post the tag you declared under Appearance → Customize → Featured Content.

Portfolio

Rebalance takes advantage of the Portfolio feature on WordPress.com, offering unique layouts and organization for your portfolio projects. Learn how to enable and set up this exciting Portfolio feature.

screen-shot-2017-02-23-at-1-04-32-pm

People love seeing full-size images of your work, so make sure the images you include are at least 1200px wide. Rebalance displays these images at nearly full width on larger screens.

Portfolio Page Template

Rebalance Portfolio Template

This template will display your portfolio and allow you to set your portfolio as the site’s front page.

When you first activate Rebalance, you’ll see your posts laid out in a grid. If you’d like to use the portfolio page template as the front page of your site which displays your projects, it’s simple to configure:

  1. Create or edit a page, and assign it to the Portfolio Page Template from the Page Attributes module.
  2. Go to Settings → Reading and set “Front page displays” to “A static page”.
  3. Select the page you just assigned the Portfolio Page Template to as “Front page” and set another page as the “Posts page” to display your blog posts.

Where is the Portfolio archive page?

Along with the Portfolio Page Template, your projects will be displayed on portfolio archive pages.

Let’s say you have a WordPress.com site at:
https://rebalancedemo.wordpress.com/

The URL of the Portfolio archive page will be:
https://rebalancedemo.wordpress.com/portfolio/

If you’d like to add your portfolio archive page to your a Custom Menu, create a custom link using the portfolio archive URL.

You can customize the portfolio archive page by changing the title, adding some content, and uploading a featured image. To do so, go to Customize → Portfolio.

Site Logo

Include a site logo by going to Customize → Site Title and uploading a logo image in the space provided. The logo will appear next to your site title in the header. It can be any size, but will display at a maximum height of 80 px.

Rebalance Site Logo

Social Links

Rebalance allows you to  create a social links menu to connect your readers to your social media profiles, like Twitter and Facebook, using icons.

Set Up a Social Links Menu

  1. Create a new Custom Menu, and assign it to the Social Links Menu location.
  2. Add links to each of your social services using the Links panel.
  3. Icons for your social links will automatically appear in the footer.

Available Icons

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

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

Custom Menu

Rebalance includes one Custom Menu in the header, which can be configured by going to Appearance → Menus:

Widgets

Rebalance offers one widget area which can be configured at Customize → Widgets. Widgets will appear in the footer of your site.

Custom Header Image

You can also add a Custom Header Image to give Rebalance a much more personalized look and feel.

Color Options

Rebalance has six built in color schemes to choose from including pastel teal and bright red; tan and bordeaux red; orange and dusk grey; and mint green and charcoal.

Quick Specs (all measurements in pixels):

  1. The main column width is flexible and roughly 800px wide.
  2. Featured images on single posts and single projects break outside of the main column and are 1140px wide.
  3. Custom header image should be at least 1140px wide.
  4. The sidebar is also flexible and each widget is roughly 360px wide.
  5. The site logo appears at an unlimited maximum width and a maximum height of 80px.

This theme is available for download to be used on your WordPress self-hosted installation.

Download
You might also like
Next theme