Espresso

$125

Espresso WordPress Theme

Espresso is a responsive, content-centric theme that lets you choose between two charming layouts. Go with a traditional post stream for your writing-based blog, or go grid-style for your photography blog. A fixed sidebar on the right keeps widgets, menus, and social links at the ready for visitors.

Grid View/Post Navigation

Readers can opt to browse your posts in a sophisticated grid rather than a list – a great option for portfolio sites with lots of Featured Images – by clicking on the grid icon in the site navigation.

Grid View

You can also use the navigation arrows on either side of the grid icon to scroll to the next or previous post.

Portfolio

Espresso 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

Site Logo

Brand your site and make it yours by including your business’ logo; navigate to Customize → Site Title and upload a logo image in the space provided.

Site Logo

Responsive Design

Espresso looks beautiful on any device at any screen size, so your readers get the best viewing experience no matter what.

Espresso's Responsive Design

Featured Images

Espresso looks its best when you assign a Featured Image to your posts. Featured Images appear above the post title, or as a background to the post information in grid view. We recommend images that are a minimum of 1440 px wide by 550 px tall to get a clear, crisp picture.

Social LinksSocial Links

You can add links to a multitude of social services in the site navigation bar or under the main navigation area. Supported networks include Twitter, Facebook, YouTube, and many more.

Custom Menus & Widgets

Espresso’s primary Custom Menu and widget area are located in a hidden panel off-screen, ensuring your secondary content is easily accessible with the click of a button.

 

Add your own Custom Menu by going to Appearance → Menus, or add widgets by going to Appearance → Widgets.

Custom Header & Background

Take it a step further and personalize your site with a custom header or background image.

Quick Specs (all measurements in pixels)

  1. The main column width is 760.
  2. The pull-out menu/sidebar area width is 200.
  3. Featured Images and Custom Headers must be at least 1440 wide by 550 high.
  4. The Site Logo will appear at a maximum of 175 high.

Post navigationGrid View/Post Navigation

Your readers can choose to browse your posts in a sophisticated grid rather than the standard list view by clicking on the grid icon in the site navigation.

If you’d like to make grid view the default, go to Customize → Theme and check “Display posts in a grid by default”.

Grid View

You can also use the navigation arrows on either side of the grid icon to scroll to the next or previous post.

Portfolio

Espresso 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

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

This template will display your portfolio and allow you to set your portfolio as your site’s front page.

When you first activate Espresso, 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, 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.

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’ logo by going to Customize → Site Title and uploading a logo image in the space provided. The logo will appear above your site title in the header; it can be any size, but will display at a maximum height of 175 px.

Site Logo

Featured Images

Espresso looks its best when you assign a Featured Image to your posts. Featured Images appear above the post title, or as a background to the post information in grid view. We recommend images that are a minimum of 1440 px wide by 550 px tall to get a clear, crisp picture.

Social LinksSocial Links

You can add links to a multitude of social services in the site navigation bar or under the toggle menu, using the following steps:

  1. Create a new Custom Menu, and assign it to either of the Social Links menu locations.
  2. Add links to each of your social services using the Links panel.
  3. Icons for your social links will appear in the navigation bar, or behind the menu button, underneath the main navigation menu.

Custom Menus & Widgets

Espresso’s primary Custom Menu and widget area are located in a hidden panel off-screen. Click the menu icon in the site navigation bar to see it:

Open sidebar menu

Configure the menu by going to Appearance → Menus, or add some widgets by going to Appearance → Widgets.

Custom Header & Background

You can personalize your site with a custom header under Appearance → Header. The background can also be customized by going to Appearance → Background.