how to create a portfolio page in genesis

[varshasalvi]

Hi,
I am trying to create a portfolio/art gallery page where i can have different albums . Each album will have multiple photos.
I am unable to find a tutorial for this.
I am looking for somethings that exactly functions like the portfolio page on the following site

Portfolio

Can anyone help ? I know there is something involved with parent and child templates but that's about it.

http://designforsoul.com

[DTHkelly]

Great tutorial, assumes "intermediate developer" skills:

Adding a Portfolio to any Genesis child theme

More Helpful Tutorials:

Portfolio Post Type in Genesis

Portfolio Category Archive page showing Featured Images in columns in Modern Portfolio Pro

sridharkatakam.com/filterable-portfolio-centric-pro/

Portfolio Grid in Centric Pro

Easier Option - Premium Plugin:
Essential Grid
http://themepunch.com/essential/

[varshasalvi]

thanks kellylise will try these .

[varshasalvi]

hi,
the above links show a portfolio with filtered tags/categories.. thats not what i am looking for..
I want to directly click on a project and see all the related photos for that project inside.. can anyone help?

[DTHkelly]

The project you want to click on is a thumbnail? Then where does the click go? What are the photos per project "inside" of?

Is each "project" containing multiple photos, a single project post from a portfolio custom post type?

For example, in the WYSIWYG content area of a post, anyone can insert multiple photos. Is that where these project photos for each project would be displayed?

Do you want a photo gallery for each project? For example: https://wordpress.org/plugins/nextgen-gallery/ or https://wordpress.org/plugins/wp-photo-album-plus/

Do you want a slider on each single project custom post type, that automatically shows multiple photos for only that project?

[varshasalvi]

Hi Kellylise,

Well what i want is , to showcase an art gallery or DIY projects.

The page should have a small images e.g. 'Landscape Paintings' 'Abstract paintings' , 'still life paintings' and when i click on the particular thumbnail of landscape painting, all the landscape paintings should be shown . A choice of carousel viewing would be great.

Sorry , I am new to this field and don't really know php.

I found that this "http://stylebyemilyhenderson.com/portfolio/" website has exactly what iam looking for. Would be great if you or someone could tell how that was done.

[DTHkelly]

Are you familiar with how posts (or Custom Post Types) are archived? http://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/

Here's my (non-professional) analysis of http://stylebyemilyhenderson.com/portfolio/ - /portfolio is archiving lots of single "portfolio" entries or projects.

From: http://stylebyemilyhenderson.com/portfolio/ I clicked on the first photo.

And was redirected to a new URL -http://stylebyemilyhenderson.com/portfolio/fig-house-opening/

The original: .com/portfolio
After clicking: com/portfolio/fig-house-opening/

Her website is probably using a Portfolio Custom Post Type and each photo on the portfolio archive is a thumbnail that is hyperlinked to the respective single project Custom Post Type.

The Fig House Project is a separate post (a single custom post type) titled The Fig House. The Pin It under the main photo is for Pinterest? This page has a Slider that shows one main image. Below the main image are the thumbnails of the additional photos in the slider.

This is a slideshow from Pinterest.

So you need a Custom Post Type for each Portfolio entry. You need to archive the portfolio custom post types. And you need a slider. If you want this one, you need to look for a WordPress slider for/from Pinterest.

[varshasalvi]

Thank you Kellylise for the quick analysis and response. I will read more about CPT and see if i can implement this.

[Brad Dalton]

Try this http://wpsites.net/web-design/add-responsive-portfolio-page-to-lifestyle-pro/

---

Tutorials for StudioPress Themes.

[varshasalvi]

Thank you Brad,
But will this work for Beautiful pro theme?
Also,
you have mentioned this in your post :
You’ll need to create 3 new page templates using a text editor like Notepad++:
archive_portfolio.php
single_portfolio.php
taxonomy_portfolio_type.php

Next step is to paste all the functions.php code into your child themes functions.php file.

So do you mean create these separately and then just copy all the code from them and paste it in existing child theme's functions.php?

and what is this step for :
You’ll also need to create a new admin-style.css file which goes inside a new folder named lib and include the icons folder from the Executive Pro theme in the same folder.

Thanks.

[varshasalvi]

oh never mind , i got it !
Sorry for that.
However i still have one question, can i make changes to the CSS file in your post to match my theme?
and could still elaborate on

You’ll also need to create a new admin-style.css file which goes inside a new folder named lib and include the icons folder from the Executive Pro theme in the same folder.

Thanks in advance !

[Brad Dalton]

No need anymore as you can use Dashicons. Let me update the post now. Already updated so no need to create the lib folder but doesn't matter if you do.

---

Tutorials for StudioPress Themes.

[varshasalvi]

That would be great !!!
Thanks a lot Brad.

[Author]

Posts