Select Page

Improving Your Posts

A School News page is a great way to communicate important information with your school community. It’s the first thing students and parents see when they log in and it can even be posted on your school’s website. And teachers keep their classes informed with Teacher Pages, personalized web pages for announcements, course pages, and more.

Both give you the ability to include photos, illustrations, graphics, animated GIFs, files, and videos. Images should be saved as .jpg, .gif, .png, or .svg. File size should be no more than 3 MB.

Adding Images

There are three ways to add images to your School News and Teacher Pages.

Method 1: Copy and Paste the Image’s URL

1. Upload your image to an image hosting website like Waldo Photos, Dropbox, or Google Photos. If you have a school website built by Gradelink, you can also use your website’s media library.

2. Once the image is uploaded, right-click on it.

3. Select “Copy Image Address” or “Copy Image Location,” depending on the browser you use. (Figure 1)

4. In your Gradelink School News or Teacher Page post, click on the Image/File Upload button. (Figure 2)

5. Paste the address for your hosted image in the URL field. (Figure 3)

Method 2: From Your Computer

1. Click on the Image/File Upload button.

2. Click on the Choose File button and select the image or file you want. (Figure 3)

Copy the Image's URL

Figure 1

School News Image/File Upload Button

Figure 2

Click Choose File to use an image or file from your computer.

<

Paste the image's URL here.

:

Figure 3

Method 2: Drag and Drop

1. Find an image online you want to use in your post.

2. Open a second browser window, log in to Gradelink, and open School News or Teach Pages.

3. Click and drag the image from the first browser window into your post in the second window. (Figure 4)

 

Drag and Drop Images for School News

Figure 4

Making Adjustments

Once your images are in place, it’s easy to make changes to them.

To reposition an image, simply drag it to a new location.

To adjust the size of, alignment of, and space around the image, double-click on it to open the Image/File window.

Pro Tip: Text doesn’t look good butted up against images, so enter 10 to 20 for HSpace and VSpace.

For adjustments, click the Advanced tab.
<
Adjust the size by changing the width or height. Keep the ratio locked to avoid distorting the image.
<
Align the image to the left, right, or center.
:
Add space above and below the image.
:
Add space to the left and right of the image.
:
Add a border to an image.
;
Adding Videos

Videos require a different process than images and files, but it’s still easy to do.

1. Open the video on YouTube or Vimeo.

Click Share

;

2. Click Share

Click Embed

:

3. Click Embed

Click Copy

;

4. Copy the embed code.

5. In your School News or Teacher Page, paste the code where you want the video to appear. You will only see the code or a red “IFRAME” icon; to see how the video will look once the post is published, click the Save button, then click the Preview button.

Sample Post

Take a look at this example to see how it all comes together – then create an engaging post of your own. If your school isn’t using Gradelink yet, click here to see more ways to help your school save time, improve enrollment, and fulfill its mission.

School News posts can be hidden from students.

:

Click on the Divider icon to add a horizontal line between sections.

:

Images can be photos, graphics, or illustrations.

;

Follow the same procedures for adding files (like PDFs) as for adding images.

:

To see your video display properly, click Save, then Preview or Done.

=

Use links to take people to other websites.

<

Advanced Tip

Use a Table to Contain Your Content

By default, text and other content will run the width of the window it’s in. (Figure 5) To improve legibility — and appearance — put all your content in tables to contain it to a set width.

1. Click on the Table icon. (Figure 6)

2. Enter the specifications you want. Start with one column and three or four rows, and set the width to 600 to 700. To keep your table invisible, enter 0 (zero) as the border size. Click OK. (Figure 7)

3. Add text and images as you normally would. (Figure 8)

4. To make changes to the table once it’s in place (e.g., width, number of columns, or rows), click on the Source button to edit the HTML code. If that seems a little too complicated, make a new table with the specs you want and copy and paste your content into it.

School News without Tables

Figure 5

Click the Table Button

Figure 6

Table Properties

Figure 7

School News Content in a Table

Figure 8

Tables take some practice and experimentation, but it’s worth the effort for better-looking and more legible posts. Websites like Tutorials Point offer details information on creating and editing tables. 

Online Help Icon

Online Help

Now that you know how to add images to your School News and Teacher Pages, you may have other questions. Click here for additional information.

Pin It on Pinterest

Share This