imported>Wottem No edit summary |
imported>Wottem No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{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]]. | |||
|zippers={{Togglesection | |||
|title=How can i insert in image to a page in visual editing? | |||
|content=Click the '''Insert''' dropdown in the editor menu, and select '''Media:''' | |||
[[File:Insert_image_step_1.png|alt=Wazeopedia editing insert image|center|frameless|422x422px]] | |||
- | Now '''search''' for the image you are looking for. The search will look in the file names off all the images in the file repository. If you cannot find the image in free text search please enter the exact name of the image (i.e. <code>Railroad crossing example.JPG</code>) and then click on the image you want to insert: | ||
[[file:Insert_image_step_2.png|alt=Wazeopedia editing insert image|center|frameless|422x422px]] | |||
Click '''use this image''' in the upper left corner: | |||
[[file:Insert_image_step_3.png|alt=Wazeopedia editing insert image|center|frameless|422x422px]]Now add text to the image if necessary - the caption will be displayed under the image, and the alternative text will assist search engines and visually impaired users understand what this image is about:[[file:Insert_image_step_4.png|alt=Wazeopedia editing insert image|center|frameless|422x422px]]Finish by clicking the Insert button in the upper left corner. | |||
}}{{Togglesection | |||
|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 | |||
|title=What are the layout option for images? | |||
|content=If you click twice on an image in the text or while inserting the image you can choose different layouts. in the Media setting dialog click on '''advanced:'''[[file:Insert image step 4 texts.png|alt=Wazeopedia editing insert image|center|frameless|422x422px|link=http://34.90.140.41/wiki/Global/File:Insert_image_step_4_texts.png]]You will be able to change the position, the layout and the size of the image: | |||
====position:==== | |||
There are 3 position options. If you will uncheck the "wrap text" checkbox than the image will show inline: | |||
[[File:Insert image position.png|center|frameless]] | |||
====Layout (image type)==== | |||
There are 4 image layout option: | |||
[[ | [[file:Insert image layout.png|center|frameless]] | ||
</ | #'''thumb''' or '''thumbnail''' (default): | ||
#*Rendered as a floating block (text wrapped around) | |||
#*Rendered with caption | |||
#*Default size is small (can be manually adjusted) | |||
#'''frame''' | |||
#*Rendered as a floating block (text wrapped around) | |||
#*Rendered with caption | |||
#*Default size is same as file size (can be manually adjusted) | |||
#'''frameless''', like thumbnail, respect user preferences for image width, but without border and no right float and caption. | |||
====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 | |||
|title=How to create links to files which are not images? | |||
|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 | |||
|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...