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?
Click the Insert dropdown in the editor menu, and select Media:
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. Railroad crossing example.JPG) and then click on the image you want to insert:
Wazeopedia editing insert imageNow 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:Wazeopedia editing insert imageFinish by clicking the Insert button in the upper left corner.
How can i insert in image to a page in source editing?
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:
[[File:filename.extension|options|caption]]
Where So if you are trying to add a thumb image named Railroad crossing example.JPG you would add it like this:
[[File:Railroad crossing example.JPG|thumb|This is an image of a railroad crossing]]
Add other attributes (caption, size in pixels, alignment and format layout) as requested
Click on insert.
What are the layout option for images?
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:Wazeopedia editing insert imageYou 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:
