• Home
  • What We Do
    • Web Design
    • Prospectuses
    • Videography
    • Photography
  • Our Work
  • Contact Us

Knowledgebase

How To Add A Gallery

 

Step One

To start adding a gallery, navigate to the page you want to edit in the admin area.

Step Two

Click the blue ‘Frontend Editor’ button. This will bring you up to the Frontend Editor page, where you can see a live update of website changes that you make on the page.

Step Three

Click on the ‘+’ plus button to add the gallery.

Screenshot 2015-10-21 16.45.35

Step Four

Select the ‘Masonry Media Grid’.

Screenshot 2015-10-21 16.45.46

Step Five

Once the ‘Masonry Media Grid Settings’ box opens, click the Image ‘+’ box.

Screenshot 2015-10-21 16.45.55

Step Six

If you already have the photos uploaded to the Media Library, click on the images that you want in the gallery.

Alternatively, if you haven’t already uploaded the images, click ‘Upload Files’ to upload the images to the Media Library. Once they are uploaded, you can select the ones you want to add.

Click on the ‘Add Images’ button.

Screenshot 2015-10-21 16.46.07

Step Seven

Your images should now all show in the ‘Masonry Media Grid Settings’ box.

Under where it says ‘Display Style’ click the dropdown box and select ‘Lazy loading’. This will increase the loading times of the gallery page.

Screenshot 2015-10-21 16.46.36

Step Eight

Click the ‘Save Changes’ button and then the click the exit ‘x’ button on the ‘Masonry Media Grid Settings’ box.

Screenshot 2015-10-21 16.46.48

Step Nine

You will now be able to see the gallery on the live view. You can click on the images, to see them enlarged.

Screenshot 2015-10-21 16.47.13

Step Ten

Remember to press the light blue ‘Update’ button in the top right hand corner of the Frontend Editor.

Partner with the team that will never let you down

Get access to all our features and one-on-one support
Get In Touch

Our Services

Websites Prospectuses Photography Videography

Get In Touch

0115 698 0222 Enquiries hello@codaeducation.com Support support@codaeducation.com
© Copyright CODA Education Ltd 2023•Company Reg 9468975•Privacy Policy
CODA Education
  • Home
  • What We Do
    • Web Design
    • Prospectuses
    • Videography
    • Photography
    • Back
  • Our Work
  • Contact Us
hello@codaeducation.com

0115 698 0222