how to create a portfolio page in genesis

Community Forums Forums Design Tips and Tricks how to create a portfolio page in genesis

This topic is: resolved

This topic contains 12 replies, has 3 voices, and was last updated by  varshasalvi 4 months, 3 weeks ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #115476

    varshasalvi
    Member
    Post count: 26

    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

    http://stylebyemilyhenderson.com/portfolio/

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

    http://designforsoul.com
    #115477

    Kellylise
    Participant
    Post count: 511
    #115478

    varshasalvi
    Member
    Post count: 26

    thanks kellylise will try these .

    #115534

    varshasalvi
    Member
    Post count: 26

    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?

    #115536

    Kellylise
    Participant
    Post count: 511

    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?

    • This reply was modified 4 months, 4 weeks ago by  Kellylise.
    • This reply was modified 4 months, 4 weeks ago by  Kellylise.
    #115544

    varshasalvi
    Member
    Post count: 26

    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.

    #115546

    Kellylise
    Participant
    Post count: 511

    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.

    #115548

    varshasalvi
    Member
    Post count: 26

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

    #115740

    braddalton
    Participant
    Post count: 10667
    #115745

    varshasalvi
    Member
    Post count: 26

    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.

    #115746

    varshasalvi
    Member
    Post count: 26

    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 !

    #115766

    braddalton
    Participant
    Post count: 10667

    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.


    #115768

    varshasalvi
    Member
    Post count: 26

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

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.