Build a Portfolio Page

Build a Portfolio Page

The Portfolio page template lets you display all your projects in an organized and straightforward manner. This guide will walk you through adding and managing your portfolio.


Adding a Portfolio Page

To add a Portfolio page to your website:

  1. Click on Content at the top of your website dashboard.

  2. Select the green Add New Pages button.
    Screen_Shot_2019-07-19_at_11.22.34_AM.png

  3. Choose the Portfolio page template, then click Add.
    Screen_Shot_2019-07-19_at_11.20.44_AM.png

Your new Portfolio page will automatically appear at the bottom of your page list. It will also come pre-loaded with a Projects content block.



Understanding the Projects Content Block (Items List)

The Projects content block, like other items list content blocks, enforces a consistent structure across all items within it. This ensures uniformity and saves you time when adding new projects.


What is an Items List?

An items list is a content block that applies the same structure to all items displayed within it. Depending on the page you're working on, these content blocks might have different names, such as:

  • Products

  • Items

  • Services

  • Jobs

  • Projects

If a content block looks similar to an organized list of entries, you can assume it's an items list and will apply a strict structure to all its items.


How Project Blocks Work

When you add projects to your Projects List, the content blocks within each project will automatically match and appear in the same order.

Screen_Shot_2019-07-19_at_11.32.20_AM.png

For example, if you add "Project 1" and "Project 2":
  • Both Project 1 and Project 2 will have the same content blocks in the exact same order.

  • This automatic formatting saves you time and effort as you add information for each new project.



Managing Content within Your Projects

When you navigate into an individual project (e.g., "Project 1"), you'll typically find two initial content blocks:

  • The first block is a project block. This block includes the project's title and a field to upload an image you'd like to use on your main Project landing page (the Portfolio page).

  • The second content block is an image gallery block, designed to showcase your entire project gallery.

screencapture-design-livebooks-content-portfolio-cbbd2ecea8bc4e8090e141216994b4de-bac4722c56f543a99f0979be26e9d8c8-2019-07-19-09_42_36.png


Adding More Content Blocks

If you add additional content blocks below these initial two, those blocks will also automatically appear in all your other projects. However, the content within these new blocks will not transfer; they will be empty blocks, ready for you to fill in for each project. You can add additional blocks by clicking the green (+) button on the page.

This feature is incredibly helpful for maintaining consistency and adding new projects efficiently without constantly switching between them to ensure matching content blocks.


Adjusting Landing Page Image Display

If the landing page image (from the first project block) also appears alongside your image gallery block when your site is viewed, you can easily adjust this:

  1. Go into one of your project pages in Design view.

  2. Set the Project block to show text only.

Screen_Shot_2019-11-05_at_2.44.15_PM.png

You only need to do this for one project, as this design setting will automatically cascade to all your other projects in the list.



Important Considerations for Project Content Blocks

Content Block Synchronization

Important Note: The structure of your projects automatically synchronizes. If you remove a content block from one project, it will also be removed from all other projects in that list. For instance, if you delete a content block from "Project 1," that same content block will be deleted from "Project 2," potentially removing important content.

Warning: Unfortunately, content that has been deleted cannot be recovered.

Instead of deleting content blocks, we strongly recommend making them invisible.

  • Making blocks invisible will not carry over to other items on the list.

  • This is an excellent way to organize which blocks you need to use and which you don't without risking content loss in other projects.

    • Related Articles

    • Limitations on Items List Blocks

      A List block is a versatile content block that allows you to link to multiple sub-pages, individual items, or categories all within one central location on your website. Depending on the type of page you've selected, this block might be named ...
    • Create an Items List

      An items list is a content block on your content section/page. Here are some steps to add a items list to your page: 1. Select Content, then select your page (keep in mind some pages don't allow items lists or name them something else) 2. Select the ...
    • Create a Simple List

      Simple lists are the best way to create an ordered list of clickable items (with images) on your page. To add a simple list. These clickable items can link out to external URLs or internal pages including galleries. This is a great solution for ...
    • Change the Order of Items in a List

      Much like the rest of the pages and content blocks, you are able to change the order of your items in a list as you see fit. 1. Select Content in the gray navigation bar, and click on the Page that contains your items block. 2. Locate the list block, ...
    • Unlink Items in Your Items List

      If you are looking to keep your list items from opening a new page, you can do so like this: 1. Select Content 2. Select the Page with your list 3. Select Design this page on the right side of the page 4. Select your list on the right side of the ...