imported>Wottem No edit summary |
imported>Wottem No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{HelpPage | {{HelpPage | ||
|linklist=Template:Help complex editing | |||
|page content=Wazeopedia supports inserting images and files to pages in order to make knowledge items more helpful. This guide will assist you in handling files while editing pages, but you need first to upload the files to the platform. You might want to visit the guide on [[help:Uploading and managing files|uploading and managing files]] or the guide for using [[Help:Use of outside media|external media resources from the web]]. | |page content=Wazeopedia supports inserting images and files to pages in order to make knowledge items more helpful. This guide will assist you in handling files while editing pages, but you need first to upload the files to the platform. You might want to visit the guide on [[help:Uploading and managing files|uploading and managing files]] or the guide for using [[Help:Use of outside media|external media resources from the web]]. | ||
|zippers={{Togglesection | |zippers={{Togglesection | ||
Line 12: | Line 13: | ||
}}{{Togglesection | }}{{Togglesection | ||
|title=How can i insert in image to a page in source editing? | |title=How can i insert in image to a page in source editing? | ||
|content=If you are using the source editor, you can either add the image syntax manually or use the assisting popup: | |||
===manually adding images=== | |||
Images are inserted with this syntax: | |||
<nowiki>[[File:filename.extension|options|caption]]</nowiki> | |||
Where So if you are trying to add a thumb image named <code>Railroad crossing example.JPG</code> you would add it like this: | |||
<nowiki>[[File:Railroad crossing example.JPG|thumb|This is an image of a railroad crossing]]</nowiki> | |||
===Using the assisting popup=== | |||
#Click on the image icon in the source editing toolbar: [[file:Insert image source editing toolbar.png]] | |||
#Add the exact image name to the dialog box '''filename''' input:[[File:Source editing image.png|center|frameless|422x422px]] | |||
#Add other attributes (caption, size in pixels, alignment and format layout) as requested | |||
#Click on '''insert'''. | |||
}}{{Togglesection | }}{{Togglesection | ||
|title=What are the layout option for images? | |title=What are the layout option for images? | ||
Line 23: | Line 37: | ||
There are 4 image layout option: | There are 4 image layout option: | ||
Insert image layout.png | [[file:Insert image layout.png|center|frameless]] | ||
#'''thumb''' or '''thumbnail''' (default): | #'''thumb''' or '''thumbnail''' (default): | ||
Line 35: | Line 49: | ||
#'''frameless''', like thumbnail, respect user preferences for image width, but without border and no right float and caption. | #'''frameless''', like thumbnail, respect user preferences for image width, but without border and no right float and caption. | ||
<br /> | ====Size==== | ||
Size can be adjusted by number in the dialog box or visually set in the editor. | |||
===Change image position=== | |||
You should be able to drag and drop the image in its right place. <br /> | |||
}}{{Togglesection | }}{{Togglesection | ||
|title=How to create links to files which are not images? | |title=How to create links to files which are not images? | ||
|content=If you | |content=If you need to add a file which is not an image to an item you might prefer to let the user download it directly without passing through the file page. In that case you should add a link to the file starting with '''media''' like this <code>media:filename.docx</code>. | ||
}}{{Togglesection | }}{{Togglesection | ||
|title=How to handle PDF files? | |title=How to handle PDF files? | ||
|content=PDF files can be embedded as images. just like any other image. This will display the first page as the embedded image and link to the PDF file page. In the source editor you will be able to customize the PDF view: | |||
===Link the image to the PDF directly=== | |||
Linking to the PDF and not to the file page is available by adding this markup to the file embed syntax: <code>link=media:file name.pdf</code> like this example: | |||
<nowiki>[[File:somefile.pdf|link=media:somefile.pdf]]</nowiki> | |||
===Showing a different page from the file=== | |||
If you want the image to link directly to the file you can add this syntax to the file with the requested page number: <code>page=4</code> like this (showing page 11): | |||
<nowiki>[[File:somefile.pdf|page=11]]</nowiki> | |||
<br /> | |||
}}{{Togglesection | |||
|title=Where can I read more about image and file handling? | |||
|content=*[[mediawikiwiki:Help:Images|A complete guide to wiki images]] | |||
*[[wikipedia:Help:Pictures|Wikipedia image tutorial]] | |||
*[[wikipedia:Help:Gallery_tag|Using the gallery option to display multiple images]] | |||
}} | }} | ||
}} | }} |
Latest revision as of 00:52, 15 October 2020
Wazeopedia supports inserting images and files to pages in order to make knowledge items more helpful. This guide will assist you in handling files while editing pages, but you need first to upload the files to the platform. You might want to visit the guide on uploading and managing files or the guide for using external media resources from the web.
How can i insert in image to a page in visual editing?
How can i insert in image to a page in source editing?
What are the layout option for images?
How to create links to files which are not images?
How to handle PDF files?
Where can I read more about image and file handling?
Related articles
Uploading and managing files
Files are uploaded to the commons wiki. You can click on the upload file link in the tools section...
Use of outside media
Wazeopedia supports using embed external media from different sources including videos, slide decks...
Templates and complex editing
MediaWiki supports using templates and HTML coding for more complex content and design solutions...
Linking and using templates from other communities
Wazeopedia is an interlinked knowledge community separated over different local communities. Wazeopedia...