WordPress Media Library and Management

Body

This guide will show you how to easily upload files, keep them organized, and add them to your pages in WordPress.

Manage all your uploaded content—including images, audio, video, and other files  - by clicking the Media link in the WordPress dashboard sidebar. 

Media Management Training Video

WordPress Accepted File Types

WordPress Media Support

 

Uploading Media to Your Media Library

  1. Resize the image before uploading to WordPress. Try to keep under 200 kb per image.

  2. Go to Media > Add Media File from the dashboard’s left-hand sidebar.

  3. You can either drag files directly into the dashed box or click Select Files to browse your computer to upload.

    1. Look at the bottom of the upload box. It will say "Maximum upload file size: [X] MB." If your file is bigger than this, it will fail.

  4. Click the edit link next to the image you uploaded.

  5. Edit the following image fields:

    1. Alt Text: Describes the image for screen readers and Google.

    2. Title: Change the default IMG_#### name to a meaningful name.

When to Use Which Image Block

  • Image Block: For standard, single images where you need control over size, alignment, alt text, linking, cropping, or filters.

  • Slideshow Block: To create a carousel or slideshow that lets users cycle through multiple images in a compact space. 

  • Media & Text Block: When you want to pair an image (or video) with a block of text, placing them side-by-side with options for different layouts.

Ways to Add Images to Your Pages

Add an Image Block

For simple, standalone images; offers resizing, linking, cropping, and filters.

  1. Add the image to your Media Library.

  2. To add an image, you can use either the visual menu or a quick keyboard shortcut:

    • The [+] Icon: Click the blue button in the top-left or the black button between paragraphs, then search for "Image."

    • The Slash Shortcut: On a new line, type /image and hit Enter to instantly insert the block.

  3. Once the block appears, choose media library button.

  4. Click the image to select it and click the blue select button on the bottom right.

    1. You can also edit the image appearance, change the Alt Text and Title of the image

    2. Ensure the image has a meaningful Alt Text and Title.

  5. Once your image is visible, use the Block Toolbar (directly above the image) and the Settings Sidebar (on the right) to fine-tune it.

Adding the Image to a Block

There are several ways you can add an image to an existing block.

Media Library

Places image in its own line.

  1. Add the image to your Media Library.

  2. Go the page and open to edit.

  3. Select the block you wish to add the image to.

  4. Click the blue + icon (top-left).

  5. Select the Media tab.

  6. Then Images.

  7. Click on the image to insert into the block.

  8. Ensure the image has a meaningful Alt Text and Title.

Drag & Drop

Places image in its own line.

  1. You can select an image from your computer

  2. Then drag it into the desired block.

    1. Ensure the image has a meaningful Alt Text and Title.

Inline Image within a Paragraph Block

Places image with the text.

  1. Add the image to your Media Library. 

  2. Click inside an existing Paragraph block where you want a small image or icon to appear (e.g., next to text).      

  3. In the block's toolbar that appears, click the down arrow or the options icon (⋮) and look for the "Inline Image" option.

    1. image of the block toolbar

  4. Select an image from your Media Library or upload a new one, and adjust its size as needed from the block settings sidebar.

    1. Ensure the image has a meaningful Alt Text and Title.

Images Slider block

When you want to display multiple images in sequential order to save space.

  1. Add the image to your Media Library.

  2. Open the page or post where you want the slider to appear.

  3. Click the (+) Block Inserter icon at the top left or within the page body.

  4. Type "Slider" in the search bar.

  5. Click on the block icon for Image Slider - Publish Press to drop it onto your page.

  6. Click the add images button to open your Media Library.

  7. Click the image, make sure there is an alternate text and meaningful title given to the image, click select.

  8. Continue to click the plus button under the images and repeat step six until all the desired images are added.

  9. Next you will customize the slider settings by clicking on the block side menu properties.

Media & Text block

Use when you need an image (or video) and text to appear side-by-side or stacked, handling responsiveness well for clean layouts.

  1. Add the image to your Media Library.

  2. Open the page or post where you want the slider to appear.

  3. Click the (+) Block Inserter icon at the top left or within the page body.

  4. Type "media" in the search bar.

  5. Click on the block icon for Media & Text to drop it onto your page.

  6. Click the "Media Library" button to open your existing media, select your image, and click "Select" or "Insert".

  7. Content: Click and type to add your text content into this area. This section is not limited to text only — you can also click the + block inserter to choose any other block you’d prefer to use in this section.

 

Still Need Help?

Ask CIT! 📞 (585) 245-5588 | 📧 Email | 💬 Chat | 📝 Submit a Request and we'll be happy to assist you.

 

Details

Details

Article ID: 1726
Created
Wed 6/3/26 2:46 PM
Modified
Tue 7/14/26 2:59 PM

Related Services / Offerings

Related Services / Offerings (1)

Campus Website Support
Need help with the campus website (www.geneseo.edu)? Let us know here.