diff --git a/content/en/docs/user-documentation/media/_index.md b/content/en/docs/user-documentation/media/_index.md index fcb3590d8..9f785eddc 100644 --- a/content/en/docs/user-documentation/media/_index.md +++ b/content/en/docs/user-documentation/media/_index.md @@ -5,29 +5,39 @@ description: > The media library stores images and files, allowing you to have custom cropping, focal pointing, folders and image styles. --- -Here is a full list of tutorials on the topic. +## Video tutorials -## YMCA Website Services 2.4 and later +Learn more about media management in the distribution. Some of these videos use older versions of the distribution. -### Using the new Media Directories Feature +- [Using Media Directories](https://www.youtube.com/watch?v=gcaBlhyPZEY) +- [Embedding Images onto a Web Page](https://www.youtube.com/watch?v=xogdtPEYxgg) +- [Tagging your images](https://www.youtube.com/watch?v=mr6HA7KvXK0) +- [Replacing Images](https://www.youtube.com/watch?v=5xWzAwww740) +- [Using the Media Folder](https://www.youtube.com/watch?v=4IC2h1hASF4) +- [Embedding Videos in the WYSIWYG](https://www.youtube.com/watch?v=nC414txq3F8) +- [Embedding Documents on a Web Page](https://www.youtube.com/watch?v=5w-_bpHtTLI) -{{< youtube gcaBlhyPZEY >}} +## Bulk upload -## YMCA Website Services 2.3.5 and earlier +Your YMCA website has the ability to upload media (images, documents, videos) in bulk (since [9.2.12 - December 2022](https://github.com/YCloudYUSA/yusaopeny/releases/tag/9.2.12)). -### Images Tutorials +You can batch/bulk upload from **Admin** > **Content** > **Media** (`/admin/content/media`) or **Media Browser** (`/admin/content/browser`). After uploading media, it will be available from the Media list and browser in any component on your site. -* [Embedding Images onto a Web Page ⇒](https://www.youtube.com/watch?v=xogdtPEYxgg) -* [Tagging your images ⇒](https://www.youtube.com/watch?v=mr6HA7KvXK0) -* [Replacing Images ⇒](https://www.youtube.com/watch?v=5xWzAwww740) -* [Using the Media Folder ⇒](https://www.youtube.com/watch?v=4IC2h1hASF4) +#### From the Media list -### Embedding Videos in the WYSIWYG -{{< youtube nC414txq3F8 >}} +![The "Upload media in bulk" button](media--bulk-upload.png) -### Embedding Documents on a Web Page -{{< youtube 5w-_bpHtTLI >}} +- Go to **Admin** > **Content** > **Media** (`/admin/content/media`) +- Click **Upload media in bulk** +- Choose your media type +- Drag or choose the media to upload +- Fill in the required fields in the resulting form. -### Bulk upload -To use bulk media upload please install **Media Library Bulk Upload** module at **Manage** > **Extend** admin menu screen. Then please navigate to `/admin/config/media/media-library-bulk-upload-config` and select Media entities that should support Bulk upload. -After that you will be able to upload multiple files via Media Browser (`/admin/content/browser`) +#### From the Media browser + +![The media browser upload dialog with an arrow point to the "Upload files" button and the description "Drop multiple files on this button"](media--bulk-upload-browser.png) + +- **Admin** > **Content** > **Media Browser** (`/admin/content/browser`) +- Click **Add media** +- Choose your media type in the sidebar, then use the **Choose Files** button to choose or drop files. +- Fill in the required fields in the resulting form. diff --git a/content/en/docs/user-documentation/media/media--bulk-upload-browser.png b/content/en/docs/user-documentation/media/media--bulk-upload-browser.png new file mode 100644 index 000000000..7e3116e9f Binary files /dev/null and b/content/en/docs/user-documentation/media/media--bulk-upload-browser.png differ diff --git a/content/en/docs/user-documentation/media/media--bulk-upload.png b/content/en/docs/user-documentation/media/media--bulk-upload.png new file mode 100644 index 000000000..c8e3a6bb6 Binary files /dev/null and b/content/en/docs/user-documentation/media/media--bulk-upload.png differ