Illustratr is a minimalist portfolio theme that helps you create a strong — yet beautiful — online presence. Primarily crafted for designers and photographers, it is a simple, powerful, and flexible theme.
Illustratr is responsive, from desktop to mobile, and everything in between. The theme adapts to any screen without sacrificing usability or design integrity.
Illustratr takes advantage of the Portfolio feature on WordPress.com, offering unique layouts and organization for your portfolio projects.
With a dedicated Portfolio section in your dashboard, adding portfolio items is simple. Check out our guide for full details on how to set up your portfolio.
People love full-size images of your work, so make sure the images you include are at least 1100px wide. Illustratr displays these images at full width on larger screens.
Featured Images are important in Illustratr. They work best when they are at least 800px wide and will appear in several places, including archive pages, portfolio page template, and portfolio shortcodes, so, don’t forget to add one!
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
This template will display your portfolio and allow you to set your portfolio as your site’s home page.
When you first activate Illustratr, your posts will display in a traditional blog format. If you would like to show your portfolio projects on the front page of your site (like Illustratr‘s demo site), just follow these instructions:
- Create or edit a page, and assign it to the “Portfolio Page Template” from the “Page Attributes” module.
- Go to Settings → Reading and set “Front page displays” to “A static page.”
- Select your portfolio page as the “Front page,” and then choose another page as the “Posts page,” (to display your blog posts).
By default, page title and content will appear. You can hide them if you prefer by going to Appearance → Customize → Theme Options 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 you’d like to add your portfolio archive page to your a Custom Menu, create a custom link using the portfolio archive URL.
Want to highlight your visual content? Consider adding a Featured Image to your post (standard format) or page. Featured images appear above the title on the blog index and archive pages. For an optimal result provide an image at least 1100px wide and 500px high.
Illustratr allows you to have a custom menu in the theme’s header. It can be set up by going to Appearance → Menus. Don’t forget to tick “Primary Menu” in the Menu Settings; if the option isn’t ticked, Illustratr won’t display any menu in its header.
Illustratr allows you display links to your social media profiles, like Twitter and Facebook, as icons using a custom menu.
Set up the menu
Once your menu is created and your social links added, you need to select “Social Menu” in the Menu Settings; if the option isn’t selected, Illustratr will not display the menu in its footer.
Illustratr will automatically apply an icon if it’s available.
Linking to any of the following sites will automatically display its icon in your menu.
- Email (
- RSS Feed (urls with
Illustratr offers a widget area that appears above the footer in a hidden panel. Click on the link to expand and view the widgets. This keeps the design sleek and helps Illustratr creating a clean reading experience for everyone.
Quick Specs (all measurements in pixels)
- The main column width is
- A widget in the widget area is
- Featured Images for posts and pages are
- Featured Images for projects are