3.5. Portfolio


Portfolio is one of main theme feature. You have alot option for portfolio that you can find on portfolio template page. This section will guide you to build your portfolio page.


3.5.1. Add Portfolio

To add New Portfolio go to :

Portfolio » Add Portfolio

You will need to enter title of Portfolio, and enter content. Go to bottom of of page, you will find Jphotolio Portfolio Media Metabox. Here you can decide what type of portfolio you will set.

You will only show what you need to fill when you choose media type.

To set portfolio media type, simply Click one tab on JPhotolio Portfolio Media, than Click Publish / Update

Portfolio Item Component

Portfolio Expanded Component

Set initial like counter

You can find this option on add / edit portfolio page. Beside JPhotolio Portfolio Media


3.5.2. Create Portfolio Image Gallery


In version 2.0.0 we added easier way to manage portfolio gallery. You can find the documentation about portfolio image gallery by clicking this link

But you can also still use old way to include image gallery by uploading to wordpress media gallery. If you are using old version of the themes (below 2.0.0) you don't need to do anything, wordpress media gallery will still work fine. We will only use one of Portfolio image gallery or Wordpress media uploader to show on portfolio gallery. Portfolio image gallery have the higher sequence of priority.

  1. To add image gallery to your portfolio, click Upload/Insert above content block.

  2. Then Media window will show. Drag or choose file from your computer. After all file uploaded, click save change.

  3. On Top Media Window, will show Gallery tab. Click on those tab, than click insert gallery.

  4. Back to content post block, you will see gallery block inside content post block.

  5. On Jphotolio Portfolio Media click Gallery, You will need to add Image cover

    for this portfolio. For more detail instruction How to use Media uploader, please follow this link

Create Another Type Portfolio Type

Create another type portfolio like Youtube, Vimeo, HTML 5 Video, or Music basically same as creating Image Gallery Portfolio. You still will need to insert Image cover as preview of portfolio. And also you need to insert file / URL that corresponding with every type of portfolio.


3.5.3. Setup Page for Portfolio

To setup page for portfolio

Go to Pages » Add New. Then on Page Attributes metabox » Template option, select Portfolio.

When you change Template, JPhotolio Page Setting tab will also change to Portfolio tab section, and other tab will be disabled. You don't need to add content page because will not shown. Don't forget to hit Publish / Update button.


JPhotolio Portfolio Page Option

  1. Portfolio Item Layout : You can choose 2 portfolio item layout. Masonry is will look like pinterest gallery.
  2. Exclude portfolio category : You can exclude specific portfolio category here. If you have huge number of portfolio, you may decide to use this option to separate your portfolio into several page.
  3. Item Width : This option will control width of your portfolio item before expanded. This option will always needed even you choose masonry layout.
  4. Item Height : This option will control height of your portfolio item before expanded. This option only applicable if you choose normal layout.
  5. Item load transition : You have 7 Option of Item load transition. Normal transition is Seq Up Fade.
  6. Portfolio Expanded Mode : You can choose how item will expanded after clicked. There are 2 option, inline expanded and Theather mode expand.
  7. Gallery tile dimension : This option will control width of gallery container where image, video or other media showed when item expanded. Size of this option based on width of tiles (Item width). When you choose 3 tile, its mean when item expanded, gallery container width is 3 times width of tile. If your item width is very small, its good idea to increase gallery width. By default this option size is 3 tile.
  8. Description tile dimension : If your item size is very small, its good idea to increase desciption size. By default it size will range 1 tile, but you can increase it until 3 tile. Only applicable if you choose Inline expand Mode.
  9. Height of expanded portfolio : This option will control height of expanded portfolio. Only applicable if you choose Inline expand Mode.

3.5.4. Enable Portfolio Like and portfolio filter

Portfolio like functionality and portfolio filter is enabled by default. But you can disable this option. To change state of this option

go to : JPhotolio Setting » Page Setting » Front Slider.