Community Central
Community Central
m (too many exclamation marks, even for me!)
(Undo revision 3010913 by Kayla Lortie (wall) Unnecessary.)
Tag: Help
(14 intermediate revisions by 9 users not shown)
Line 1: Line 1:
 
<jwplayer media-id="MnB8xqur" />
 
<jwplayer media-id="MnB8xqur" />
{{TOCright}}
+
{{tocright}}
'''Adding images''' is a great way to improve any article. Photos and line drawings provide further detail and color — and they can even improve your wiki's [[Help:SEO|search engine ranking]].
+
'''Adding images''' is a great way to improve any article. Photos and line drawings provide further detail and color — and they can even improve your wiki's [[Help:Search Engine Optimization|search engine ranking]].
   
 
This page will show you how easy it is to add them to any article!
 
This page will show you how easy it is to add them to any article!
   
Though we're primarily talking about static images on this page, the process is very similar to that of [[help:videos|adding videos]], though we encourage you to also read about [[Help:Video embed tool|our video embed tool]], so that you can become an expert in adding visual media to your wiki.
+
Though we're primarily talking about static images on this page, the process is very similar to that of [[Help:Videos|adding videos]], though we encourage you to also read about [[Help:Video embed tool|our video embed tool]], so that you can become an expert in adding visual media to your wiki.
   
This guide is primarily about adding images that are '''already uploaded''' to your wiki. We have a [[Help:Uploading files|separate help page about uploading files]], but you may find that you learn something about uploading here, too.
+
This guide is primarily about adding images that are '''already uploaded''' to your wiki. We have a [[Help:Uploading files|separate help page about uploading files]], but you may find that you learn something about uploading here, too.
 
== In our visual editors ==
 
== In our visual editors ==
 
[[File:Edit_toolbar_image_upload2.png|thumb|right|275px|This is where you go in the [[help:classic editor|classic editor]] to add an image.]]
Whether your'e editing with our [[Help:VisualEditor|VisualEditor]] or our [[Help:Classic editor|classic rich-text editor]], the process of adding an image to a page is largely the same.
 
 
[[File:Addimages-alreadyuploaded2.png|thumb|right|275px|Finding an already-uploaded image in the classic editor.]]
  +
