Creating a single Portfolio by ART theme

The single Portfolio page shows one of your projects or works individually. You need to add some single portfolios before creating your Portfolio page following this tutorials. You can also check video tutorial directly.

Portfolio > Add New

To create a new single portfolio(project), go to Portfolio > Add New from the admin panel, then you will enter the single portfolio editing interface. 

You can use WordPress default block editor to edit some basic text layout, to create the complicate layouts, please use BM Content Builder that we recommend.

Tips: You can also create a single portfolio by duplicating an existing portfolio, please must use the Yoast Duplicate plugin. Other page duplicating plugins mostly do not work well with BM content builder.

Portfolio Title

Give the single portfolio a name by entering it in the Title field. It is the default title of portfolio. It is displayed on the top of page by default. If you want to hide the default title(you can create a new title in BM content builder), please locate the Layout Options panel, disable Show Title.

Category

Each single portfolio must be set one category at least. The Category is for organizing the Portfolios.

There would not be categories if you start from a new website. Please create the category firstly. Navigate to “Portfolio > Categories” to create categories, all portfolios would be set within one category like “Works”. If you have several sub-categories, please set “Works” as parent category of these categories.

Set Categories to Single Portfolio

Please go back the single Portfolio editing page, select category(ies):

Add Categories for a Single Portfolio

You will use the category when you create the portfolio list page. You need to select the “Works” category for the portfolio list page(the portfolio list page is created by the “Grid” or “Masonry Grid” module normally). The sub-categories are for the filter (sorta) of the portfolio list page.

You could set “Featured Image” for a single portfolio, the featured image could be shown in portfolio list(“Grid” or “Masonry Grid” module):

set Featured image

The “Second Featured Image” is for showing-2nd-image-mouseover effect of the portfolio list(“Grid” or “Masonry Grid” module).

Layout Templates

Layout template

There are 3 options in Layout Template selector

No Template

It is the default layout, you can select it and create page by BM Content builder.

“Gallery on Left/Right” options are not recommended currently, they are for existing users only. The same layout can be built by No Template + BM Content builder from now

The “Gallery on Left/Right” is “Text column + Images column” layout(check video guide), it looks like: 

Gallery on right

If the template set as “Gallery on Left” or “Gallery on Right”, the options would be shown:

Upload the image or pick up the existed image in media library:

media library

Create the Gallery layout(Gallery column): 
Please set the “1-4” grid(s) or the Text for each line.
It supports simple HTML code in the “Text”. Please don’t add HTML code into the <a> tag, or the <a> tag will not work.

list layout

Turn on “Show Video”, you can enter the embed code to show video above/below gallery.

embed video
  • If it is a Youtube video, please enter the video URL like: https://vimeo.com/xxxxx
  • If it is a Vimeo video, please enter the video URL like: https://www.youtube.com/watch?v=xxxx
  • Please enter the complete embedded code for other media website like: <iframe>...</iframe>
  • If it is hosted video, please enter the codes like: <video controls=controls><source src=the-video-file-URL.mp4 type=video/mp4></video>

Notice: Please REMOVE all quotation marks in the embed codes.

Enable Title Masking option, the title looks like:

masked title

Create main content by BM Content Builder

The main layouts(heroslider, images gridtext block, etc) are created by the BM Content Builder, click the BM Content Builder to enter the builder interface.

BM Content Builder interface
BM Content Builder interface

You can start to create your layout from adding module or inserting pre-made templates. There is a more detailed process in the video tutorial.

Check BM Content Builder introduction.

Note:

Layouts Options

Art supplies a lot of options to config the layout of the specific portfolio.

  • Show head – Show or hide the header bar
  • Show footer – Show or hide the footer bar
  • Show Header when Scrolling – the header bar will hide when open the page. It will show when page is scrolled
  • The scrolled distance to Activate Header – enter a number for the scrolled distance
  • Transparent Header Background – The header background will be transparent

Content From Page Top

The content area will start from the page top edge instead of the header bar if this option is enabled.

If there is a hero section on the top of the page, please enable the 2 options.

Fullscreen section

Force Fullwidth for Content Area

The default padding on the left and right at the main content will be disabled. If you create a gallery on right/left layout, please enable this option. It only works for the content that is built by the BM Content builder.

General Settings

Define the Logo & menu color, global Lightbox, Background color, thumbnail types in the General settings panel.

Logo and Menu Color

set the logo and menu color. If the default logo/menu color is dark, you could set the light(alternative) color with a dark color background. You should set the default and alternative color scheme(uploaded logo file or color value) in the Theme Option.

Enable All Images of The Page Navigated in The Same Lightbox

The option is disabled by default. Normally, if you enable Lightbox in a module of the BM Content builder, the images can only be navigated(Next/Previous) in the same module. The images in the different modules(Single Image, Grid, Masonry Modules) would be navigated in the same Lightbox if enable this option.

Background

Set a background color for this portfolio itself, you could set the font color also, all text content on the page will be forced to show as the color.

Thumbnail in Grid/Masonry Grid

Normally, the Featured image will be shown in the Grid/Masonry Grid(built by BM Content Builder). You could set to show video by this option. Please read the tutorials.

Video Tutorial

Please check the video tutorial for how to create a single portfolio:

Content:
00:18 – set the category
00:25 – set the Featured image
00:38 – set the No template, insert the placeholder layout in BM Content Builder
01:57 – set the Mask text
03:24 – set the Gallery on Left template
06:10 – set the Gallery on Right template

Was this article helpful?

Related Articles