Puzzle

$79

puzzle-feature

Puzzle is a visually oriented theme, great for photographers and artists who want to tell stories using their images. With a unique homepage layout, Puzzle is a creative way to show off your thoughts.

Flexible

While Puzzle was designed to allow artists and photographers to showcase their work, it’s equally suitable for bloggers, scrapbookers, and writers who want to add a bit of visual flair to their site.

Homepage Layout

Puzzle‘s most unique feature is the homepage layout — however, if the puzzle layout isn’t for you, then you can select from two other options — a brick-structured layout, or a more traditional grid.

puzzle-layout-demo

Your Design, Everywhere

We designed Puzzle to look good on all devices — from desktop computers and laptops to smartphones and tablets.

Infinite Content

Puzzle supports all the latest WordPress wizardry, including Infinite Scroll. Infinite scroll helps to engage your readers by allowing them to see more of your content at once. If you have enabled footer widgets, then users will be given the option to load more posts.

All Languages

Puzzle was crafted with care to work well in multiple languages, so it has full support for both left-to-right and right-to-left languages.

Place_to_5-31-2014 7-10-55 PM

Theme Options

Puzzle has a variety of options to allow you to tweak and adjust the theme so that it works exactly as you want. All options work using the Customizer, which means you can preview the changes as you make them, safe in the knowledge that your users won’t see a broken website.

Custom Headers and Backgrounds

Puzzle gives you the ability to upload your own header images via Appearance → Header. You can also customize your blog with a background color or image by going to Appearance → Background.

Social Links

Puzzle allows you to display links to your social media profiles, like Twitter and Facebook, with icons.

Screen Shot 2014-06-03 at 08.36.17

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 Colors

If you have the WordPress.com Custom Design upgrade, you can freely change the colors on your Puzzle-powered theme. Below are some screenshots showing the flexibility of this system.

Widget Areas

Puzzle uses a series of custom sidebars to allow you to keep things flexible. All widget areas will stay invisible if you don’t add widgets to them.

  • Footer widget area — displays at the bottom of every page on the site.
  • Right sidebar widget area — will display on single posts and pages, but not the homepage or archive pages.

Testimonials

Testimonials from happy customers and clients are important to include on your site to establish trust and encourage potential customers. With Puzzle, you can add testimonials easily by going to Testimonials → Add New. You can also add an optional customer image or logo as a Featured Image. Two randomly chosen testimonials appear on the front page so that every testimonial has an equal chance to be seen. All testimonials are displayed in a testimonial archive page. Once you have published a testimonial, you will be able to use the Customizer to edit the page title, add an intro text, and a featured image.

Custom Templates

Puzzle includes some custom page templates, giving your site additional functionality.

  • Contributors — a list of all of the contributors to your website (great for magazines and other multi author blogs), sorted according to how many posts have been published.
  • Full-Width Page — a normal WordPress page without sidebars so that your content can stretch the full width of the site.

Quick Specs (all measurements in pixels):

  1. The main column is 720, except in the full-width layout where it’s 1100.
  2. The sidebar width is 340.
  3. Please keep in mind that this theme is responsive, which means that it changes size as the browser is resized.
  4. The featured post thumbnails (on the homepage) are resized to 545 wide by 280 tall – however keep in mind that they will be cropped differently depending upon the size of the tile they are being used in.
  5. All Featured Images are generated from the same initial image, so make sure to keep the focus of the image in the center as the surrounding content may be cropped.

Custom Header

Puzzle makes use of WordPress Custom Header functionality.

Custom Menus

Puzzle has one custom menu area. If there is no custom menu configured, then the menu will display a list of your site’s pages. To find out more about how to set up your menus, see the Custom Menu documentation.

Featured Images

Puzzle supports Featured Images on blog posts. To use Featured Images, edit the post to which you want to add the Featured Image — and then find the box labelled “Featured Image.” Click the link titled Set featured image and then either select the image or upload a new one using the options provided. Once selected, click on Set featured image. Then click the Update button to save changes to your post.

Local Languages

Puzzle has full support for both left-to-right and right-to-left languages. For information on translating Puzzle, check out the translation FAQ.

Sticky Posts

Sticky posts on a Puzzle-powered site get special treatment, making them stand out a little more. Find out how to make a Sticky post here.

Social Accounts

Puzzle allows you to display links to your social media profiles, like Twitter and Facebook, with icons.

Screen Shot 2014-06-03 at 08.36.17

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 if it’s available.

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

Sidebars

Puzzle has two sidebars. There’s information on the administration of sidebars available here.

All sidebars will hide if there are no widgets to display. The remaining content will resize to fill the empty space.

Sidebar one is displayed on the right-hand side of blog posts and pages. Sidebar two is displayed in the footer of the site.