Fontfolio

Fontfolio

Fontfolio is a grid-style theme, perfect for designers, illustrators, and artists. Show off your best work with Featured Images, a clean, responsive layout, two custom menu areas, support for multiple post formats, a search field in the header, and optional social network icons.

Featured Images

To get the most from Fontfolio‘s grid-based design on the blog index and archives pages, you can assign Featured Images to your posts. If no Featured Image is present, the theme will pull the post’s first attached image instead. If no images are attached to the post, the theme will pull the first image from the content of your post.

The first post on your home page will always display larger than the surrounding posts, at 562 x 461 pixels, cropped. The rest of the posts display at 282 x 211 pixels, cropped. (The theme will size the images for you automatically, so you don’t need to crop them yourself, unless you want a very specific crop.)

Social Links

Social Links

Social Links

You can add links to your Facebook, LinkedIn, Twitter, and Tumblr accounts to your site’s header. First, connect these services to Publicize, by going to Settings → Sharing. Once connected, navigate to the Customizer, where you’ll find a new Connect panel. Select the account(s) you want to link to, and their respective icons will appear in the header.

Post Formats

Fontfolio supports Aside, Image, Video, Link, Quote, and Gallery post formats. Formatted posts appear on blog and archive pages with a post-format-specific symbol on hover, like so:

Image Post Format

Image Post Format

Widgets

Fontfolio includes one sidebar on single posts, pages, and search results; this can be configured under Appearance → Widgets.

Custom Menu

This theme supports two custom menu areas:

The Primary Menu, located at the very top of the site, alongside the search bar. If no menu is assigned, this area will display your Pages by default.

Primary Menu

The Secondary Menu, next to the site title and description. If no menu is assigned, nothing will display in this area.

Secondary Menu

You can assign menus to these areas under Appearance → Menus.

Custom Header and Background

Personalize Fontfolio with a flexible-width or -height custom header under Appearance → Header. Your selected image will appear just above the site title and description; this is the perfect space for your logo.

You can also apply a background color or image by going to Appearance → Background.

Full-Width Page Template

If you want to keep the sidebar on your blog but remove it on a page, you can use the Full Width, No Sidebar template, set under Page Attributes.

Quick Specs (all measurements in pixels)

  1. The main column width is 788 except in the full-width layout where it’s 1125.
  2. The sidebar width is 278.
  3. The latest post’s featured image on the blog page is 562 x 461, cropped.
  4. Any subsequent post’s featured image on the blog and archive pages is 282 x 211, cropped.