Step #2 - Attach Images from within the Page Edit screen, or click the image icon to attach images
Attach Images from within the Page Edit screen, or click the image icon to attach images
Step #3 - Attach Images from the Page Edit screen
The "Attached Image" link will only be displayed after you 1st save the page.
Attach Images from the Page Edit screen
Step #4 - Locate your image on your computer
Alt Title: The only required field is the "Alt Title". Enter a keyword phrase that describes the image
Caption: Entered text here will display under the image, when you place the image on a page
Description: This is only used if you are placing images into the Image Gallery module.
Additional Options: This is only used for images that show in the Homepage Slideshow.
SAVE: There is another SAVE IMAGEG button at the bottom of this screen
Locate your image on your computer
Step #5 - Locate your image to Upload
1) Add your Image Title 2) Locate an image to attach 3) Click the SAVE button
Step #6 - Add additional images
Add additional images
Step #7 - Locate image to place on page
Always create an empty row to place you image
Do not try to place your images in the middle of a paragraph.
Locate image to place on page
Step #8 - Select Size of Image to place on page
Select Size of Image to place on page
Step #9 - You will see the SiteNinja Image Tag on page
You will see the SiteNinja Image Tag on page
Step #10 - Preview your image
If you maximize your browser window, you will see a preview window to the right of your Edit window. Click the QUICK REFRESH button on the right window to see your image on the page.
Notice how the image is aligned to the right side of the page, and all text has wrapped around the image. This is the default behavior for all small and medium size images.
Do Not add formatting to the Image Tag. The Image Tag should always be on a row by itself.
If you want to align the image to the left, place the word "left_" at the front of the Ninja Tag like this: left_medium_image:4012
Preview your image by clicking the QUICK REFRESH button on the right window
Step #11 - How to Left Align Images
You can left-align images by adding the "left_" to your image tag, like shown in the illustration below.
11 Left Align Images
Step #12 - Make Rows of Images
When you place one image tag under another image tag, the images will display side-by-side on the public site. This is because the property of an image tag is to wrap EVERYTHING underneath it to the side of the image, including other images.
12 Make Rows of Images
Step #13 - Stack Images in a Column
To clear the wrapping quality, enter the word "clear_" in the image tag like shown below. The tag would look like this clear_medium_image:5118
With the Clear tag applied the images will stack on top of each other.