The WYSIWYG text edit box allows editors to insert pictures already uploaded to the page. This procedure assumes your Community Center application has a Picture Library in each page template.
NOTE: If your website is a responsive design, please use the Insert Responsive Pictures procedure instead of this one!
When you are ready to insert a picture in the text:
-
Position the cursor at the beginning of the text with which you would like the picture associated.
-
Click the Insert/edit image button. The Insert/edit image window appears.
-
From the Image list, select the file name of the picture you wish to insert.
-
In the Title box, type a text description of the picture.
-
Click the Appearance tab.
-
From the Alignment list, select Left or Right.
-
In the first Dimensions box, type a number representing the width of the picture in pixels, then press the Tab key. Allow the value in the second Dimensions box to be automatically calculated.
Note: Most monitors display about 100 horizontal pixels per inch. If text will wrap around the picture, a width in the 200 to 300 range is usually best. If the picture will appear by itself, then a width in the 400 to 550 range is usually best.
-
If text will wrap around the picture, type 5 in the Horizontal space box.
-
In the Border box, type 0 (for no border) or 1 (for a thin border).
-
Click the Insert button. The picture appears in the text.
To add a link to the picture:
-
Click the picture in the text box then click the Insert/edit link button. Treat as any link.
To add a link that will display the picture full size:
-
Set the current browser window to the page being edited and find the picture in the Picture Library section of the page.
-
Right-click the picture and select Copy Shortcut (Internet Explorer) or Copy Link Location (Firefox).
-
Change the current browser window to the edit form.
-
Click on the picture in the text box then click the Insert/edit link button. The Insert/edit link window appears.
-
Right-click the URL box and select Paste. The URL to the picture appears in the box.
-
Click Insert. The Insert/edit link window disappears.
-
Submit the page.