Help4.x

Media/fr: Difference between revisions

From Joomla! Documentation

Created page with "==Capture d'écran=="
 
mNo edit summary
 
(34 intermediate revisions by 2 users not shown)
Line 3: Line 3:
==Description==
==Description==


The Media Manager is a tool for managing files in the <joomlaroot>/images/ folder and other user defined local folders. Tools available include:  
<div lang="en" dir="ltr" class="mw-content-ltr">
* upload a new image (or document)
The Media Manager is a tool for managing files in the [joomlaroot]/images/ folder and other user defined local folders. Tools available include:
* delete an existing image
</div>
* rename an image
*<span lang="en" dir="ltr" class="mw-content-ltr">upload a new image (or document)</span>
* edit an image
*<span lang="en" dir="ltr" class="mw-content-ltr">delete an existing image</span>
* get an image link
*<span lang="en" dir="ltr" class="mw-content-ltr">rename an image</span>
* create a new folder.
*<span lang="en" dir="ltr" class="mw-content-ltr">edit an image</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">get an image link</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">create a new folder.</span>


==Comment y accéder ?==
==Comment y accéder ?==
Starting from the Administrator menu:
*{{rarr|Panneau d'administration,Site,Médias}}
* Select {{rarr|Content,Media}}.
{{anchor|screenshot}}
* Or Select {{rarr|Home Dashboard,Site panel,Media}}.


==Capture d'écran==
==Capture d'écran==
[[Image:Help-4x-Content-Media-Manager-screen-en.png|800px]]
:[[File:Help-4x-Media-screen-fr.png|800px|none]]


<div lang="en" dir="ltr" class="mw-content-ltr">
==Image Display Area==
==Image Display Area==
</div>


===LOCAL Panel===
===Local===
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 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.
</div> [[#quicktips|Astuces]]


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>


===Images Top Bar===
<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.
===Top Bar===
* '''Breadcrumbs.''' Select a breadcrumb item to go back in the folder hierarchy.
</div>
* '''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.
*'''<span lang="en" dir="ltr" class="mw-content-ltr">Checkbox</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Select/Deselect All Images. After selection you can deselect individual images.</span>
* '''Magnifier Icons.''' Decrease or increase the visible size of the thumbnail images.
*'''<span lang="en" dir="ltr" class="mw-content-ltr">Breadcrumbs</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Select a breadcrumb item to go back in the folder hierarchy.</span>
* '''List View or Thumbnail View Icons.''' Toggles between Thumbnail and List views - the icon changes accordingly.
*'''Rechercher'''. <span lang="en" dir="ltr" class="mw-content-ltr">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".</span>
* '''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.
*'''<span lang="en" dir="ltr" class="mw-content-ltr">Magnifier Icons</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Decrease/Increase the visible size of the thumbnail images.</span>
*'''<span lang="en" dir="ltr" class="mw-content-ltr">List View/Thumbnail View Icons</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Toggles between Thumbnail and List views - the icon changes accordingly.</span>
*'''<span lang="en" dir="ltr" class="mw-content-ltr">Information Icon</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">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.</span>


===Images Panel Actions===
===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==
<div lang="en" dir="ltr" class="mw-content-ltr">
Hover over an image and select the menu button labelled with 3 dots. 6 icons appear offering the following actions:
</div>
#'''<span lang="en" dir="ltr" class="mw-content-ltr">Preview</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Select the magnifier icon - the image is shown full size in a dialog.</span>
#'''<span lang="en" dir="ltr" class="mw-content-ltr">Edit</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Select the pencil icon to open the Media Edit window. It allows you to crop, resize or rotate the image.</span>
#'''<span lang="en" dir="ltr" class="mw-content-ltr">Download</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">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.</span>
#'''<span lang="en" dir="ltr" class="mw-content-ltr">Get a shareable link</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Select the link icon to get a link to the image that you can use for sharing. A dialog allows you to copy the link to your clipboard for pasting into an email or document.</span>
#'''<span lang="en" dir="ltr" class="mw-content-ltr">Rename</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">Select the rename icon to open a dialog that allows you to rename the image.</span>
#'''<span lang="en" dir="ltr" class="mw-content-ltr">Delete</span>'''. <span lang="en" dir="ltr" class="mw-content-ltr">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.</span>


At the top of the page you will see the toolbar shown in the [[#Screenshot|Screenshot]] above. The functions are:
==Barre d'outils==


*'''Upload:''' Opens hidden element under Thumbnail or Detail view buttons for uploading images.
<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>
*'''Transférer'''. <span lang="en" dir="ltr" class="mw-content-ltr">Opens window for uploading images.</span>
*'''Nouveau dossier'''. <span lang="en" dir="ltr" class="mw-content-ltr">Opens a dialog to prompt for a new folder name. The new folder is created in the currently selected folder.</span>
*'''Supprimer'''. <span lang="en" dir="ltr" class="mw-content-ltr">Deletes the selected images.</span>
*'''Paramètres'''. <span lang="en" dir="ltr" class="mw-content-ltr">Opens [[Help4.x:Media:_Options/en|Media Options]].</span>
*'''Aide'''. <span lang="en" dir="ltr" class="mw-content-ltr">Opens this help screen.</span>


*'''Create New Folder:''' Opens a modal dialog to prompt for a new folder name. The new folder is created in the currently selected folder.
==Astuces==
{{anchor|quicktips}}
*<span lang="en" dir="ltr" class="mw-content-ltr">If you wish to keep images and documents in separate local folders:</span>
*#<span lang="en" dir="ltr" class="mw-content-ltr">create a folder in the root of your site, say '''files'''</span>
*#<span lang="en" dir="ltr" class="mw-content-ltr">go to the [[J4.x:Media:_Options/en|Filesystem - Local]] plugin and add '''files''' under '''Select directories'''.</span>
*#<span lang="en" dir="ltr" class="mw-content-ltr">Back in the Media component you will see ''images'' and ''files'' as separate items in the Local panel.</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">The Media's maximum upload size can be changed to an amount other than "10&#8239;MB" in the [[Help4.x:Media:_Options/en|Media Options]].</span>
*<span lang="en" dir="ltr" class="mw-content-ltr">You can upload or delete multiple files at the same time.</span>


*'''Delete:''' Deletes the selected images. Works with one or multiple images selected.
==Informations connexes==
*<span lang="en" dir="ltr" class="mw-content-ltr">Tutorial: [[J4.x:Managing_Media/en|Managing Media]].</span>
*[[Help4.x:Home_Dashboard/fr|Panneau d'administration]]: <span lang="en" dir="ltr" class="mw-content-ltr">Access to many default Joomla functions.</span>
*Ce [[Portal:Joomla_4/fr|portail]] rassemble des informations liées spécifiquement à Joomla 4.


*'''Help'''. Opens this help screen.
{{Cathelp|4.0,4.1,4.2|Media Manager Help Screens|Content Help Screens}}
 
*'''Options.''' Opens the Options window where settings such as default parameters can be edited.
 
==Quick Tips==
* The Media Manager's maximum upload size can be changed to an amount other than 10M in the [[Help40:Media:_Options/en|Media Manager Options]].
* You can upload multiple files at the same time. Select more than one file, click on 'Start Upload' to upload all images selected.
 
==Related information==
* [[Help40:Site_Control_Panel/en|Control Panel]]
* [[Help40:Media:_Options/en|Media Manager Options]]
 
{{Cathelp|4.0|Media Manager Help Screens|Content Help Screens}}

Latest revision as of 05:29, 19 September 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 ?

  • Panneau d'administration  Site  Médias

Capture d'écran

Image Display Area

Local

This area shows the structure of the local folders of your site, by default the images folder.

Astuces

The currently selected folder is also shown in the Breadcrumbs above the image display area.

Top Bar

  • Checkbox. Select/Deselect All Images. After selection you can deselect individual images.
  • Breadcrumbs. Select a breadcrumb item to go back in the folder hierarchy.
  • Rechercher. 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".
  • Magnifier Icons. Decrease/Increase the visible size of the thumbnail images.
  • List View/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.

Actions

Hover over an image and select the menu button labelled with 3 dots. 6 icons appear offering the following actions:

  1. Preview. Select the magnifier icon - the image is shown full size in a dialog.
  2. Edit. Select the pencil icon to open the Media Edit window. It allows you to crop, resize or rotate the image.
  3. Download. 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.
  4. Get a shareable link. Select the link icon to get a link to the image that you can use for sharing. A dialog allows you to copy the link to your clipboard for pasting into an email or document.
  5. Rename. Select the rename icon to open a dialog that allows you to rename the image.
  6. Delete. 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.

Barre d'outils

At the top of the page you will see the toolbar shown in the Screenshot above.

  • Transférer. Opens window for uploading images.
  • Nouveau dossier. Opens a dialog to prompt for a new folder name. The new folder is created in the currently selected folder.
  • Supprimer. Deletes the selected images.
  • Paramètres. Opens Media Options.
  • Aide. Opens this help screen.

Astuces

  • If you wish to keep images and documents in separate local folders:
    1. create a folder in the root of your site, say files
    2. go to the Filesystem - Local plugin and add files under Select directories.
    3. Back in the Media component you will see images and files as separate items in the Local panel.
  • The Media's maximum upload size can be changed to an amount other than "10 MB" in the Media Options.
  • You can upload or delete multiple files at the same time.

Informations connexes