Images upload & gallery

From Redazione
Jump to navigation Jump to search
Line 1: Line 1:
The mediawiki version (1.34) powering this platform has been enhanced in order
+
The Mediawiki version (1.34) powering this platform has been enhanced in order
 
to support the storage of images and media files at a specific path, so that each
 
to support the storage of images and media files at a specific path, so that each
 
organization can save all their images within a specific "folder" (under the main
 
organization can save all their images within a specific "folder" (under the main
page itself of the organization, or whatever subpage within it) and can easily
+
page itself of the organization, or whatever sub-page within it) and can easily
retrieve them from the visual editor media gallery, without mixing up their files
+
retrieve them from the Visual editor's Media gallery, without mixing up their files
 
with those of other organizations, and without file names conflicts or restrictions.
 
with those of other organizations, and without file names conflicts or restrictions.
  
Line 9: Line 9:
 
==Upload of multiple images through [https://www.mediawiki.org/wiki/Extension:WikiEditor WikiEditor]==
 
==Upload of multiple images through [https://www.mediawiki.org/wiki/Extension:WikiEditor WikiEditor]==
  
<html><span style="font-size: 32px;line-height: 1em;padding-right: 6px" class="BroadcastMatter">Cultura italiana</span></html> offers a forked version of [https://www.mediawiki.org/wiki/Extension:MsUpload MsUpload] in order to automatically upload multiple pictures at a given path. Open the wiki-text editor through the button "Edit" on the page menu on top, and then click the upload button shown in the picture below:
+
<html><span style="font-size: 32px;line-height: 1em;padding-right: 6px" class="BroadcastMatter">Cultura italiana</span></html> offers a forked version of [https://www.mediawiki.org/wiki/Extension:MsUpload MsUpload] in order to automatically upload multiple pictures at a given path. Open the wiki-text editor through the button "Edit" on the page menu on top, click the upload button shown in the picture below and select one or more image files.
  
[[File:Instructions for use/Upload-screenshot a.jpg|thumb|alt=|none]]
+
<br />
 +
[[File:How it works/Images upload & gallery/Upload file wiki editor select arrow.jpg|alt=|none|thumb]]
 +
 
 +
 
 +
Then click the button "upload files"  shown below to actually upload selected files
 +
[[File:How it works/Images upload & gallery/Upload file wiki editor multiple.jpg|none|thumb]]
  
and include the uploaded pictures using the interface. They will be saved under the current page path, so the pictures filenames can be created according to that, and notwithstanding they can be inserted in other pages, following the instructions below, without the need to upload them again (inasmuch they become available in the Visual editor's Media gallery).
 
  
 +
and finally include the uploaded pictures following the instructions of the interface. They will be saved under the current page path, so the pictures filenames can be created according to that, and notwithstanding they can be inserted in other pages, following the instructions below, without the need to upload them again (inasmuch as they become available in the Visual editor's Media gallery).
  
==Upload of images through VisualEditor==
+
Also note that while Visual Editor offers an intuitive and seamless way to upload, browse and replace pictures within a page, currently it can upload only one picture at a time, so the method above is currently the fastest way to upload multiple pictures in one step.
<html><span style="font-size: 32px;line-height: 1em;padding-right: 6px" class="BroadcastMatter">Cultura italiana</span></html> offers a forked version of [https://www.mediawiki.org/wiki/Extension:VisualEditor VisualEditor] in order to automatically upload pictures at a given path (typically that of the current page) or to browse among pictures contained within a given path (typically the one corresponding to an organization, including its sub-pages) and to insert them using Visual editor's Media gallery. Just follow these steps to upload a new picture or to insert an existing picture in the current page.  
+
==Upload of images through Visual Editor==
 +
<html><span style="font-size: 32px;line-height: 1em;padding-right: 6px" class="BroadcastMatter">Cultura italiana</span></html> offers a forked version of [https://www.mediawiki.org/wiki/Extension:VisualEditor Visual Editor] in order to automatically upload pictures at a given path (typically that of the current page) or to browse among pictures contained within a given path (typically the one corresponding to an organization, including its sub-pages) and to insert them using Visual editor's Media gallery. Just follow these steps to upload a new picture or to insert an existing picture in the current page.  
  
After opening Visual editor through the "Edit" button in the page menu on top, click "Insert" and then "Media" in the dropdown menu.  
+
After opening Visual editor through the "Edit" button in the page menu on top, click "Insert" and then "Media" in the dropdown menu as shown in the picture  
  
 
[[File:Instructions for use/Upload-screenshot e.jpg|thumb|alt=|none]]
 
[[File:Instructions for use/Upload-screenshot e.jpg|thumb|alt=|none]]
  
  
If you want to add a new picture then select the tab "upload" and upload the file.
+
To upload a new picture select the tab "upload" as shown in the picture and then upload the file
  
 
<br />
 
<br />
Line 30: Line 36:
 
[[File:Visual editor upload image.jpg|none|thumb]]  
 
[[File:Visual editor upload image.jpg|none|thumb]]  
  
After the upload you will be able to specify where to save that picture. Managers of Italian culture and language centers can save their pictures either under the current page, or in the main page of their organization. Administrators can save pictures also at root level ('/').   
+
After the upload you will be able to specify where to save that picture. Managers of center Italian culture and language centers can save their pictures either under the current page, or in the main page of their organization. Administrators can save pictures also at root level ('/').   
 
[[File:How it works/Images upload & gallery/Upload picture visual editor.jpg|alt=|none|thumb]]
 
[[File:How it works/Images upload & gallery/Upload picture visual editor.jpg|alt=|none|thumb]]
  
  
To insert an existing picture, in the "Search" tab of the "Media" dialog, you will immediately find all the pictures uploaded within the path of your organization (the main page, or whatever sub-page of it) and you can just browse and insert one of them. As above, regular users can only browse pictures contained in the current page path, or the path of their organization, while administrators can only search for pictures at root level.
+
To insert an existing picture, after opening the Media dialog again, you will immediately find all the pictures uploaded within the current page in the "Search" tab of the Media dialog. As above, you can browse either  the pictures uploaded in the current page path, or among all the pictures within the path of your organization (the main page, or whatever sub-page of it), just selecting the relevant path. Administrators can also search for pictures at root level.
  
 
[[File:Instructions for use/Upload-screenshot d.jpg|thumb|alt=|none]]
 
[[File:Instructions for use/Upload-screenshot d.jpg|thumb|alt=|none]]

Revision as of 19:57, 24 August 2020

The Mediawiki version (1.34) powering this platform has been enhanced in order to support the storage of images and media files at a specific path, so that each organization can save all their images within a specific "folder" (under the main page itself of the organization, or whatever sub-page within it) and can easily retrieve them from the Visual editor's Media gallery, without mixing up their files with those of other organizations, and without file names conflicts or restrictions.


Upload of multiple images through WikiEditor

Cultura italiana offers a forked version of MsUpload in order to automatically upload multiple pictures at a given path. Open the wiki-text editor through the button "Edit" on the page menu on top, click the upload button shown in the picture below and select one or more image files.



Then click the button "upload files" shown below to actually upload selected files

How it works/Images upload & gallery/Upload file wiki editor multiple.jpg


and finally include the uploaded pictures following the instructions of the interface. They will be saved under the current page path, so the pictures filenames can be created according to that, and notwithstanding they can be inserted in other pages, following the instructions below, without the need to upload them again (inasmuch as they become available in the Visual editor's Media gallery).

Also note that while Visual Editor offers an intuitive and seamless way to upload, browse and replace pictures within a page, currently it can upload only one picture at a time, so the method above is currently the fastest way to upload multiple pictures in one step.

Upload of images through Visual Editor

Cultura italiana offers a forked version of Visual Editor in order to automatically upload pictures at a given path (typically that of the current page) or to browse among pictures contained within a given path (typically the one corresponding to an organization, including its sub-pages) and to insert them using Visual editor's Media gallery. Just follow these steps to upload a new picture or to insert an existing picture in the current page.

After opening Visual editor through the "Edit" button in the page menu on top, click "Insert" and then "Media" in the dropdown menu as shown in the picture


To upload a new picture select the tab "upload" as shown in the picture and then upload the file


Visual editor upload image.jpg

After the upload you will be able to specify where to save that picture. Managers of center Italian culture and language centers can save their pictures either under the current page, or in the main page of their organization. Administrators can save pictures also at root level ('/').


To insert an existing picture, after opening the Media dialog again, you will immediately find all the pictures uploaded within the current page in the "Search" tab of the Media dialog. As above, you can browse either the pictures uploaded in the current page path, or among all the pictures within the path of your organization (the main page, or whatever sub-page of it), just selecting the relevant path. Administrators can also search for pictures at root level.

After choosing the picture, click the top right button "use image" to include it on your page!

That's all! By this way pictures can be easily ordered and managed without filename conflicts and other limitations!