How do I use the layout engine?

pocket_header_background.png

Instead of having templates that are eternal once decided on, layout engines can give a website fresh looks whenever the artist desires.  Let's get started!

Quick Jump

1. Navigate To The Home Page Gallery

  • In this example we are editing the Home Page Gallery.  Click on Edit Portfolio or the Website link in the toolbar on the left.
  • Then navigate to the home page gallery.

Navigate_Home_Gallery.jpg

Navigate_Home_Gallery_Website.jpg

 

2. Layout Engine Themes

  • In every gallery there is a Layout Engine Gallery Tool.  This tool floats around the workspace for easy access.
  • To change the gallery layout choose Themes from the tool set.

Choosing_Themes.jpg

  • The tool set now presents all the different options to layout the gallery's images. 
  • Once the layout is selected for the gallery click done to save and the back arrow for more options.

Different_Layouts.jpg

 

3. Layout Engine Adjust Themes

  • Now that a theme is chosen click on Adjust Themes from the main menu of the Layout Engine Gallery Tool.
  • There are a few options here...
    • Dynamic: This option adjusts the layout based on columns.
    • Fixed: This option adjusts the layout based on image size.
    • Image Spacing: This option adjust the spacing between images.
    • Margin: This option adjusts the area around the gallery.
    • Top Margin: This option adjusts the space between the top of the page and the image gallery.
    • Cover Photo: This option allows for a photo to be added to the top of the gallery.
  • Hit Done when finished to save the changes and the back arrow for more options.

Dynamic_Layouts.jpg

Fixed_Adjust_Layout.jpg

 

4. Layout Engine Arrange Images/Auto Colorize

  • Click on Arrange Images in the Layout Engine Gallery Tool.
  • Then drag and drop images to rearrange them in the gallery.  Click Done when finished to save changes.
  • Auto Colorize: At any time this feature can be used to arrange photos with similar colors and tones to make the gallery flow a little better.

Arrange_Images_Link.jpg

Reordering_Gallery.jpg

 

5. Layout Engine Background Color

  • From the main view of the Layout Engine Gallery Tool click on BG color.
  • This will set the color behind the images in the gallery.

BG_Color.jpg

 

6. Layout Engine Mobile

  • At the top of the screen click on Mobile to access the mobile gallery.
  • With the Layout Engine Gallery Tool click on Themes to access the different layouts for mobile.

Accessing_Mobile_Gallery.jpg

Select_Themes_Mobile.jpg

  • Choose a layout that looks good for this gallery.  Below are examples of Circles & Masonry.

Mobile_Layout.jpg

Mobile_Layout_Circles.jpg

  • When finished click on Publish to make the changes to the gallery!

Articles in this section

Was this article helpful?
0 out of 0 found this helpful
Share
  • PRO EDU

    Check out PRO EDU's extensive library of visual arts education and tools to bring you to the next level of PRO

Comments

0 comments

Please sign in to leave a comment.