In some articles, you may want to include some images. Below is a guide to helping you do that. You should credit every image, even if it belongs to you.
Feel free to come back to this page for info at any time.
|
Table of Contents
|
Where to find Images
Fortunately, there are a bunch of places where you can find CC or public domain images! For starters, there is:
Snappygoat ditto.
Wikimedia Commons, with literally tens of millions of files available for use (note: not all images are under licenses that are CC-BY-SA compatible; be sure to check the usage details for each image)0
Flickr, which allows you to search broadly by license from hundreds of thousands of photographs.
Google Image Search, where you can search by very broad license type (note: don’t just assume that because something shows up here, it is CC-BY-SA compatible; check!)
Formatting
To upload an image, save it to your computer and then click on the "Files" option at the bottom of the page. After this click on the option to upload a file and select the desired image.
To get the link for an image, click on the "Files" option at the bottom of the page and ctrl+clicking the link.
When pasting an image, change the "https" in the wikidot url for the image link to "http" in order to render the image successfully. If this fails, make sure that the URL is s-a-p.wikidot.com and not s-a-p.wdfiles.com.
Also, once finished, clicking on an image will take you to its page.
Left Floating Image
The text will wrap around the image using this method. Put the below code right above the paragraph you want the image to be to the side of. Take the URL of the image, paste this into the "image" and "link" fields. Type your caption in the "caption" field. You may also change the number in the "width" field to your desired pixel number. The image will not distort, but will grow or shrink evenly.
[[include modules:picture-left
|width=250px
|image=*text here
|caption=caption here
|link=*text here
]]
This uses the include module to import from the page picture-left.
Center Static Image
The text will not wrap around the image using this method, but the image will have text above and/or below it. Put the below code in before, after, or in between paragraphs. Take the URL of the image, paste this into the "image" and "link" fields. Type your caption in the "caption" field. You may also change the number in the "width" field to your desired pixel number. The image will not distort, but will grow or shrink evenly.
[[include modules:picture-center
|width=250px
|image=*text here
|caption=caption here
|link=*text here
]]
This uses the include module to import from the page picture-center.
Right Floating Image
The text will wrap around the image using this method. Put the below code right above the paragraph you want the image to be to the side of. Take the URL of the image, paste this into the "image" and "link" fields. Type your caption in the "caption" field. You may also change the number in the "width" field to your desired pixel number. The image will not distort, but will grow or shrink evenly.
[[include modules:picture-right
|width=250px
|image=*text here
|caption=caption here
|link=*text here
]]
This uses the include module to import from the page picture-right.
Crediting
This is how to convey where the images in the page come from.
Images from the Web
For images "borrowed" from the web, this would be used (replace the text with what is says to do):
[[include modules:external-image-credits
|title=the image title
|author=the author's name
|original-image-link=link to where you found the image
]]
This uses the include module to import from the page external-image-credits.
Images belonging to a User
Please indicate if images are AI-generated.
For images created by the user who made the page, this would be used (replace the text with what is says to do):
[[include modules:original-image-credits
|title=image title
|link-to-image=found by ctrl+clicking on the file name at the page bottom
|author-username=the author's username
|author-comments=any comments by the author
|cc-license-link=a link to the creative commons page for what it you licensed it under
|cc-license-name=something like CC BY-NC-ND 3.0
]]
This uses the include module to import from the page original-image-credits.
The recommended image licensing is shown below for user-created images. Be sure to indicate if the image is AI generated.
[[include modules:original-image-credits
|title=image title
|link-to-image=found by ctrl+clicking on the file name at the page bottom
|author-username=the author's username
|author-comments=This is an original image.
|cc-license-link=https://creativecommons.org/licenses/by-sa/4.0/deed.en
|cc-license-name=CC BY-SA 4.0 Attribution-ShareAlike 4.0 International
]]
Specific In-text Icons
Symbols local to the Repository wiki, meant to be used in articles.
Yellow File Display
If you ever need to include a like to a Yellow File page in an article, an SAP for example, then you can use the below method to make it look like the links listed on the Yellow Files Hub.
[[include modules:yellow-file-display]] [[[*url-to-yellow-file-you-want-to-link|text-you-want-displayed]]]
how to embed YouTube videos into a Wiki page.
Embedding YouTube videos is actually extremely simple.
But first, what does "Embed" mean? Basically, it just means "to include" or, more simply, to put it into your Wiki page.
Start by putting this code down:
[[embed]]
[[/embed]]And within those "embed" tags, just put the Embed code for the YouTube video. Easy, right? Wrong. The tricky part is actually GETTING the embed code.
How to get the Embed code
- Start by getting the URL of the YouTube video. Usually you can do this by pressing "share".
- Next, head on over to https://embed.tube/embed-code-generator/youtube/ and put the URL into the specified box.
- Now, don't get ahead of yourself and just copy the given embed code. That stuff doesn't work for some reason.
- What you'll want to do is look at the video that has now appeared. It's the video you wanted. Press the cogwheel, then press more options. Then you'll see the option to copy embed code. This will give you the correct code.
Also, I'm pretty sure the process for getting the embed code is a lot easier on desktop, so keep that in mind.
Including Audio
You basically cannot embed audio on Wikidot anymore, as the only supported audio platform is Odeo.com, of which has now disbanded from what I believe.
So instead of embedding audio, we can do it the old archaic way. Firstly, download the audio you want.
(One suggestion is https://www.tetyys.com/SAPI4/ or https://discordier.github.io/sam/ ) Then get the URL of the file. This can be done in a multitude of ways. One way is to simply upload it onto any Wikidot page and copy the URL. Then proceed to place the following code into where you want the audio to be.
[[html]]
<audio preload="metadata" controls {$autoplay_{$autoplay}}>
<source src="audio file url">
</audio>
[[/html]]Where it says "Audio file URL" replace that with the URL of the audio file.
Then, you're done.