[[File:Photo_description.png|thumb|right|275px|Here's where you add a caption and change the alignment or size of the image. Don't be confused by the fact that the screen says "upload photo" even though you're using an already-uploaded image.]]
 
Whether you're editing with our [[Help:VisualEditor|VisualEditor]] or our [[Help:Classic editor|classic rich-text editor]], the process of adding an image to a page is largely the same.
   
The following written section focuses on the classic editor, while the video at the top of the page shows you how to do it in the VisualEditor.
+
The following written section and images focus on the classic rich-text editor, while the video at the top of the page shows you how to do it in the VisualEditor.
  +
[[File:Edit_toolbar_image_upload2.png|thumb|right|300px|An image from the [[help:classic editor|classic editor]] experience]]
 
 
* To start, [[Special:Signup|log in]] to your account, and then click the [[Help:Editing|'''Edit''']] button on the page where you'd like to add an image.
[[File:Addimages-alreadyuploaded2.png|thumb|right|300px|Finding an already-uploaded image in the classic editor]]
 
 
* Once in edit mode, click on the button labelled '''Photo''' [[File:Photo button.png|40px]] on the right rail of the editor toolbar.
[[File:Photo_description.png|thumb|right|300px]]
 
  +
* A pop-up will appear, which will allow you to search for photos already added to the community. (You can also upload an image from your computer here — but see [[Help:Uploading files|this help page]] for more detailed info about uploading.)
* To start, you must [[Special:Signup|log in]] to your account, and then click the [[Help:Edit|'''Edit''']] button on the page where you'd like to add an image.
 
 
* Once you choose an image to add, click '''upload'''.
* Once in edit mode, click on the photo upload button [[File:Photo_button.png|40px]] on the right rail of the editor toolbar.
 
* A pop-up will appear, which will allow you to upload a photo from your computer. You can also search for photos already added to the community by others .
 
* Once you choose a photo to add, click '''upload'''.
 
 
* Next you will be able to adjust the size and placement of the photo. You can also provide a caption, which will display below the photo.
 
* Next you will be able to adjust the size and placement of the photo. You can also provide a caption, which will display below the photo.
* If you would like to provide more details about the photo, including giving it a new name and providing [[Help:Image copyright tags|license information]], click on the more options link.
 
 
* After you have picked your options, click the '''Add photo''' button, and your photo will be added to the edit area.
 
* After you have picked your options, click the '''Add photo''' button, and your photo will be added to the edit area.
 
* Images can be modified at any time in edit mode. Simply hover over the image and choose '''modify''', and the same pop-up window will appear.
 
* Images can be modified at any time in edit mode. Simply hover over the image and choose '''modify''', and the same pop-up window will appear.
* Once you are done, click publish and your photo will be live on the page.
+
* Once you have completely finished editing the page, click publish and your photo will be live on the page.
  +
 
=== Using source mode ===
 
=== Using source mode ===
[[help:source edit mode|Source editing]] differs significantly from the approach offered by Fandom's visual editors. However, it also allows you the ability to control additional aspects of your images via [[help:wikitext|wikitext]]. There are so many interesting details about image display in source that we've created [[Help:Links/Wikitext|a whole page about it]]!
+
[[Help:Source edit mode|Source editing]] differs significantly from the approach offered by Fandom's visual editors. However, it also allows you the ability to control additional aspects of your images via [[Help:Wikitext|wikitext]]. There are so many interesting details about image display in source that we've created [[Help:Wikitext#Image formatting|a large section for it]]! There is also a [[Help:Links/Wikitext|help page for links from images]].
  +
 
== Uploading comes first ==
 
== Uploading comes first ==
You can't use a file that doesn't exist '''on your wiki'''. If you try, you'll merely create a link — usually a <span style="color:red">red </span> one — to an un-created [[Help:File description page|file page]].
+
You can't use a file that doesn't exist '''on your wiki'''. If you try, you'll merely create a link — usually a <span style="color:red">red </span> one — to an un-created [[Help:File description page|file page]].
  +
 
== Directly viewing images ==
 
== Directly viewing images ==
[[File:Lightbox.png|thumb|center|650px|Viewing a photo from the lightbox]]
+
[[File:Image Lightbox.png|thumb|left|275px|Viewing a photo from the [[Help:Image lightbox|lightbox]]]]
Because they're typically thumbnails, images on a page are typically smaller. But you can grab a better look by [[Help:File description page|going to the file page]] or by [[help:image lightbox|taking a peek in the lightbox]]. When reading a page, you can click on the image to bring up the lightbox. To then see the file page itself — and therefore have access to the image at all available resolutions — click on the name of the image at the top of the lightbox.
+
Because they're typically thumbnails, images on a page are typically smaller. But you can grab a better look by [[Help:File description page|going to the file page]] or by [[Help:Image lightbox|taking a peek in the lightbox]]. When reading a page, you can click on the image to bring up the lightbox. To then see the file page itself — and therefore have access to the image at all available resolutions — click on the name of the image at the top of the lightbox.
  +
 
If you want to bypass the lightbox entirely, simply hold "Ctrl" (for Windows users) or "Command" (for Mac users), then click on the photo. It will open a new tab, but you'll be on the file page in the new tab.
   
  +
<div style="clear:left;"> </div>
If you want to bypass the lightbox entirely, simply hold "Ctrl" (for Windows users) or "Command" (for Mac users), then click on the photo. It will open a new tab, but you'll be on the file page in the new tab.
 
   
 
== See also ==
 
== See also ==
* [[Help:Wikitext#Image_formatting|Using wikitext with your images]]
+
* [[Help:Wikitext#Image formatting|Using wikitext with your images]]
 
* More details about [[Help:uploading files|uploading files]]
 
* More details about [[Help:uploading files|uploading files]]
   
Line 41: Line 46:
 
{{Help and feedback section}}
 
{{Help and feedback section}}
 
[[ar:مساعدة:صور]]
 
[[ar:مساعدة:صور]]
  +
[[be:Даведка:Выявы]]
 
[[ca:Ajuda:Imatges]]
 
[[ca:Ajuda:Imatges]]
 
[[de:Hilfe:Bilder/RTE]]
 
[[de:Hilfe:Bilder/RTE]]
Line 53: Line 59:
 
[[pt:Ajuda:Fotos]]
 
[[pt:Ajuda:Fotos]]
 
[[ru:Справка:Изображения]]
 
[[ru:Справка:Изображения]]
  +
[[tr:Yardım:Resim ekleme]]
 
[[uk:Довідка:Зображення]]
 
[[uk:Довідка:Зображення]]
 
[[vi:Trợ giúp:Hình ảnh]]
 
[[vi:Trợ giúp:Hình ảnh]]

Revision as of 01:15, 11 March 2020

Adding images is a great way to improve any article. Photos and line drawings provide further detail and color — and they can even improve your wiki's search engine ranking.

This page will show you how easy it is to add them to any article!

Though we're primarily talking about static images on this page, the process is very similar to that of adding videos, though we encourage you to also read about our video embed tool, so that you can become an expert in adding visual media to your wiki.

This guide is primarily about adding images that are already uploaded to your wiki. We have a separate help page about uploading files, but you may find that you learn something about uploading here, too.

In our visual editors

Edit toolbar image upload2

This is where you go in the classic editor to add an image.

Addimages-alreadyuploaded2

Finding an already-uploaded image in the classic editor.

Photo description

Here's where you add a caption and change the alignment or size of the image. Don't be confused by the fact that the screen says "upload photo" even though you're using an already-uploaded image.

Whether you're editing with our VisualEditor or our classic rich-text editor, the process of adding an image to a page is largely the same.

The following written section and images focus on the classic rich-text editor, while the video at the top of the page shows you how to do it in the VisualEditor.

  • To start, log in to your account, and then click the Edit button on the page where you'd like to add an image.
  • Once in edit mode, click on the button labelled Photo Photo button on the right rail of the editor toolbar.
  • A pop-up will appear, which will allow you to search for photos already added to the community. (You can also upload an image from your computer here — but see this help page for more detailed info about uploading.)
  • Once you choose an image to add, click upload.
  • Next you will be able to adjust the size and placement of the photo. You can also provide a caption, which will display below the photo.
  • After you have picked your options, click the Add photo button, and your photo will be added to the edit area.
  • Images can be modified at any time in edit mode. Simply hover over the image and choose modify, and the same pop-up window will appear.
  • Once you have completely finished editing the page, click publish and your photo will be live on the page.

Using source mode

Source editing differs significantly from the approach offered by Fandom's visual editors. However, it also allows you the ability to control additional aspects of your images via wikitext. There are so many interesting details about image display in source that we've created a large section for it! There is also a help page for links from images.

Uploading comes first

You can't use a file that doesn't exist on your wiki. If you try, you'll merely create a link — usually a red one — to an un-created file page.

Directly viewing images

Image Lightbox

Viewing a photo from the lightbox

Because they're typically thumbnails, images on a page are typically smaller. But you can grab a better look by going to the file page or by taking a peek in the lightbox. When reading a page, you can click on the image to bring up the lightbox. To then see the file page itself — and therefore have access to the image at all available resolutions — click on the name of the image at the top of the lightbox.

If you want to bypass the lightbox entirely, simply hold "Ctrl" (for Windows users) or "Command" (for Mac users), then click on the photo. It will open a new tab, but you'll be on the file page in the new tab.

 

See also

Further help and feedback