Basic WordPress Training: Creating galleries of images
Let’s take a look at how to add multiple photos to a page or post and show them in a gallery (neatly formatted and displayed).
[ezcol_1quarter]Adding a gallery to a post or page
Click the ‘Add Media’ button within the post or page editor.
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
[ezcol_1quarter]
Click on ‘Create Gallery’.
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
[ezcol_1quarter]
Now you can either upload the images from your computer by dragging and dropping them into the media uploader or select them from your media library (as you would when you insert media normally). As you click on them they get a checkbox; that lets you know which photos you’ve selected to be in your gallery.
Once you’re happy with your selection, click ‘Create Gallery’.
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
[ezcol_1quarter]
You’ll then be taken to a new screen. Here you can drag the images into a preferred order, add captions, remove individual images (by clicking on the x that appears when you hover over them).
Over to the right you’ll see Gallery Settings; here you can choose where you’d like the images to be linked to (‘Attachment Page’ will open the image in a new window when it is clicked on, ‘Media File’ will open the image in a nifty little pop-up box – this would be my preference), how many columns you’d like the images to appear in and whether you’d like the images to appear in a random order.
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
[ezcol_1quarter]
To edit individual items, select the image and fill in the meta information (title, alternative text etc.).
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
[ezcol_1quarter]
Next click ‘Insert Gallery’ and you’ll see the gallery in your post.
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
[ezcol_1quarter]
You won’t actually see the live gallery in the post editor, but you can edit the gallery by clicking on it and clicking the ‘Edit’ icon in much the same way as you edit individual media files.
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
[ezcol_1quarter]
Click ‘Update’ within the post editor and navigate to the live post to see the gallery in action.
[/ezcol_1quarter]
[ezcol_3quarter_end]
[/ezcol_3quarter_end]
