Media/fr: Difference between revisions
From Joomla! Documentation
Created page with "==Capture d'écran==" |
Updating to match new version of source page |
||
Line 3: | Line 3: | ||
==Description== | ==Description== | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
The Media Manager is a tool for managing files in the <joomlaroot>/images/ folder and other user defined local folders. Tools available include: | The Media Manager is a tool for managing files in the <joomlaroot>/images/ folder and other user defined local folders. Tools available include: | ||
* upload a new image (or document) | * upload a new image (or document) | ||
Line 10: | Line 11: | ||
* get an image link | * get an image link | ||
* create a new folder. | * create a new folder. | ||
</div> | |||
==Comment y accéder ?== | ==Comment y accéder ?== | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Starting from the Administrator menu: | Starting from the Administrator menu: | ||
* Select {{rarr|Content,Media}}. | * Select {{rarr|Content,Media}}. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
* Or Select {{rarr|Home Dashboard,Site panel,Media}}. | * Or Select {{rarr|Home Dashboard,Site panel,Media}}. | ||
</div> | |||
{{anchor|screenshot}} | |||
==Capture d'écran== | ==Capture d'écran== | ||
[[Image:Help-4x-Content-Media-Manager-screen-en.png|800px]] | [[Image:Help-4x-Content-Media-Manager-screen-<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
en | |||
</div>.png|800px]] | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Image Display Area== | ==Image Display Area== | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
===LOCAL Panel=== | ===LOCAL Panel=== | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
This area shows the structure of the local folders of your site, by default the '''images''' folder. If you wish to keep images and documents in separate local folders: first create a folder in the root of your site, say '''files''', then go to the '''Filesystem - Local''' plugin and add '''files''' under '''Select directories'''. Back in the Media component you will see ''images'' and ''files'' as separate items in the Local panel. | This area shows the structure of the local folders of your site, by default the '''images''' folder. If you wish to keep images and documents in separate local folders: first create a folder in the root of your site, say '''files''', then go to the '''Filesystem - Local''' plugin and add '''files''' under '''Select directories'''. Back in the Media component you will see ''images'' and ''files'' as separate items in the Local panel. | ||
</div> | |||
The currently selected folder is also shown in the '''Breadcrumbs''' above the image display area. | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
The currently selected folder is also shown in the '''Breadcrumbs''' above the image display area. | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
===Images Top Bar=== | ===Images Top Bar=== | ||
* '''Checkbox.''' Select or Deselect All Images. After selection you can deselect individual images. You might want to do this to delete a set of images that are no longer used. | </div> | ||
* '''Breadcrumbs.''' Select a breadcrumb item to go back in the folder hierarchy. | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
* '''Checkbox.''' Select or Deselect All Images. After selection you can deselect individual images. You might want to do this to delete a set of images that are no longer used. | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
* '''Breadcrumbs.''' Select a breadcrumb item to go back in the folder hierarchy. | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
* '''Search.''' If you have a very large number of images in a folder you can type some part of an image name in the search box. The filter works progressively - for example, entering the letter k in the search box will instantly reduce the displayed images to those containing a letter k - the two koala images seen in the screenshot. | * '''Search.''' If you have a very large number of images in a folder you can type some part of an image name in the search box. The filter works progressively - for example, entering the letter k in the search box will instantly reduce the displayed images to those containing a letter k - the two koala images seen in the screenshot. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
* '''Magnifier Icons.''' Decrease or increase the visible size of the thumbnail images. | * '''Magnifier Icons.''' Decrease or increase the visible size of the thumbnail images. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
* '''List View or Thumbnail View Icons.''' Toggles between Thumbnail and List views - the icon changes accordingly. | * '''List View or Thumbnail View Icons.''' Toggles between Thumbnail and List views - the icon changes accordingly. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
* '''Information Icon.''' Displays information on whatever is selected. If an image is selected it will show the file name, folder path, size and various other properties. Select to open or close the Information panel. | * '''Information Icon.''' Displays information on whatever is selected. If an image is selected it will show the file name, folder path, size and various other properties. Select to open or close the Information panel. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
===Images Panel Actions=== | ===Images Panel Actions=== | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Hover over an image and select the menu button labelled with three dots. Six icons appear offering the following actions: | Hover over an image and select the menu button labelled with three dots. Six icons appear offering the following actions: | ||
*'''Enlarge Image''' Select the magnifier icon - the image is shown full size in a modal dialog. | *'''Enlarge Image''' Select the magnifier icon - the image is shown full size in a modal dialog. | ||
*'''Edit Image''' Select the pencil icon to open the Media Edit window. It allows you to crop, resize or rotate the image. | *'''Edit Image''' Select the pencil icon to open the Media Edit window. It allows you to crop, resize or rotate the image. | ||
[[Image:Help-4x-Content-Media-Manager-Edit-screen-en.png|600px]] | </div> | ||
[[Image:Help-4x-Content-Media-Manager-Edit-screen-<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
en | |||
</div>.png|600px]] | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
*'''Download Image''' Select the download icon - your computer will respond by asking you what you want to do with the download. Or it may just save it or open it in an image display application. | *'''Download Image''' Select the download icon - your computer will respond by asking you what you want to do with the download. Or it may just save it or open it in an image display application. | ||
*'''Get a Link''' Select the link icon to get a link to the image that you can use for sharing. A modal dialog allows you to copy the link to your clipboard for pasting into an email or document. | *'''Get a Link''' Select the link icon to get a link to the image that you can use for sharing. A modal dialog allows you to copy the link to your clipboard for pasting into an email or document. | ||
*'''Rename Image''' Select the rename icon to open a modal dialog that allows you to rename the image. | *'''Rename Image''' Select the rename icon to open a modal dialog that allows you to rename the image. | ||
*'''Delete Image''' Select the waste bin icon to delete the image. You will be prompted to confirm. Once deleted it is gone forever! May be used also to delete a folder. | *'''Delete Image''' Select the waste bin icon to delete the image. You will be prompted to confirm. Once deleted it is gone forever! May be used also to delete a folder. | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Toolbar== | ==Toolbar== | ||
</div> | |||
At the top of the page you will see the toolbar shown in the [[# | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
At the top of the page you will see the toolbar shown in the [[#screenshot|Screenshot]] above. | |||
</div> | |||
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Upload/<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
en | |||
</div>|<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
images | |||
</div>}} | |||
{{safesubst:Chunk4x:Help_screen_toolbar_icon_CreateFolder/<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
en | |||
</div>|<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
folders | |||
</div>}} | |||
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Delete/<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
en | |||
</div>|<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
images | |||
</div>}} | |||
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Help/<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
en | |||
</div>}} | |||
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Options/<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
en | |||
</div>}} | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Quick Tips== | ==Quick Tips== | ||
* The Media | </div> | ||
* You can upload multiple files at the same time. | *<span lang="en" dir="ltr" class="mw-content-ltr">The Media's maximum upload size can be changed to an amount other than "10 MB" in the [[S:MyLanguage/Help4.x:Media:_Options{{#translation:}}|Media Options]].</span> | ||
*<span lang="en" dir="ltr" class="mw-content-ltr">You can upload multiple files at the same time.</span> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Related information== | ==Related information== | ||
* [[ | </div> | ||
* [[ | *<span lang="en" dir="ltr" class="mw-content-ltr">Related Help screen: [[S:MyLanguage/Help4.x:Media:_Options{{#translation:}}|Media Options]].</span> | ||
*<span lang="en" dir="ltr" class="mw-content-ltr">Tutorial: [[S:MyLanguage/J4.x:Managing_Media{{#translation:}}|Managing Media]].</span> | |||
*<span lang="en" dir="ltr" class="mw-content-ltr">[[S:MyLanguage/Help4.x:Site_Control_Panel{{#translation:}}|Home Dashboard]]</span>: <span lang="en" dir="ltr" class="mw-content-ltr">Access to many default Joomla functions.</span> | |||
{{Cathelp|4.0|Media Manager Help Screens|Content Help Screens}} | {{Cathelp|4.0,4.1,4.2|Media Manager Help Screens|Content Help Screens}} |
Revision as of 07:07, 29 August 2022
Description
The Media Manager is a tool for managing files in the <joomlaroot>/images/ folder and other user defined local folders. Tools available include:
- upload a new image (or document)
- delete an existing image
- rename an image
- edit an image
- get an image link
- create a new folder.
Comment y accéder ?
Starting from the Administrator menu:
- Select Content → Media.
- Or Select Home Dashboard → Site panel → Media.
Capture d'écran
[[Image:Help-4x-Content-Media-Manager-screen-
en
.png|800px]]
Image Display Area
LOCAL Panel
This area shows the structure of the local folders of your site, by default the images folder. If you wish to keep images and documents in separate local folders: first create a folder in the root of your site, say files, then go to the Filesystem - Local plugin and add files under Select directories. Back in the Media component you will see images and files as separate items in the Local panel.
The currently selected folder is also shown in the Breadcrumbs above the image display area.
Images Top Bar
- Checkbox. Select or Deselect All Images. After selection you can deselect individual images. You might want to do this to delete a set of images that are no longer used.
- Breadcrumbs. Select a breadcrumb item to go back in the folder hierarchy.
- Search. If you have a very large number of images in a folder you can type some part of an image name in the search box. The filter works progressively - for example, entering the letter k in the search box will instantly reduce the displayed images to those containing a letter k - the two koala images seen in the screenshot.
- Magnifier Icons. Decrease or increase the visible size of the thumbnail images.
- List View or Thumbnail View Icons. Toggles between Thumbnail and List views - the icon changes accordingly.
- Information Icon. Displays information on whatever is selected. If an image is selected it will show the file name, folder path, size and various other properties. Select to open or close the Information panel.
Images Panel Actions
Hover over an image and select the menu button labelled with three dots. Six icons appear offering the following actions:
- Enlarge Image Select the magnifier icon - the image is shown full size in a modal dialog.
- Edit Image Select the pencil icon to open the Media Edit window. It allows you to crop, resize or rotate the image.
[[Image:Help-4x-Content-Media-Manager-Edit-screen-
en
.png|600px]]
- Download Image Select the download icon - your computer will respond by asking you what you want to do with the download. Or it may just save it or open it in an image display application.
- Get a Link Select the link icon to get a link to the image that you can use for sharing. A modal dialog allows you to copy the link to your clipboard for pasting into an email or document.
- Rename Image Select the rename icon to open a modal dialog that allows you to rename the image.
- Delete Image Select the waste bin icon to delete the image. You will be prompted to confirm. Once deleted it is gone forever! May be used also to delete a folder.
Toolbar
At the top of the page you will see the toolbar shown in the Screenshot above.
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Upload/
en
|
images
}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_CreateFolder/
en
|
folders
}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_Delete/
en
|
images
}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_Help/
en
}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_Options/
en
}}
Quick Tips
- The Media's maximum upload size can be changed to an amount other than "10 MB" in the Media Options.
- You can upload multiple files at the same time.
Related information
- Related Help screen: Media Options.
- Tutorial: Managing Media.
- Home Dashboard: Access to many default Joomla functions.