Sketch

Sketch

Sketch is a responsive portfolio theme, perfect for showcasing your creative talent, whether it be illustration, design, or photography. The theme’s clean, light design puts the focus on your projects.

Portfolio

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

Illustratr: Portfolio admin

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

Featured Images

Sketch Theme OptionsFeatured Images are important in Sketch. You can choose one of three aspect ratios, landscape (4:3), portrait (3:4), and square (1:1) in the Customizer under the Theme section.

Regardless of which ratio you choose, featured images work best when they are at least 800 px wide. The optimal image sizes for each ratio are:

  • Landscape: at least 800 x 600 pixels
  • Portrait: at least 800 x 1067 pixels
  • Square: at least 800 x 800 pixels

Featured images appear in several places, including archive pages, the portfolio page template, and with portfolio shortcodes, so don’t forget to add one!

Portfolio Shortcodes

Once you create a project, you can use the portfolio shortcode to display it anywhere on your site. Adding the [portfolio] shortcode to any post or page will insert your project.

Learn more about working with the portfolio shortcode.

Portfolio Page Template

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

When you first activate Sketch, you’ll see your posts in a traditional blog format. If you’d like to use the portfolio page template as the front page of your site, as the demo site does, 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.

By default, the page title and post content will appear. You can hide them if you prefer by going to Appearance → Customize → Theme and check “Hide title and content on Portfolio Page Template” option.

Where is the portfolio archive page?

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

If your blog’s URL is http://yourgroovysite.wordpress.com/, you’ll find your portfolio archive page at http://yourgroovysite.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.

Site Logo

Include your business’s 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 width of 100 px.

Sketch Logo

Social Links

Sketch Social LinksSketch allows you to display links to your social media profiles, like Twitter and Facebook, with icons in the footer.

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

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

Sketch Custom Menu

Widgets

Sketch offers one widget area alongside your content, configured by going to Appearance → Widgets. If enabled, the sidebar will appear on Posts and Pages, but not Projects.

Custom Headers & Backgrounds

You can add a Custom Header or Custom Background to make Sketch even more personalized.

Sketch Custom Header

Quick Specs (all measurements in pixels):

  1. The main column width is 764.
  2. The sidebar width is 273.
  3. Featured Images for portfolio projects are 800 wide by 600 (landscape), 1067 (portrait), and 800 (square) height
  4. Featured Images for single posts are 764 by 300
  5. Images for Featured Content should be at least 1092 in width.
  6. Custom header image should be at least 1092 in width.