Adobe Portfolio – Day 4 of the 10 Day Challenge

Adobe Portfolio

Welcome back! It’s time to discover how to organize our projects, add galleries, and customize our navigation. (I have added five additional projects so that I can easily demonstrate these features but you can follow along with however many projects you have had time to post – hopefully two or more.)

Organizing Projects. As we add additional projects to our Portfolio, we need to learn how to rearrange, hide, show, and reorder projects.

To do this, we start by clicking the pencil icon next to the gallery that we want to change (in my case it’s the default Projects gallery), and select Manage Content.

401ManageContentAll of your projects are visible.

402ManageContent1

The last project (what i dream), is a project that I published to Behance and hid on day one. Behance projects will always appear on this list, in case I want to sync the project between Behance and Portfolio.

To change the name of a project, click the gear icon and select Edit Project Title.

403Site title

Rename the title and press Enter or  Return to apply it. Note: To be tidy, you can return to the gear icon, choose Edit Slug, and update the name of the slug.

To reorder a gallery, click-drag the grabber handle (the three lines) to the left of the gallery name.

404Reorder

To hide/show a gallery, toggle the visibility switch to the right of the gallery.

405HideContent

If you want to permanently delete a project, click the gear icon and choose Delete Project. Deleting the contents of a project will also permanently delete the project on Behance, and it cannot be recovered (you would need to recreate it). Alternatively, you could hide the project and come back to it later.

Click Done when you are finished to save your changes and return to the main page.

Working with Galleries. In my published portfolio, I only have one gallery called Photography and all of my projects are listed under that gallery (at the moment, our default gallery is still called projects – but we will fix that in a minute).  Although it’s easy to add multiple galleries, I find it easier to use only one because then it can also serve as my Portfolio’s landing page (the first  page that people see when they arrive on my Portfolio). I feel this is the best way for my viewers to see thumbnails for all of my projects without having to spend time navigating through multiple galleries. Obviously, how you organize your Portfolio site is up to you, and if you have a large number of projects, it might make far more sense to break them into smaller galleries. (Please feel free to add a comment if you feel that another organization works better for you because it might also work better for other people too!)

First, let’s learn how to rename the default gallery. Click  the pencil icon next to the gallery and select Manage Content.

406ManageContentClick the Gear icon next to the project and choose Edit Gallery Title. (You can return to the gear menu and choose to edit the slug if you feel compelled to do so.)

407EditGalleryTitle

Adding More Galleries. If you decide that you do want to add another gallery, while still in the Manage content dialog, click Add Content, select Gallery, give it a name, and click Create Gallery. (Note: I’m going to walk through adding the second Gallery, but then I’m going to delete it. If you don’t want to add a second Gallery, skip down to Customizing Gallery and Project navigation).

408AddGallery

Note: If you are on the main page, you can click the Add Content icon (in the left margin), and follow the same instructions as above.

All projects are available under all galleries. Use the project’s visibility switch to the right of each gallery to toggle the project’s visibility as desired.

409ToggleVis

To reorder a Gallery, click-drag the grabber handle into position.

410ReorderGallery

Now in my case, I feel that the second gallery overly complicates my Portfolio. So, I’m going to delete it. To delete a Gallery, click the gear icon and choose delete.

411DeleteGallery

Portfolio displays a rather intimidating warning: This will permanently delete the gallery’s content. Note that this will also permanently delete this project on Behance, and it cannot be recovered. Alternatively, you could hide the gallery and come back to it later. When I delete the gallery, Behance automatically displays the projects that were in the deleted gallery in the default gallery saving me from having to return to Manage Content to make them visible (of course if you want to hide them, then you do need to return to the Manage Content dialog and toggle the visibility next to the desired project).

Customizing Gallery and Project navigation. To edit the navigation, click the pencil and choose Customize.

412CustomNav

Use the Navigation Container options to change width, alignment, and spacing above and below the navigation (you might want to return to these options to adjust them after adding additional pages and links later in the challenge).

413NavContainer

Click Gallery Titles to change styles (fonts, size, leading, and alignment) for the Regular, Rollover, and Active state if desired. Change spacing before and after the gallery title using the Margins tab.

415GalleryTitles

Click Project Titles to change styles (fonts, size, leading, and alignment) for the Regular, Rollover, and Active state if desired. Change spacing before and after each Portfolio using the Margins tab.

416ProjectTitles

If you have multiple Galleries, click Gallery Groups to change the margins (the spacing) between groups and click Done when finished.

Updated Navigation.

Updated Navigation.

Tomorrow we’ll add our custom pages and link to our social media properties.

That’s it for now. Have a great day!


Adobe Portfolio

Posted on 03-24-2016


Comments

  • By Ken - 12:52 PM on March 27, 2016  

    Well no luck getting it set up, to me it seems Adobe set up is so confusing for me. They keep changing from behance, not adobe portfolio.

    I need a portfolio for dummies! Adobe makes its so hard for me