Sources: video-subtitle-pipeline artifacts/beginner-wordpress-user/ - subtitles/: en, zh, bilingual SRT/ASS (100 files) - platform/: youtube SRT + bilibili BCC per video (75 files) - manifests/: per-video manifest.json (25 files) - quality/: quality reports (50 files)
267 lines
6.8 KiB
Text
267 lines
6.8 KiB
Text
1
|
|
00:00:00,000 --> 00:00:04,200
|
|
In this lesson, we will delve deeper into the media library.
|
|
|
|
2
|
|
00:00:04,200 --> 00:00:09,765
|
|
We will learn to navigate and manage the media library, add old text,
|
|
|
|
3
|
|
00:00:09,765 --> 00:00:12,800
|
|
and also understand the importance of optimizing images.
|
|
|
|
4
|
|
00:00:12,800 --> 00:00:19,500
|
|
Media consists of the images, video recordings, and files that you upload and use in your site.
|
|
|
|
5
|
|
00:00:19,500 --> 00:00:25,100
|
|
And of course, media is inserted into pages and posts.
|
|
|
|
6
|
|
00:00:25,300 --> 00:00:30,783
|
|
I also think you'll agree, media plays a crucial role
|
|
|
|
7
|
|
00:00:30,783 --> 00:00:34,700
|
|
in enhancing the overall experience and effectiveness of a website.
|
|
|
|
8
|
|
00:00:34,700 --> 00:00:44,431
|
|
You can add various types of media to your library, from photos, screenshots, audio, PDF documents, spreadsheets, PowerPoint presentations,
|
|
|
|
9
|
|
00:00:44,431 --> 00:00:45,900
|
|
and more.
|
|
|
|
10
|
|
00:00:45,900 --> 00:00:51,100
|
|
When you open your media library, it will open to the default grid view.
|
|
|
|
11
|
|
00:00:51,200 --> 00:00:58,000
|
|
And in the grid view thumbnails of images, audio icons, etc. are all arranged in grid structure.
|
|
|
|
12
|
|
00:00:58,000 --> 00:01:03,000
|
|
And here you are able to filter through your media to find what you are looking for.
|
|
|
|
13
|
|
00:01:03,000 --> 00:01:11,100
|
|
At the top, next to the grid view icon, you can filter your media by media type and date.
|
|
|
|
14
|
|
00:01:11,100 --> 00:01:16,421
|
|
The all media items dropdown allows you to select by the types of media,
|
|
|
|
15
|
|
00:01:16,421 --> 00:01:21,500
|
|
such as images, audio, video, documents, and even spreadsheets.
|
|
|
|
16
|
|
00:01:21,500 --> 00:01:26,800
|
|
You can also view any media that is unattached to any posts or pages.
|
|
|
|
17
|
|
00:01:26,800 --> 00:01:29,600
|
|
And this means the media is in your media library,
|
|
|
|
18
|
|
00:01:29,600 --> 00:01:32,800
|
|
but you haven't used it anywhere on your site.
|
|
|
|
19
|
|
00:01:32,900 --> 00:01:48,000
|
|
Let's use the filtering option, for example, to only see audio files, or documents, like a PDF, or even spreadsheets.
|
|
|
|
20
|
|
00:01:48,000 --> 00:01:53,841
|
|
And then of course, you can just go back to seeing all media items.
|
|
|
|
21
|
|
00:01:53,841 --> 00:02:00,100
|
|
Next, the all dates dropdown allows you to view images based on their upload dates.
|
|
|
|
22
|
|
00:02:00,100 --> 00:02:03,700
|
|
You can quickly find media you have uploaded in a specific month,
|
|
|
|
23
|
|
00:02:03,700 --> 00:02:06,300
|
|
or you may choose to view all.
|
|
|
|
24
|
|
00:02:06,300 --> 00:02:13,600
|
|
When you click on bulk select, you can delete media simultaneously.
|
|
|
|
25
|
|
00:02:13,600 --> 00:02:18,160
|
|
You can also search for media using the search block top right,
|
|
|
|
26
|
|
00:02:18,160 --> 00:02:22,000
|
|
by for example, using words from the description or file name.
|
|
|
|
27
|
|
00:02:22,000 --> 00:02:26,644
|
|
In this case, I would like to see all my shoe related images,
|
|
|
|
28
|
|
00:02:26,644 --> 00:02:29,600
|
|
all done with a simple search.
|
|
|
|
29
|
|
00:02:29,600 --> 00:02:32,900
|
|
You can also view your media in list view.
|
|
|
|
30
|
|
00:02:32,900 --> 00:02:38,546
|
|
In list view, all your media will be listed below each other, as the name implies,
|
|
|
|
31
|
|
00:02:38,546 --> 00:02:45,200
|
|
and you will also be able to see the file name and what type of file it is, for example, a PDF or JPEG.
|
|
|
|
32
|
|
00:02:45,200 --> 00:02:51,000
|
|
To add media to your library, click on add new media file in the sidebar or at the top.
|
|
|
|
33
|
|
00:02:51,000 --> 00:02:56,303
|
|
Once selected, you will be able to drag and drop single or multiple files into the page,
|
|
|
|
34
|
|
00:02:56,303 --> 00:02:59,300
|
|
or use the select files option.
|
|
|
|
35
|
|
00:03:00,100 --> 00:03:06,888
|
|
When you add media to a page or a post using the image block or the gallery block for example,
|
|
|
|
36
|
|
00:03:06,888 --> 00:03:12,706
|
|
you will be able to upload images directly from your computer into your postal page and media library,
|
|
|
|
37
|
|
00:03:12,706 --> 00:03:16,100
|
|
or directly from your media library.
|
|
|
|
38
|
|
00:03:16,100 --> 00:03:23,466
|
|
When it comes to larger videos, it's better to embed them via the YouTube block or the video block,
|
|
|
|
39
|
|
00:03:23,466 --> 00:03:28,300
|
|
as it will save space in your media library and for better performance.
|
|
|
|
40
|
|
00:03:30,300 --> 00:03:39,300
|
|
When you open an image, you will be able to add attributes such as alternative text, the title, a caption and a description.
|
|
|
|
41
|
|
00:03:39,300 --> 00:03:43,300
|
|
It is important to always add alt text to an image.
|
|
|
|
42
|
|
00:03:43,300 --> 00:03:48,683
|
|
The alt text is a concise description of an image for users who can't view the image,
|
|
|
|
43
|
|
00:03:48,683 --> 00:03:54,300
|
|
and it's also good for your site's SEO or your site's search engine optimization.
|
|
|
|
44
|
|
00:03:54,300 --> 00:03:58,124
|
|
Adding a description also enhances SEO
|
|
|
|
45
|
|
00:03:58,124 --> 00:04:04,300
|
|
and allows for better organization and understanding of the image's purpose or content.
|
|
|
|
46
|
|
00:04:04,300 --> 00:04:08,247
|
|
When you click on edit image,
|
|
|
|
47
|
|
00:04:08,247 --> 00:04:16,142
|
|
you will be able to crop the image, as well as scaling it or resizing it
|
|
|
|
48
|
|
00:04:16,142 --> 00:04:19,300
|
|
for image optimization.
|
|
|
|
49
|
|
00:04:19,300 --> 00:04:25,300
|
|
The dimensions update automatically once you change the height or the width.
|
|
|
|
50
|
|
00:04:25,300 --> 00:04:29,945
|
|
And don't be concerned, when you select restore original image,
|
|
|
|
51
|
|
00:04:29,945 --> 00:04:34,300
|
|
you can restore the image to its original format.
|
|
|
|
52
|
|
00:04:34,300 --> 00:04:41,300
|
|
You also have the option to rotate or to flip the image.
|
|
|
|
53
|
|
00:04:42,300 --> 00:04:49,300
|
|
To end off, let's briefly talk about image optimization.
|
|
|
|
54
|
|
00:04:49,300 --> 00:04:55,300
|
|
It is advised to optimize images before uploading them to your media library.
|
|
|
|
55
|
|
00:04:55,300 --> 00:04:59,300
|
|
To improve page load speed and save service space.
|
|
|
|
56
|
|
00:04:59,300 --> 00:05:03,300
|
|
You can use web-based tools to achieve this.
|
|
|
|
57
|
|
00:05:03,300 --> 00:05:14,300
|
|
For example, sites like TinyPNG, BulkarySize or Squish.app to only name a few.
|
|
|
|
58
|
|
00:05:14,300 --> 00:05:21,300
|
|
Remember to save images with a descriptive and relevant filename before adding it to your media library.
|
|
|
|
59
|
|
00:05:21,300 --> 00:05:26,300
|
|
It helps search engines understand the content of the image, contributing to better SEO.
|
|
|
|
60
|
|
00:05:26,300 --> 00:05:32,300
|
|
Search engines may use filenames as a factor when indexing and ranking content.
|
|
|
|
61
|
|
00:05:32,300 --> 00:05:37,300
|
|
Another option is to use an image optimization plugin.
|
|
|
|
62
|
|
00:05:37,300 --> 00:05:45,300
|
|
There are various image optimization plugins available to choose from when you search the plugins directory.
|
|
|
|
63
|
|
00:05:45,300 --> 00:05:48,138
|
|
When you find a plugin that suits your needs,
|
|
|
|
64
|
|
00:05:48,138 --> 00:05:52,300
|
|
you can install and activate and follow the necessary steps.
|
|
|
|
65
|
|
00:05:52,300 --> 00:05:57,083
|
|
Both of these methods, using a web-based tool or plugin,
|
|
|
|
66
|
|
00:05:57,083 --> 00:06:02,300
|
|
improve overall performance by compressing images without compromising visual quality.
|
|
|
|
67
|
|
00:06:02,300 --> 00:06:08,300
|
|
All the best as you use the media library to elevate your site to the next level.
|