Uploading Images

You have two options for uploading your images, each with different benefits:

  • You can use the "Galleries" backend page
    • + you can add additional "meat" information pertaining to your gallery, such as a publication date, description, and a preview image
    • + you can add a title and a description to each of the uploaded images
  • Or, you can use the Media manager built into OctoberCMS
    • + You can easily structure your images into folders (and even nest folders inside other folders)
    • + You can easily upload and manage large numbers of images

1) Create Galleries in the "Galleries" Area

When you install November Gallery, it creates a new section in your site back-end. The "Galleries" page is fairly self-explanatory: you can create new galleries, and upload images into existing ones.

Click on any image to give it a title and a description:

On the "Advanced" tab you can set a publication date for your gallery, a description, as well as a preview image:

You can then select your uploaded galleries from the component inspector:


2) Upload using the OctoberCMS Media Manager

Alternatively, you can upload your galleries using the OctoberCMS built-in media manager.

You will need to 1) create folders for your images 2) resize your images and 3) upload them to your website using OctoberCMS's built-in Media Manager.

Although you can use any folder structure that you'd like, we recommend that you create a folder and create separate folders underneath that folder to store your albums. You can optionally create a "root" folder to store (subfolders of) images, and a separate "root" folder to store videos, and even a third "root" folder to store images for your blog. We also recommend not to use spaces in folder names - it's better to use dashes or underscores instead. Also, it is customary to use lowercase when creating folders for publishing on the web.

So, your folder structure may look like this:

  • my_galleries
    • my_travels
      • 2018-argentina
      • 2015-vietnam
      • 2010-hungary
    • cat_pictures
    • awesome_vacuum_cleaners

Next, prepare your pictures for display on the WWW. First, make sure that your photos are in a format that web browsers understand. This can be .jpg or .png, or .gif (which is more suitable for graphics with fewer colors and geometric lines, such as charts or icons).

Although the plugin will automatically generate thumbnails of your pictures, the full-size images will be displayed as-is. Therefore, it's also a good idea to resize all of your pictures before uploading them to the gallery. A plethora of free options exist to help you with that, I highly recommend FastStone Image Viewer (Windows), Fast Image Resizer (Windows), or Image Resizer for Windows. I'm sure there are great options for Mac as well - but watch a little Louis Rossmann to understand why Macs are evil so if you're on a Mac I'm sorry but I can't help you :-(

A typical screen resolution nowadays is around 1600x1200 (or 1920x1080) pixels - so if you're looking to allow your users to see your pictures in decent quality full-screen, then resize them to fit within these constraints.

Finally, upload your pictures using the OctoberCMS Media manager into the folders you created earlier.

Here is a walk-through of the process:

Underneath your "root" folders, create sub-folders for each "gallery":

And upload the images there.

Go to your November Gallery Settings and select your "root" image folder:

You can also set separate root folders on the "Video Gallery" and the "Blog Integration" tabs.

You can then select your uploaded galleries from the component inspector (folders will be preceded with a "/"):

No Comments
Back to top