Bindery is a responsive grid theme that feels like a magazine. It’s perfect for portfolios and blogs that define themselves with images but still live for publication-quality typography and don’t want to waste any space.


Responsive and High Definition

Bindery is responsive, built for excellence on every screen size, and like any beautiful art book or publication it’s measured to perfection from every corner.


Full-Featured Portfolio

Built with curators, creators, and creatives in mind, Bindery’s foolproof grid layout lets you stop worrying about presentation. Its portfolio features and layouts, gorgeous typography choices, scaling full-width image sections, and filterable portfolio pages give your work an air of precision.


Meticulous Display Options

Bindery offers unique views for portfolios and blogs. It also includes additional editor formats, and special styles for Introductory Text, Sidenotes, and Pull Quotes, as well as a specially designed Attachment Page for your photo details and EXIF data. It’s easy to use and comprehensive enough to run an entire online publication.

Social Icons

And as always: connect to all your social media using over 20 built-in social icons for CodePen, Digg, Dribbble, Dropbox, Facebook, Flickr, GitHub, Google+, Instagram, LinkedIn, Email, Pinterest, Pocket, Polldaddy, Reddit, RSS Feeds, StumbleUpon, Tumblr, Twitter, Vimeo, WordPress, and YouTube.

More Ways to Customize Your Site

Need help setting up your theme? Head over to Bindery’s support page for tips on how to create your portfolio, change your site’s logo, adding social links, and more!

Quick Specs (all measurements in pixels)

  1. The main column width is 600.
  2. The Site Logo is at least 200 tall.
  3. Featured Images for portfolio projects are square and at least 960 wide.
  4. Featured Images for single posts are at least 2048 wide.

Site Logo

Add a Site Logo to Bindery

To add your logo, go to your Customizer and select the Site Identity section. Then, use the Add logo tool.

Your logo will be shown at a maximum height of 200px, but uploading a larger image will ensure that the logo stays sharp on high-resolution screens. We recommend a logo at least 400px tall.

If you’d like to display the logo by itself, uncheck the Display Header Text box.


Bindery Portfolio Page with Filters

Show off your work with Bindery‘s dashing portfolio, displaying your projects in a sharp grid.

Adding project images

Bindery Portfolio Project

Portfolio projects are designed to show off images of your work. We recommend adding both a Featured Image and a Gallery to your projects.

Add a Featured Image to Bindery

The featured image will be shown as a cover graphic when listing your projects. Be sure to use large images at least 960px wide, so that your work stays sharp on large screens.

Add a Gallery to Bindery

When you add a Gallery to your project, the gallery images will be pulled out of the body of your post and displayed beautifully on the right side. Any captions you add will also be displayed. Again, don’t forget to use large images!

Portfolio Page Template

Add a Portfolio Page to Bindery

After creating some projects, you’ll want to add a new page to display everything in a neat, filterable grid. Do this by adding a new page, and assigning the Portfolio Page template to it in the Page Attributes box.

Now you can add this page to your Primary Menu, or set it as the Front Page.

Portfolio Shortcode

It is also possible to embed projects on any other Post or Page with the Portfolio Shortcode. This is a great way to link to a project from a blog post.

Attachment Page

Bindery's Attachment Page View

The Attachment Page displays photos with captions, descriptions, and EXIF data such as camera make and shutter speed. When inserting media into your posts, activate the Attachment Page by changing the Link To option under the Attachment Display Settings section.

Social Links

Bindery's social media icons

You can add links for your social media profiles to the site footer by following this guide.

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

Text Styles

Bindery includes special styles for written content. In order to enable them, you will need to insert them manually into the HTML of your posts or pages. To access the HTML, select the Text tab from your content editor.

Introduction Text

Bindery's Introduction text style

Designed to draw in readers, this style can give your first paragraph extra weight. Add this style to your text by putting it within <p class="intro"> tags like this:

<p class="intro">This text will be formatted as Introduction Text</p>


Bindery's Sidenotes text style

Sidenotes are great for adding little pieces of related information to your content. They also make fancy image captions. You can add this style to your text by embedding it inside <span class="sidenote"> tags like this:

<span class="sidenote">This text will be formatted as a Sidenote.</span>

Pull Quotes

Bindery's Pull-Quote text style

Pull quotes break text out from flow of your content. Use them to give emphasis to juicy quotes or key arguments. Embed your text in <blockquote> tags to activate this style:

<blockquote class="pullquote">This text will be formatted as a Pull Quote</blockquote>


Bindery provides room to display widgets underneath your site’s content, in the footer area. You can enable them from the Customizer in the Widgets section.