Creating/Editing Photo Gallery
- Go to poolsandspasflorida.com/wp-admin and enter the username and password.
- In the left-hand navigation sidebar, click “Posts.”
- Locate the post (gallery) you would like to edit and click the post name or hover and click “Edit.” If you would like to add a new post, click the “Add New” button located at the top of the page.
- On the “Edit Post” or “Add New Post” screen, the title of the gallery is typed into the upper-most text field (known as a “block”).
- The block directly below the title should be a “Custom HTML” block. If you need to create one, click on the (+) icon and select “Custom HTML” from the “Formatting” dropdown.
- Copy and paste the following code into the Custom HTML block.
- [gallery name=”” previews=”true” ids=””]
- Type your gallery name in between the quotation marks following the “name” attribute. The “previews” attribute should remain “true”. Leave the “ids” attribute blank for the time being.
- In the righthand column, select “Document” and make sure the checkbox for “photos” within the “Categories” section is selected.
- The “URL Slug” will pick up the post title by default. If you would like to change the slug, type what you would like it to be in the “URL Slug” text field in the “Permalink” section.
- “Update” or “Publish” the post
. Now we need to select the photo ID’s to add to the “ids” attribute within the Custom HTML field from a few steps back.
- Click on “Media” in the left-hand navigation sidebar.
- If you need to add photos, you may drop a selection of files into the Media Library and they will upload automatically. Or you may select “Add New” at the top of the screen to be prompted the various upload methods.
- Once the photos are in the Media Library, select the photo you would like to include into your gallery. Once the item is selected, you will see within the URL the following line: “wp-admin/upload.php?item=…”. The number value at the very end of the URL is that selected photos ID. This ID needs to be inserted into the Custom HTML “ids” attribute.
- Once you have the photo ID(s), return to the post (gallery) page.
- You may include as many IDs as you would like within the Custom HTML “ids” attribute. Do not use spaces, and separate each ID with a comma.
- Your finished gallery should look similar to the below chunk of code, but with a different gallery name and photo IDs.
- [gallery name=”Gallery Name” previews=”true” ids=”14,15,16,17,18,19,20″]