Uploading or Adding a Document, Photo, or other content to a Page

1. The first step to uploading a document/photo/etc. is to login to the Terminal 4 direct edit view within the site you wish to upload the document/photo to.

2. To upload a document/photo/etc., first, hover your mouse over the page content and select the “modify” option as if you were going to edit the content on the page.

terminal_4_modify_content_option_for_documentation

3. In the group of buttons, above the body content field, to the far right you will see a button that looks like a white square with colored shapes in it. Upon hovering your mouse over it you should see the words “insert media”.

7_4_terminal_4_insert_media_button_for_documentation

4. Click the “insert media” button and it should open a window that looks like this.

The add media window in terminal 4 v7.4

5. From the insert media window navigate into the department folder where you would like to store the document/photo/etc… by clicking on the The plus button next to items in the site menu that when clicked, will expand to show the sections below an item in terminal 4 v7.4 icon next to each folder. Once you find the folder that shares its name with your department, there should be a "documents" and "images" folder located within them. These two folders are where you will put your documents and images respectively. Click on the documents if you are adding/looking for a document or images folderif you are adding/looking for a image and it will open the corresponding folder.

 

 

 navigate the add media window in terminal 4 v7.4

 

5.1. If you are seeking to add a document/photo/etc… that already exists in a directory, navigate through the directories to the left until you find the proper location and skip to step 13.

 

6. Once in the folder you will want to click the “Add Media” button at the top of the window near the “Browse” tab.

add media window add media button in terminal 4 v7.4

 

7. After clicking the “Add Media” Button a window like the one below should appear.

 

add content info window for terminal 4 v. 7.4

 

8. From this window you can name your document/photo/etc… something distinct and specific so that you can find it in the list of other items.

The add content window's name section in terminal 4 v. 7.4

 

9. The Description section is where you can enter in information about the file to help better define what it is. This will only be seen in Terminal 4 and mainly just helps with Identifying what is what in the file structure.

The add content info window's description section in terminal 4 v. 7.4

10. The keywords section is where you can enter in tag words of phrases that will be associated with your file when searching for it within the media library. Defaulty the name of a file will be a keyword so if you feel that is an adequate identifier then you don't need to enter anything into this section.

 

The add content info window's keywords section in terminal 4 v. 7.4

 

11. Finally click the browse button under the media section and select the document that you would like to upload.

The add media windows browse button for uploading a file

 

11.1.  You don't need to worry about any of the other items on this window so once you've filled in the 3 above mentioned sections and selected a file you are ready to go.

 

12. When you’re finished, click the “Add” button.

 

The add button for the add content info window in terminal 4 v 7.4

 

13. After clicking the add button, Terminal 4 will return you to this window. Locate your file in the list of media under the directory you placed it and click on its name under the “Media Name” column.

 

The media name column on the add media window in terminal 4 v. 7.4

 

14. Once you click on the document/photo name you should be greeted by a window similar to this.

The select media window in terminal 4 v 7.4

 

15. Click on the “select” button and a link to the document will appear in the body content field.

 

select media select button highlighted for documentation

 

16. (For photos) In the event that your photo is too large to fit on the page or if you just simply wish to alter the size, from the window below, click the “Add Variant” button.

7_4_terminal_4_select_media_add_varient_button_for_documentation

17. From this window you can crop (cut off sides from a photo to change its size or remove unwanted photo elements) and or resize the image as you like (the average image size is no more than 500x500 <Note if your site uses the new format the number may be larger> so if you image exceeds that reduce the largest margin to 500 and the other margin will size itself accordingly, Ex. 3000x400 scales to 500x67).

 

Note: Unfortunately at this time Terminal 4 does not allow you to both crop and Resize a photo. You can have cropped versions of the photo and resized versions but there is no way to resize an image previously cropped in terminal 4 or vice versa.

The add variant option on the add media window in terminal 4 v. 7.4

 

17.1. Cropping:

a) Click on the crop option above where it says resize.

 

The add variant window withe the crop option highlighted in Terminal 4 v. 7.4

 

b) You should now see a window like this.

 

The add variant crop window in terminal 4 v. 7.4

 

c) From this menu you have two choices, you can either manually adjust the region of the photo that you would like to keep in by adjusting the X Pos, Y Pos, Width, and Height

 

The add variant crop windows positioning options in Terminal 4 v. 7.4

 

d) Or you can click and drag on the photo itself to select the region of the photo that you would  like to keep in the photo. Most people prefer this method

 

The photo cropping process in terminal 4 v.7.4

 

e) If for any reason you wish to keep the aspect ratio for the photo while cropping, simply click the check box that says "Keep aspect ratio". This will make the region that you crop maintain the same shape as the original photo.

 

 The add variant crop window keep aspect ratio box in terminal 4 v. 7.4

 

f) When you are done modifying the photo, give a name to the “Variant Name” section like “filename scaled” or something to indicate it as the version you wish to use.

 

The add variant crop windows name box in terminal 4 v 7.4

 

g) Click save.

 

The add variant crop window save button in terminal 4 v. 7.4

 

h) After you click save, the variant name section will go blank, this means it has successfully saved the changes, but you still have to click on the update button before you leave.

 

The add variant crop window update button in terminal 4 v. 7.4

 

17.2 Resizing:

 

Note: significantly Increasing or decreasing the size of a photo can effect the image quality and clarity so be warry of shrinking extremely large photos or expanding very larg photos.

 

a) Defaulty when you open up the add variant menu it will be on the resize menu, but if not simply click on the "Resize" option below the Crop option. From this menu you can change the size of your image.

 

The add variant window's resize option

b) There's a few preset image sizes which you can select from this option, but most people end up picking their own size for their images.

 

 ‌

 The preset image sizes in the add variant window of terminal 4 v. 7.4

 

c) The height wand widith are the numbers you will want to adjust to change the size of your photo. The maximum recomended width for a photo on a page with no sidebar is 750px, if a sidebar is present then the maximum size reocmended is 500px. The height can remain unchanged as as long as the "Keep aspect ratio" checkbox is left alone it will auto adjust itself. Pages that have been moved to the new format can accomodate larger photos but this documentation is meant to only cover the old format.

 

The height and width settings for the resize add variant option.

 

d) Here again is the "Keep aspect ratio" checkbox. Leave this checked unless you intend for your pictures to be streteched horizontally or vertially.

 

The add variant window resize option's keep aspect ratio check box in terminal 4 v. 7.4

 

e) When you are done modifying the photo, give a name to the “Variant Name” section like “<filename> scaled” or something to indicate it as the version you wish to use.

 

The add variant window reize variant name option in terminal 4 v. 7.4

 

f) Click save.

 

The save button in the add variant resize window in terminal 4 v7.4

 

g) After you click save the variant name section will go blank, this means it has successfully saved the changes, but you still have to click on the update button before you leave.

 

 The add media resize window's update button for terminal 4 v. 7.4

 

18. Once you’ve completed the updated steps, you will be reurned to this window.

 

 The add media window in terminal 4 v7.4

 

19. Relocate the original file that you edited in the list and re-select the picture form the list 

 

The media name column on the add media window in terminal 4 v. 7.4

 

20. Once selected you should now see the newly created variaents on the page.

 

 A new variant of a photo highlighted in terminal 4 v. 7.4

 

21. click on the radio button next to the variant to change the photo that will be added to the page to the edited varient.

 

The radio button next to a photo variant on the add media window in terminal 4 v. 7.4

 

22. Click select and your modified photo will now be added to the page.

 

 The select button in the add media window with a variant available in the list

 

23. (For documents) If you want to create your own text that links to the document see Renaming Document Links.