Help4.x

Media/fr: Difference between revisions

From Joomla! Documentation

Created page with "==Capture d'écran=="
 
FuzzyBot (talk | contribs)
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 [[#Screenshot|Screenshot]] above. The functions are:
<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.
*'''Upload:''' Opens hidden element under Thumbnail or Detail view buttons for uploading images.
</div>
 
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Upload/<div lang="en" dir="ltr" class="mw-content-ltr">
*'''Create New Folder:''' Opens a modal dialog to prompt for a new folder name. The new folder is created in the currently selected folder.
en
 
</div>|<div lang="en" dir="ltr" class="mw-content-ltr">
*'''Delete:''' Deletes the selected images. Works with one or multiple images selected.
images
 
</div>}}
*'''Help'''. Opens this help screen.
{{safesubst:Chunk4x:Help_screen_toolbar_icon_CreateFolder/<div lang="en" dir="ltr" class="mw-content-ltr">
 
en
*'''Options.''' Opens the Options window where settings such as default parameters can be edited.
</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 Manager's maximum upload size can be changed to an amount other than 10M in the [[Help40:Media:_Options/en|Media Manager Options]].
</div>
* You can upload multiple files at the same time. Select more than one file, click on 'Start Upload' to upload all images selected.
*<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 [[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==
* [[Help40:Site_Control_Panel/en|Control Panel]]
</div>
* [[Help40:Media:_Options/en|Media Manager Options]]
*<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