How To

Important installation note

Please note there is an important first step after installing the Elefolio theme. You need to navigate to Settings > Permalinks and click on the “Save Changes” button, even if you haven’t made any changes. This is to register the custom post types and custom taxonomy used in the Elefolio theme.

Navigate to Settings > Permalinks. Click on "Save Changes" to register the custom post types.

The Elefolio home page layout

Elefolio is a revolutionary Tumblr-like WordPress theme that allows you to very easily publish snippets of content, whether they be images, videos, audio, articles, quotes or links. Not only that, but you can also showcase your portfolio pieces via some nifty custom post type and Dribbble integration.

Below is a screenshot of the Elefolio home page with each of it’s modules explained. More detailed documentation below.

Elefolio home page modules explained

Once you have installed the Elefolio theme on your WordPress 3.+ website you’ll see a custom panel called “Elefolio” in your WordPress backend menu, with the theme options, etc. within that panel. You’ll also see a custom post type panel that appear in the backend menu – “Portfolio”. This custom post types is used to display portfolio content on the home page and portfolio template.

Setting up the Portfolio

This theme includes a portfolio section in the home page layout which can showcase your work or products. You can also highlight and showcase your latest Dribbbles’ should you use the social sharing application.

Adding portfolio items to your WordPress backend

The portfolio section also uses a custom post type called “Portfolio”.

  1. Add a new portfolio item in WordPress (Portfolio -> Add New)
  2. Add a title to the portfolio item
  3. Add some text in the content to describe the portfolio item
  4. Upload the Portfolio image in the Featured Image area in the right sidebar. Remember to setup Dynamically Resize Post Thumbnail in the options panel for the portfolio image to be sized appropriately. Alternatively you can upload the image using the Custom Settings field and enable Dynamic Image Resizer (thumb.php) in the options panel.
  5. Add a video embed code in the embed field in the custom settings panel if you want to show a video on the portfolio single page. You will still need to add an image for your portfolio item which is showed on homepage and portfolio page template.
  6. Publish the portfolio item and repeat for next portfolio item

Adding a portfolio item to Elefolio

Implementing the Dribbble portfolio module

Setup Dribbble widget

The Dribbble portfolio section of the home page will show above the normal portfolio posts (if you have any, documented below). To setup your Dribbble stream, download and activate Dave Rupert’s Dribbble plugin.

After activating the plugin, go to Apperance > Widgets and add the widget to a sidebar and set the options exactly like our screenshot. After setting up the widget, remove it from the sidebar.

Please note: The dribble feed (row 1 in demo) will show before the portfolio, if you have the Dribbble plugin active.

Explaining the “Tumblog” taxonomy

Once you have installed the Elefolio theme it creates a new option in the WordPress backend under the “Posts” panel. You will now see “Tumblogs”. This is new functionality, thanks to WordPress 3.0 that allows you to create a new type of post.

Custom taxonomies are useful when developing/customizing themes as you can create custom templates for specific taxonomies, i.e. we could have a specific template for blog posts, and a specific template for tumblog posts.

Elefolio Tumblogs Taxonomy

As can be seen above the “Tumblogs” taxonomy is different to categories. You can now assign a post to certain taxonomies AND categories, so it can be very specifically filed away in the archives.

Using the Tumblog dashboard facility

Once you have setup your categories, as documented above, you can now start using your Tumblog dashboard publishing facility to publish content.

The Tumblog form on your WordPress dashboard

Publishing content using this is quite self-explanatory. Click on the button of the type of content you are wanting to publish and then fill in the fields with the corresponding content. Once you hit the “Submit” button the post will be published to your website. Easy as that!

The advanced options of the Tumblog dashboard

When you click this an area will load below the editor which will allow you to set the Post Status, Post Date/Time, assign the post to multiple categories and to multiple tumblog taxonomies (it is by default assigned to the relevant tumblog type). This is great for using the Dashboard Tumblog widget to draft posts and post date them even.

The advanced options expanded.

There are further theme options you can set to determine whether the full content or the excerpt should display on the home page or archive pages, etc. You can set these options under the “Tumblog” theme options.

The Elefolio Tumblog theme options.


Custom Elefolio widgets

The theme includes 6 custom widgets that you can add to your widgetized sidebar.

The custom woo widgets included are:

[insert name=”adding-widgets”]

Page Templates

Portfolio Page Template

The theme comes with a Portfolio page template, which simply shows all your portfolio items. You set the total number of items to show per page in Settings > Reading.

Follow the instructions below if you need help adding the Portfolio page template.

[insert name=”page-templates”]