CMS Media Library
The CMS Media Library manages all media files used in your content - images, documents, videos, and more.
Overview
Upload, organize, and manage media files that can be used across all content types. The library provides a central repository for all CMS assets.
Page Layout
- Upload button - Add new files
- Create Folder - Organize files
- Search - Find files
- Filter - Filter by type, date
- View Toggle - Grid or list view
- Files Display - Show uploaded files
Supported File Types
| Category | Extensions |
|---|---|
| Images | jpg, png, gif, webp, svg |
| Documents | pdf, doc, docx, xls, xlsx |
| Videos | mp4, webm, mov |
| Audio | mp3, wav, ogg |
Common Tasks
Uploading Files
- Click Upload
- Select files from computer
- Or drag and drop files
- Wait for upload to complete
- Files appear in library
Creating Folders
- Click Create Folder
- Enter folder name
- Click Create
- Move files into folder
Using Media in Content
- Open content entry
- Click media field
- Select from library or upload new
- Insert into content
Editing File Details
- Click on file
- View/edit metadata:
- Name
- Alt text (for images)
- Caption
- Save changes
Replacing Files
- Click on file
- Click Replace
- Upload new file
- Original links update automatically
Deleting Files
- Select file(s)
- Click Delete
- Confirm deletion
Warning: Deleting files removes them from all content using them.
File Information
For each file, you can see:
- Filename
- Type
- Size
- Dimensions (for images)
- Upload date
- Used in (linked content)
Organization Tips
Folder Structure
Media Library/
├── Images/
│ ├── Blog/
│ ├── Products/
│ └── Team/
├── Documents/
│ ├── Downloads/
│ └── Policies/
└── Videos/Naming Convention
- Use descriptive names
- Include dates if relevant
- Avoid spaces (use hyphens)
- Example:
product-hero-image-2024.jpg
Image Best Practices
- Web Format - Use jpg for photos, png for graphics
- Optimize Size - Compress before upload
- Alt Text - Always add for accessibility
- Consistent Dimensions - Maintain aspect ratios
Tips
- Organize Early - Create folders before uploading
- Alt Text - Add to all images
- Check Usage - See where files are used
- Clean Up - Remove unused files periodically
- Backup - Keep copies of important files
Related Pages
- Content Manager - Use media in content
- Content Type Builder - Add media fields
💡 Note: Well-organized media makes content creation faster and more efficient.
