1. Navigate to https://skinners.org.uk/wp-admin/media-new.php
2. Click “Select Files”
3. Upload the image you need.
4. If you could like to add your image to a background section, “Copy URL to clipboard” and follow the instructions to add a background.
5. Click “Edit” if you would like to adjust scale or crop the image.
6. The “Alternative Text” field is important for users with accessibility issues.
7. Add a short overview of the image.
8. Click “Scale” to adjust the size of your image. This step is important because if the image is too large, it can increase the load time of the site.
9. Full-screen images typically have a width of 1920px, so the maximum width for uploading should be around 2000px. However, the appropriate size depends on the type of image you’re uploading. For example, if it’s a small column image, you can reduce the width to suit its placement.
10. Click “Scale” to confirm your sizing. The dimensions are locked, so adjusting the width will automatically scale the height to maintain the correct aspect ratio.
11. Click “Copy URL to clipboard” if you’d like to add this image to a background or external source.
12. Click “Crop” to refine your image and adjust its dimensions to fit your specific requirements. This helps ensure the image looks just right within the design.
13. Click “Save Edits” to ensure your changes are applied and reflected on the website.