Modern Portfolio Theme: How To Create Multiple Portfolios?

[kay9]

I'm doing a site for some authors and each has books they want to have showcased in their own area on the site.

Is there a way, using the Modern Portfolio theme, to accomplish this? The theme is beautiful and I would love to use it -- the authors like the way the front page showcases the "portfolio" area. But again, the problem might be how to set it up so as to show all three authors' books (blurb and cover photo for each book with a link to their sales sites) EQUALLY on the front page of this theme.

Any ideas? I'm relatively proficient with setting up a theme in Genesis, but not an expert by any means, so please, if you can help, explain it to me like I'm a 5-year old! Hah! I mean, where exactly to put different things in a widget, how to set up the categories, posts, etc.

Thank you SO much, in advance, for any help!

🙂

[AnitaC]

I posted something on this also here. I'd like to know how to do this. Maybe bumping this up - someone will see it and respond. I didn't like on my post the widget idea.

---

Need help with customization or troubleshooting? Reach out to me.

[joemac41]

I am working on something like this for a jewelry company. I am thinking take the portfolio template. Rename it to another name and upload it, so there are two portfolio templates and then code the category you want to show on the loop at the bottom.

Make sense?

[kay9]

Well ....

I was told by a little birdie, heh, that if I posted here and asked real nicely, some awesomely nice person might help me with CSS for this. As I said above (I'm the original poster), I need to have the theme show three separate portfolios for three separate book authors on the main/front page somehow. And still look cool! Love the theme.

Anyway, so this nice person said I would need to "edit the CSS .featuredpage classes for that section" and that I could "use the CSS used for 'featured posts' as a guide."

The person also said the following are the CSS classes to edit to accomplish what I want (see my original post above); in other words, I need to edit CSS selectors for these and I have NO CLUE how or what:

.footer-widgets-1,
#blog .featuredpost .post:nth-of-type(3n+1),
#portfolio .featuredpost .post:nth-of-type(3n+1) {
margin-right: 5.55556%;
}

.footer-widgets-1, .footer-widgets-2, .sidebar-content

#sidebar, #blog .featuredpost .post:nth-of-type(3n+1),

#blog .featuredpost .post:nth-of-type(3n+2), #content,

#content-sidebar-wrap, #footer .gototop, #portfolio

.featuredpost .post:nth-of-type(3n+1), #portfolio

.featuredpost .post:nth-of-type(3n+2), #sidebar-alt,

#title-area {
float: left;
}

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3,

.sidebar, #blog .featuredpost .post:nth-of-type(3n),

#blog .featuredpost .post:nth-of-type(3n+1), #blog

.featuredpost .post:nth-of-type(3n+2), #portfolio

.featuredpost .post:nth-of-type(3n), #portfolio

.featuredpost .post:nth-of-type(3n+1), #portfolio

.featuredpost .post:nth-of-type(3n+2), #services

.alignright, #title-area {
width: 29.6296%;
}

.mp-home .featuredpost .entry, .single .entry {
margin-bottom: 3rem;
}

Anyone? Just thought I'd ask. 🙂

[AnitaC]

Hummmm, that's really interesting. If the little birdie told you all that, why didn't the little birdie just tell you how to do it? Anywho, I can't answer that... someone more experienced would need to assist. Maybe you can ask the little birdie to chime in here. IJS

---

Need help with customization or troubleshooting? Reach out to me.

[marybaum]

Based on what I did to get my tennis club's site (http://frontenactennis.com) from two to three widgeted areas, I'll guess that you'll need to mess with three files: home.php, functions.php and then the stylesheet.

Let's call your three writers Anne, Bill and Pat.

Change home.php like this:
function mp_home_genesis_meta() {

if ( is_active_sidebar( 'about' ) || is_active_sidebar( 'Anne' ) || is_active_sidebar( 'Anne_bio' ) || is_active_sidebar( 'Bill' ) || is_active_sidebar( 'Bill_bio' ) || is_active_sidebar( 'Pat' ) || is_active_sidebar( 'Pat_bio' ) || is_active_sidebar( 'news' ) ) {

// Force content-sidebar layout setting
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

// Add mp-home body class
add_filter( 'body_class', 'mp_body_class' );
function mp_body_class( $classes ) {
$classes[] = 'mp-home';
return $classes;
}

// Remove the navigation menus
remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_after_header', 'genesis_do_subnav' );

// Remove the default Genesis loop
remove_action( 'genesis_loop', 'genesis_do_loop' );

// Add homepage widgets
add_action( 'genesis_loop', 'mp_homepage_widgets' );

}

}

function mp_homepage_widgets() {

genesis_widget_area( 'about', array(
'before' => '<div id="about"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'Anne', array(
'before' => '<div id="Anne"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'Anne_bio', array(
'before' => '<div id="Anne_bio"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'Bill', array(
'before' => '<div id="Bill"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'Bill_bio', array(
'before' => '<div id="Bill_bio"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'Pat', array(
'before' => '<div id="Pat"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'Pat_bio', array(
'before' => '<div id="Pat_bio"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'blog', array(
'before' => '<div id="blog"><div class="wrap">',
'after' => '</div></div>',
) );
 }
I know the renaming of the widgeted areas works, because I did it for http://stltennishall.org.
I also assumed here you'd want to keep a dark area with type reversed out in between each portfolio area. The original theme makes these black; I changed them to blue on the hall-of-fame site. In this case, I thought you could use them as short bios for Anne, Bill and Pat. Hence the div ids that end in _bio. But you could name them anything and use them for anything.
Now, in functions.php, register each of those sidebar widget areas:
genesis_register_sidebar( array(
'id' => 'Anne',
'name' => __( 'Anne', 'mp' ),
'description' => __( 'This is the inductees section.', 'mp' ),
genesis_register_sidebar( array(
'id' => 'Anne_bio',
'name' => __( 'Anne'_bio, 'mp' ),
'description' => __( 'This is the inductees section.', 'mp' ),
And so on, for the four new areas. Remember that you're changing 'portfolio' to 'Anne', so if you paste in Anne, you'll want to nuke 'portfolio'.
Now you have two divs to rename in the stylesheet and four new divs to add - but the styling is all copy-and-paste.
When I first did this, I renamed the functions in home.php but forgot to rename the divs - then wondered why my featured posts weren't floating into their nice grid. After more coffee I realized the problem!
So if something doesn't work, I do recommend more coffee. If it still isn't working, look through the code again and if necessary, apply chocolate. You'll find the unclosed brace or the un-renamed div before you know it!
MB
PS> I trust this will work - I have only tried pieces of it in two separate projects. So more expert phpers are welcome to find my mistakes and make improvements.

---

Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

[kay9]

Wow! Mary, thank you SO much!

I am going to go try your code and hope I do mess things up too badly. Will let you know how it goes. THANK YOU for the response and taking all the time to help! SO appreciate it.

🙂

[Author]

Posts